/* Nova Septem - Adressen op de checkout (Jansma Haule)
   Alleen het leveradres is zichtbaar, het factuuradres gaat verborgen mee. */

.jh-billing-hidden { display: none; }

/* Het thema zet koppen op de checkout inline neer, waardoor de toelichting
   ernaast schuift in plaats van eronder. Daarom hier expliciet als blok. */
.jh-leveradres h3,
.woocommerce-additional-fields h3 {
  display: block;
  width: 100%;
  flex: 0 0 100%;
  float: none;
  clear: both;
  text-align: left;
  font-size: 20px;
  line-height: 1.3;
  color: #1e2a17;
  margin: 0 0 6px;
}

.jh-leveradres__intro,
.jh-notitie__intro {
  display: block;
  width: 100%;
  flex: 0 0 100%;
  clear: both;
  text-align: left;
  font-size: 14px;
  line-height: 1.5;
  color: #5f6b57;
  margin: 0 0 18px;
  max-width: 620px;
}

/* Het opmerkingenveld mag opvallen, want het is de plek voor een afwijkend
   leveradres. */
.woocommerce-additional-fields textarea {
  min-height: 110px;
  background: #f5f8f1;
}
.woocommerce-additional-fields textarea:focus {
  background: #fff;
  outline: 2px solid #476930;
  outline-offset: 1px;
}

/* Mijn account: het adressenoverzicht toont nog maar een adres, dus die mag
   de volle breedte pakken. */
.woocommerce-Addresses .woocommerce-Address { width: 100%; float: none; }

/* Het leveradres is alleen-lezen, dus geen invulveld maar een nette kaart. */
.jh-adreskaart {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: #f5f8f1;
  border-radius: 14px;
  padding: 20px 22px;
  margin: 0 0 20px;
  max-width: 620px;
}

.jh-adreskaart__icoon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
  color: #476930;
}
.jh-adreskaart__icoon svg { width: 22px; height: 22px; }

.jh-adreskaart__body { min-width: 0; }

.jh-adreskaart__label {
  display: block;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 700;
  color: #5f6b57;
  margin: 2px 0 8px;
}

.jh-adreskaart__bedrijf {
  display: block;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  color: #1e2a17;
  margin: 0 0 2px;
}

.jh-adreskaart__adres {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #1e2a17;
}

.jh-adreskaart__tel {
  margin: 8px 0 0;
  font-size: 14px;
  color: #5f6b57;
}

@media (max-width: 520px) {
  .jh-adreskaart { padding: 16px; gap: 12px; }
  .jh-adreskaart__icoon { flex-basis: 36px; width: 36px; height: 36px; }
  .jh-adreskaart__icoon svg { width: 19px; height: 19px; }
}

/* Mijn account: adres tonen, niet laten bewerken. */
.woocommerce-Addresses .woocommerce-Address-title .edit,
.woocommerce-MyAccount-content .woocommerce-Address-title a { display: none; }