/* ==========================================================================
   Finitions de l'interface (boutons unifiés, en-tête mobile).
   Chargé en dernier sur chaque page pour harmoniser tout le site.
   ========================================================================== */
body .btn{font-family:'Jost',sans-serif;font-size:.78rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;padding:13px 26px;border-radius:2px;line-height:1.35;justify-content:center;text-align:center;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;}
body .btn-copper{background:var(--copper,#A8703D);border:1px solid var(--copper,#A8703D);color:#fff;}
body .btn-copper:hover{background:var(--copper-dark,#8B5A2E);border-color:var(--copper-dark,#8B5A2E);color:#fff;box-shadow:0 6px 18px rgba(139,90,46,.22);}
body .btn-dark{background:var(--ink,#2B2622);border:1px solid var(--ink,#2B2622);color:var(--ivory,#F4F0E8);}
body .btn-dark:hover{background:#000;border-color:#000;color:#fff;}
body .btn-outline{background:transparent;border:1px solid var(--ink,#2B2622);color:var(--ink,#2B2622);}
body .btn-outline:hover{background:var(--ink,#2B2622);color:var(--ivory,#F4F0E8);}
body .btn-outline-light{background:transparent;border:1px solid rgba(255,255,255,.55);color:#fff;}
body .btn-outline-light:hover{background:#fff;border-color:#fff;color:var(--ink,#2B2622);}
/* Tuiles "années de noces" : garder l'alignement à gauche */
body .btn[style*="text-align:left"]{justify-content:flex-start;text-align:left;}

/* En-tête sur petits téléphones : le logo ne doit plus passer sous le menu */
@media (max-width:900px){
  .site-topbar .brand{flex-shrink:0;}
  .site-topbar .nav-right{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;min-width:0;flex-wrap:nowrap;gap:6px;}
  .site-topbar .nav-right .site-search-wrap{order:1;flex:1 1 auto;min-width:0;max-width:190px;width:auto;margin:0;}
  .site-topbar .nav-toggle{order:2;margin-left:0;}
}
@media (max-width:480px){
  .site-topbar{gap:8px;}
  .brand-icon{height:44px !important;}
  .brand-toledo{font-size:1.4rem !important;}
  .brand-de{font-size:1rem !important;}
}
body .btn-outline[style*="text-align:left"]{border-color:var(--line,#DCD3C2);background:#fff;}
body .btn-outline[style*="text-align:left"]:hover{border-color:var(--copper,#A8703D);background:var(--copper,#A8703D);color:#fff;}

/* Pied de page sur téléphone : une seule colonne centrée (les coordonnées ne touchent plus le bord) */
@media (max-width:600px){
  .footer-row{grid-template-columns:1fr !important;justify-items:center;text-align:center;gap:18px !important;}
  .footer-copy,.footer-contact{text-align:center !important;}
}

/* Visionneuse 360° des diamants : centrée, à sa taille réelle (plus de zone blanche) */
.media-lightbox-stage{display:flex;align-items:center;justify-content:center;}
.media-lightbox-stage iframe{width:500px !important;height:500px !important;max-width:none;border:0;background:#fff;flex-shrink:0;}
@media (max-width:560px){.media-lightbox-stage iframe{transform:scale(.72);}}
@media (max-width:380px){.media-lightbox-stage iframe{transform:scale(.66);}}