/* =========================================================
   RESPONSIVE — doar ce nu se rezolvă cu clamp() / grid auto
   Breakpoints: 1200 / 900 / 600 / 420
   ========================================================= */

@media (max-width: 1200px) { }
@media (max-width: 900px)  {
  /* §3: gravura centrată, fără bleed; 3 cărămizi pe rând */
  .wall__engraving {
    block-size: var(--engraving-h-sm);
    margin-inline: auto;
  }
}
@media (max-width: 1024px) { }
@media (max-width: 760px)  {

  /* §7: padding lateral 24px */
  .letter__text { padding-inline: var(--letter-pad-sm); }
  .letter__signature { inline-size: min(var(--signature-w), 70vw); }
}
@media (max-width: 700px)  {
  /* §4: varianta mobilă (recompusă, alt raport); DOAR padding lateral —
     fără padding jos, icoana rămâne lipită de §5 */
  .icon-art { padding-inline: var(--icon-pad-x); }
  .icon-art img { max-inline-size: none; }

  /* §3 + §5: decupajul mobil al zidului (2 cărămizi pe rând) */
  .brick-wall img { inline-size: var(--wall-w-sm); max-inline-size: none; }

  /* §8: o coloană; fotografia aeriană nu mai e o dungă */
  .journal { grid-template-columns: 1fr; }
  .journal__item--wide { aspect-ratio: 4 / 3; }

  /* §9: varianta mobilă a imaginii are altă lățime de referință (760px) */
  .footer-art { margin-block-start: var(--footer-art-overlap-sm); }
  .footer-info__legal a { display: block; }
  .footer-info__sep { display: none; }
  .cookie-banner { inset-inline: var(--gutter); }
}
@media (max-width: 600px)  {
  /* §2 */
  .hero__seal { inline-size: var(--seal-w-sm); }

  /* §6 pe telefon: butonul rămâne în dreptul valorii lui; ca să încapă pe un rând,
     scad IBAN-ul (--t-iban-value-sm) și butonul (font, tracking, padding — înălțimea rămâne 44px) */
  .iban-card__value { font-size: var(--t-iban-value-sm); }
  .iban-card__value--small { font-size: var(--t-iban-swift-sm); }
  .iban-card .btn--copy {
    min-inline-size: var(--btn-copy-min-sm);   /* cât „COPIAZĂ IBAN" la 11px — nu sare la „COPIAT ✓" */
    min-block-size: var(--tap-min);
    padding: var(--btn-copy-pad-sm);
    font-size: var(--t-copy-sm);
    letter-spacing: var(--ls-copy-sm);
    text-indent: var(--ls-copy-sm);
  }

  /* player radio: 56px; play + etichetă + stare + volum (rămâne); sigiliul și egalizatorul dispar */
  .player-slot { min-block-size: var(--player-h-sm); }
  .radio-player { block-size: var(--player-h-sm); gap: calc(var(--player-gap) * 0.75); }
  .radio-player.is-floating { block-size: calc(var(--player-h-sm) + env(safe-area-inset-bottom, 0px)); }
  .radio-player__seal, .radio-player__eq { display: none; }
  .radio-player__volume { inline-size: var(--player-volume-w-sm); margin-inline-start: auto; }
  .cookie-banner { inset-block-end: calc(var(--player-h-sm) + var(--gutter)); }

  /* subsol: fiecare telefon pe rândul lui, fără separatoare */
  .footer-info__phones a { display: block; }
  .footer-info__phones .footer-info__sep { display: none; }

  /* §5: sub ~540px --t-lead scade sub 24px, iar --c-brick pe --c-brown-dark
     (≈4.3:1) nu mai ajunge pentru text mic → crem */
  .prayer__text { color: var(--c-cream); }

}
@media (max-width: 420px)  {
  /* JURNAL DE ȘANTIER rămâne pe un rând: tracking redus */
  .journal__label { letter-spacing: var(--ls-caps-sm); text-indent: var(--ls-caps-sm); }
}
@media (max-width: 340px)  {
  /* §6: pe ecrane foarte înguste IBAN-ul se afișează fără spații, ca să rămână pe un rând */
  .iban-card__row:nth-child(2) .iban-card__grouped { display: none; }
  .iban-card__compact[hidden] { display: inline; }
}