/* ZARBIATI V4 : contact direct, barre d'appel mobile, chiffres de l'atelier, lisibilité.
   Chargé après styles.css, seo-pages.css et delivery.css. */

/* En-tête */
.announcement a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.header-phone{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px;color:#0a5f73;white-space:nowrap;font-variant-numeric:tabular-nums}
.header-phone .icon{width:18px;height:18px}
.header-phone:hover{color:var(--teal,#05aebb)}
@media(max-width:1500px){.header-phone{width:39px;height:39px;justify-content:center;border:1px solid #dfebed;border-radius:50%}.header-phone .ph-num{display:none}}
@media(max-width:1180px){.header-phone{display:none}}
.seo-topline a{color:inherit;font-weight:800;white-space:nowrap}

/* Bloc de contact direct (accueil) */
.contact-direct{display:grid;gap:10px;margin:0 0 30px;max-width:430px}
.contact-direct a{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(185,224,230,.24);color:#fff;transition:background .2s}
.contact-direct a:hover{background:rgba(255,255,255,.12)}
.contact-direct a.cd-wa{background:#25d366;border-color:#25d366;color:#04250f}
.contact-direct a.cd-wa:hover{background:#2ee070}
.contact-direct .icon{width:22px;height:22px}
.contact-direct small{display:block;font-size:12px;font-weight:600;opacity:.85}
.contact-direct strong{display:block;font-size:19px;letter-spacing:.4px;font-variant-numeric:tabular-nums}
.contact-highlights small a,.faq-list details>div a{color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.contact-highlights small a{color:#76ddd7}

/* Chiffres de l'atelier */
.atelier-facts{list-style:none;margin:6px 0 30px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.atelier-facts li{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(160,220,225,.18)}
.atelier-facts b{font-size:28px;line-height:1;font-weight:800;color:#76ddd7;font-variant-numeric:tabular-nums}
.atelier-facts span{font-size:13px;line-height:1.5;color:#c9dce4}
.seo-local .atelier-facts{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}
.seo-local .atelier-facts li{background:#fff;border-color:#dcebef}
.seo-local .atelier-facts b{color:#079dad}
.seo-local .atelier-facts span{color:#4d6573}
@media(max-width:850px){.seo-local .atelier-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Pages services et arabes : contact */
.seo-contact-links a.wa{background:#25d366;border-color:#25d366;color:#04250f}
.seo-contact-links a.wa+a{background:transparent;border-color:#5e8ca0}
.seo-address{margin-top:16px;font-size:15px}
.seo-address a{color:#76e0e2;text-decoration:underline;text-underline-offset:3px}
.seo-footer>.container{flex-wrap:wrap}

/* Affiche cliquable */
.delivery-banner-link{display:block}

/* Barre d'appel mobile */
.call-bar{display:none}
@media(max-width:850px){
  .call-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:90;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(6,27,47,.96);box-shadow:0 -6px 24px rgba(5,30,50,.25)}
  .call-bar a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;border-radius:12px;font-weight:800;font-size:16px}
  .call-bar svg{width:20px;height:20px;flex:none}
  .call-bar-tel{background:#08a6b4;color:#fff}
  .call-bar-wa{background:#25d366;color:#04250f}
  body{padding-bottom:76px}
  .mobile-cta{display:none!important}
}
@media(max-width:600px){.site-footer{padding-bottom:40px}}

/* En-tête des pages services et arabes sur téléphone */
@media(max-width:560px){
  .seo-header nav a:not(.seo-lang){display:none}
  .seo-header .seo-lang{white-space:nowrap;font-size:14px}
}

/* Lisibilité : aucun texte utile sous 12-13 px */
.desktop-nav a{font-size:13px}
.why-benefits strong{font-size:14px}
.why-benefits small{font-size:13px;line-height:1.6}
.contact-intro>p{font-size:15px}
.contact-highlights strong{font-size:14px}
.contact-highlights small{font-size:13px}
.contact-socials a{font-size:13px}
.footer-col a,.footer-col span{font-size:13px}
.footer-brand>p{font-size:13px}
.footer-bottom{font-size:12px}
.field label{font-size:13px}
.form-small{font-size:12px}
.form-feedback>p{font-size:13px}
.detail-link{font-size:12.5px;margin-top:6px}
.delivery-footnote{font-size:13px}
.delivery-photo-grid figcaption{font-size:14px}
.services-note{font-size:13px}
@media(max-width:600px){
  .announcement{font-size:10px}
  .announcement a,.announcement .announcement-sep{display:none}
  .hero-lead{font-size:15px}
  .hero-proof{font-size:11px}
  .float-note{font-size:11px}
  .float-note strong{font-size:12px}
  .hero-bottom-inner{font-size:9px}
  .eyebrow,.kicker{font-size:11px}
  .section-heading>p{font-size:14px}
  .service-body p{font-size:14px}
  .services-note{font-size:13px}
  .step-mark>span{font-size:10px}
  .step-item h3{font-size:16px}
  .step-item p{font-size:14px}
  .why-intro{font-size:14px}
  .why-benefits strong{font-size:14px}
  .why-benefits small{font-size:13px}
  .why-photo-label{font-size:11px}
  .faq-list summary{font-size:15px}
  .faq-list details>div{font-size:14px}
  .contact-intro>p{font-size:14px}
  .form-small{font-size:12px}
  .footer-bottom{font-size:12px}
  .delivery-heading p{font-size:14px}
  .delivery-banner figcaption{font-size:11px}
  .seo-topline{font-size:11px}
  .atelier-facts{grid-template-columns:1fr 1fr}
  .atelier-facts b{font-size:24px}
}