/* Han An Hua v179 — typography for the address block only.
   Addresses the three undersized instructions and normalises the bilingual
   preview.  All values respond to the viewport, without changing the form
   grid, data fields or address logic. This stylesheet must load AFTER v178. */

/* Main instruction below "Alamat tempat tinggal". */
.application-shell .address-composer-section .address-composer-intro {
  font-size: clamp(16px, 0.92vw, 19px);
  line-height: 1.55;
  font-weight: 500;
}

/* Helper injected by the regional-autocomplete script and postcode message. */
.application-shell .address-composer-section .address-smart-helper {
  font-size: clamp(16px, 0.89vw, 19px);
  line-height: 1.55;
  font-weight: 500;
}
.application-shell .address-composer-section .address-smart-postal {
  font-size: clamp(15px, 0.84vw, 18px);
  line-height: 1.5;
  font-weight: 700;
  min-height: 1.5em;
}

/* Readable, consistent address form (v163 had 14px labels even on 4K). */
.application-shell #address-parts-grid .address-part label {
  font-size: clamp(16px, 0.88vw, 19px);
  line-height: 1.4;
}
.application-shell #address-parts-grid .address-part input {
  font-size: clamp(17px, 0.94vw, 20px);
}
.application-shell #address-parts-grid .address-part input::placeholder {
  font-size: clamp(15px, 0.85vw, 18px);
}

.application-shell .address-composer-section .address-composer-optional {
  font-size: clamp(15px, 0.83vw, 18px);
  line-height: 1.5;
}
.application-shell .address-composer-section .address-flow-hint {
  font-size: clamp(15px, 0.87vw, 18px);
  line-height: 1.55;
}

/* Preview hierarchy:
   subsection heading  ->  16-19px
   address text        ->  18-21px (same for Indonesian and English)
   supporting note     ->  15-18px
   country detected    ->  16-19px
   This fixes the old 11/14/12/15/12px mismatch. */
.application-shell .address-composer-section .address-live-card {
  padding: clamp(17px, 1.12vw, 25px) clamp(17px, 1.2vw, 28px);
}
.application-shell .address-composer-section .address-live-kicker {
  font-size: clamp(16px, 0.88vw, 19px) !important;
  line-height: 1.45;
  letter-spacing: .035em;
  font-weight: 850;
}
.application-shell .address-composer-section .address-live-card #address-live-preview,
.application-shell .address-composer-section .address-english-preview #address-live-preview-en {
  font-size: clamp(18px, 1.04vw, 22px) !important;
  font-weight: 500;
  line-height: 1.6;
  overflow-wrap: anywhere;
  margin-top: 9px;
}
.application-shell .address-composer-section .address-country-summary {
  font-size: clamp(16px, 0.88vw, 19px);
  line-height: 1.5;
  margin-top: 9px;
  font-weight: 700;
}
.application-shell .address-composer-section .address-english-preview {
  margin-top: clamp(14px, .85vw, 20px);
  padding-top: clamp(14px, .85vw, 20px);
}
.application-shell .address-composer-section .address-english-preview small {
  font-size: clamp(15px, 0.83vw, 18px) !important;
  line-height: 1.55;
  margin-top: 10px;
}

/* Tablet and mobile: keep readable without forcing extra horizontal width. */
@media (max-width: 820px) {
  .application-shell .address-composer-section .address-composer-intro,
  .application-shell .address-composer-section .address-smart-helper {
    font-size: 15px;
  }
  .application-shell .address-composer-section .address-smart-postal {
    font-size: 14px;
  }
  .application-shell #address-parts-grid .address-part label {
    font-size: 15px;
  }
  .application-shell #address-parts-grid .address-part input {
    font-size: 16px;
  }
  .application-shell #address-parts-grid .address-part input::placeholder {
    font-size: 15px;
  }
  .application-shell .address-composer-section .address-composer-optional,
  .application-shell .address-composer-section .address-flow-hint {
    font-size: 14px;
  }
  .application-shell .address-composer-section .address-live-kicker {
    font-size: 14px !important;
  }
  .application-shell .address-composer-section .address-live-card #address-live-preview,
  .application-shell .address-composer-section .address-english-preview #address-live-preview-en {
    font-size: 16px !important;
    line-height: 1.55;
  }
  .application-shell .address-composer-section .address-country-summary {
    font-size: 14px;
  }
  .application-shell .address-composer-section .address-english-preview small {
    font-size: 14px !important;
  }
}
@media (max-width: 420px) {
  .application-shell .address-composer-section .address-live-card {
    padding: 16px 14px;
  }
  .application-shell #address-parts-grid .address-part label {
    font-size: 14.5px;
  }
  .application-shell .address-composer-section .address-live-kicker {
    letter-spacing: .015em;
  }
}