/*!
 * Glace Carbonique Agadir — composants des articles (cluster Agroalimentaire, quartiers, calculateur)
 * Chargé après theme.css. Palette et formes alignées sur l'accueil.
 */
:root{--ease-out:cubic-bezier(.23,1,.32,1);}

/* ---------- Texte ---------- */
.gcm-post h3{font-size:17px;color:#83e7f3;margin:26px 0 8px;}
.gcm-post p,.gcm-post li{color:var(--ink-soft);}
.gcm-post strong{color:var(--ink);}
.gcm-post ul,.gcm-post ol{padding-left:22px;}
.gcm-post li{margin-bottom:6px;}
.gcm-post a:not([class]){color:#83e7f3;}
.gcm-post .table-wrap{border-radius:14px;}
.gcm-post th{background:var(--surface-2);color:#83e7f3;text-align:left;padding:10px 12px;font-size:13.5px;}
.gcm-post td{padding:9px 12px;border-top:1px solid var(--line-soft);vertical-align:top;color:var(--ink-soft);}
.gcm-post .faq-body{padding:4px 18px 16px;}
.gcm-post .faq-body p{margin:0 0 10px;}
.gcm-post .faq-body p:last-child{margin-bottom:0;}
.gcm-post details.faq-item{border-radius:14px;}

/* ---------- Actions rapides ---------- */
.actions-rapides{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:26px 0 34px;padding:18px;
  background:linear-gradient(180deg,#17242d,#111b22);border:1px solid var(--line-soft);border-radius:20px;}
.actions-rapides .ar-title{grid-column:1/-1;font-family:'Unbounded','Manrope',sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:#4bdae8;margin-bottom:2px;}
.ar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:14px 8px;border-radius:14px;
  background:var(--surface-2);border:1px solid var(--line-soft);color:var(--ink) !important;text-decoration:none;font-weight:700;font-size:13.5px;line-height:1.25;
  transition:transform 160ms var(--ease-out),border-color 200ms ease,background-color 200ms ease,box-shadow 250ms var(--ease-out);}
.ar-btn .ar-ico{width:22px;height:22px;color:#4bdae8;}
.ar-btn .badge{display:block;font-size:11px;font-weight:600;color:var(--ink-faint);}
.ar-btn.primary{background:#4bdae8;border-color:#4bdae8;color:#0f161b !important;}
.ar-btn.primary .ar-ico,.ar-btn.primary .badge{color:#0f161b;}
.ar-btn:active{transform:scale(.97);transition-duration:100ms;}
.ar-btn:focus-visible{outline:2px solid #83e7f3;outline-offset:3px;}
@media (max-width:760px){.actions-rapides{grid-template-columns:1fr 1fr;}.actions-rapides .ar-btn.primary{grid-column:1/-1;}}
@media (max-width:380px){.actions-rapides{grid-template-columns:1fr;}}

/* ---------- Bandeaux d'appel à l'action ---------- */
blockquote.cta-bar{margin:26px 0;padding:16px 18px;border-radius:0 16px 16px 0;background:rgba(47,85,224,.12);
  border:1px solid rgba(143,168,255,.28);border-left:3px solid #8fa8ff;}
blockquote.cta-bar p{margin:0 0 10px;font-size:15.5px;color:var(--ink-soft);}
blockquote.cta-bar p:last-child{margin-bottom:0;}
a.pbtn{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;margin:4px 4px 0 0;border-radius:999px;font-weight:700;font-size:14px;
  text-decoration:none;background:#4bdae8;color:#0f161b !important;border:1px solid #4bdae8;
  transition:transform 160ms var(--ease-out),filter 200ms ease,background-color 200ms ease,border-color 200ms ease;}
a.pbtn ~ a.pbtn{background:transparent;color:#e9eef0 !important;border-color:rgba(233,238,240,.35);}
a.pbtn:active{transform:scale(.97);}

/* ---------- Cartes « Voir aussi », quartiers, outils ---------- */
.related{margin:38px 0 10px;}
.pcard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0 22px;}
@media (max-width:620px){.pcard-grid{grid-template-columns:1fr;}}
.pcard{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:18px;overflow:hidden;text-decoration:none;
  background:linear-gradient(180deg,#1d2d38,#152129);border:1px solid rgba(143,192,194,.18);color:var(--ink) !important;
  transition:transform 300ms var(--ease-out),box-shadow 300ms var(--ease-out),border-color 250ms ease;}
.pcard .ptag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#4bdae8;}
.pcard h3{margin:0;font-size:16px;line-height:1.3;color:#e9eef0;}
.pcard p{margin:0;font-size:13.8px;color:#8fc0c2;}
.pcard.soon{opacity:.55;pointer-events:none;}
.pcard:active{transform:scale(.985);transition-duration:120ms;}
.pcard:focus-visible{outline:2px solid #83e7f3;outline-offset:3px;}
h3.zones-pages{margin-top:22px;}

/* ---------- Sources ---------- */
.sources-block{margin-top:40px;padding-top:14px;border-top:1px dashed var(--line-soft);font-size:12.5px;color:var(--ink-faint);overflow-wrap:anywhere;}
.sources-block h2{font-size:14px;margin:0 0 8px;color:var(--ink-faint);font-family:'Manrope',sans-serif;}
.sources-block p,.sources-block li{color:var(--ink-faint);font-size:12.5px;}
.sources-block a{color:var(--ink-faint);}

/* ---------- Survol : souris uniquement ---------- */
@media (hover:hover) and (pointer:fine){
  .ar-btn:hover{transform:translateY(-2px);border-color:rgba(75,218,232,.55);box-shadow:0 12px 26px -14px rgba(0,0,0,.7);}
  .ar-btn.primary:hover{box-shadow:0 10px 28px rgba(75,218,232,.3);}
  a.pbtn:hover{filter:brightness(1.06);}
  a.pbtn ~ a.pbtn:hover{border-color:rgba(233,238,240,.7);background-color:rgba(233,238,240,.06);filter:none;}
  .pcard:hover{transform:translateY(-4px);border-color:rgba(75,218,232,.5);box-shadow:0 20px 40px rgba(0,0,0,.35);}
}

/* ---------- Arabe (droite à gauche) ---------- */
[dir="rtl"] .gcm-post ul,[dir="rtl"] .gcm-post ol{padding-left:0;padding-right:22px;}
[dir="rtl"] blockquote.cta-bar{border-left:1px solid rgba(143,168,255,.28);border-right:3px solid #8fa8ff;border-radius:16px 0 0 16px;}
[dir="rtl"] .gcm-post th{text-align:right;}
[dir="rtl"] a.pbtn{margin:4px 0 0 4px;}
[dir="rtl"] body{font-family:'Manrope','Segoe UI',Tahoma,'Noto Naskh Arabic',sans-serif;}

/* ---------- Calculateur ---------- */
.gcm-calc .calc-back{margin:0 0 16px;font-size:13.5px;}
.gcm-calc .calc-back a{color:var(--ink-faint);}
.gcm-calc .tool{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;align-items:start;}
@media (max-width:760px){.gcm-calc .tool{grid-template-columns:1fr;}}
.gcm-calc .ccard{display:flex;flex-direction:column;gap:18px;min-width:0;padding:22px;border-radius:20px;background:var(--surface);border:1px solid var(--line-soft);}
.gcm-calc fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.gcm-calc legend,.gcm-calc .lbl{font-weight:700;font-size:15px;margin-bottom:4px;color:#e9eef0;}
.gcm-calc .opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
@media (max-width:420px){.gcm-calc .opts{grid-template-columns:1fr;}}
.gcm-calc .opt{position:relative;}
.gcm-calc .opt input{position:absolute;opacity:0;inset:0;}
.gcm-calc .opt label{display:flex;flex-direction:column;gap:2px;height:100%;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line-soft);cursor:pointer;
  color:var(--ink);transition:border-color 200ms ease,background-color 200ms ease;}
.gcm-calc .opt label small{color:var(--ink-faint);font-size:13px;}
.gcm-calc .opt input:checked+label{border-color:#4bdae8;background:rgba(75,218,232,.12);}
.gcm-calc .opt input:focus-visible+label{outline:2px solid #83e7f3;outline-offset:2px;}
.gcm-calc .row{display:flex;flex-direction:column;gap:6px;}
.gcm-calc .row .top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;}
.gcm-calc output{font-family:'Unbounded',sans-serif;font-weight:600;color:#4bdae8;font-variant-numeric:tabular-nums;}
.gcm-calc input[type=range]{width:100%;accent-color:#4bdae8;}
.gcm-calc .hint{font-size:13px;color:var(--ink-faint);margin:0;}
.gcm-calc .result{background:linear-gradient(180deg,rgba(47,85,224,.18),rgba(19,35,110,.25));border-color:rgba(143,168,255,.3);}
.gcm-calc .big{font-family:'Unbounded',sans-serif;font-weight:700;font-size:clamp(34px,6vw,50px);line-height:1;color:#8fd3ff;font-variant-numeric:tabular-nums;margin:0;}
.gcm-calc .big span{font-size:.45em;}
.gcm-calc .res-title{font-weight:700;margin:0;color:#e9eef0;}
.gcm-calc .res-text{margin:0;color:var(--ink-soft);}
.gcm-calc .packs{display:flex;flex-wrap:wrap;gap:8px;}
.gcm-calc .chip{border:1px solid var(--line-soft);background:var(--surface-2);border-radius:999px;padding:6px 12px;font-weight:600;font-size:14px;color:var(--ink);}
.gcm-calc .cta{display:flex;flex-wrap:wrap;gap:10px;}
.gcm-calc .cbtn-main,.gcm-calc .cbtn-line{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;font-weight:700;
  text-decoration:none;transition:transform 160ms var(--ease-out),filter 200ms ease,border-color 200ms ease;}
.gcm-calc .cbtn-main{background:#4bdae8;color:#0f161b !important;}
.gcm-calc .cbtn-line{border:1px solid rgba(233,238,240,.35);color:#e9eef0 !important;}
.gcm-calc .cbtn-main:active,.gcm-calc .cbtn-line:active{transform:scale(.97);}
.gcm-calc .tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px;}
@media (max-width:760px){.gcm-calc .tips{grid-template-columns:1fr;}}
.gcm-calc .tip{border-top:2px solid #4bdae8;padding-top:10px;}
.gcm-calc .tip b{display:block;margin-bottom:4px;color:#e9eef0;}
.gcm-calc .tip p{margin:0;color:var(--ink-faint);font-size:14px;}
.gcm-calc .src{font-size:12.5px;color:var(--ink-faint);margin:22px 0 0;}
.gcm-calc .src a{color:var(--ink-faint);}
.gcm-calc .phone{font-weight:700;user-select:all;}
@media (hover:hover) and (pointer:fine){
  .gcm-calc .cbtn-main:hover{filter:brightness(1.06);}
  .gcm-calc .cbtn-line:hover{border-color:rgba(233,238,240,.7);}
}
@media (prefers-reduced-motion:reduce){
  .ar-btn,.pcard,a.pbtn,.gcm-calc .cbtn-main,.gcm-calc .cbtn-line{transition:none;}
}
/* Lien d'évitement caché hors écran du côté qui ne crée pas de défilement horizontal en arabe */
[dir="rtl"] .skip-link:not(:focus){left:auto;right:-9999px;}

/* ---------- Calculateur : rapport par e-mail ---------- */
.gcm-calc .cbtn-mail{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;
  border:1px dashed rgba(143,211,255,.55);color:#cfeaff !important;text-decoration:none;font-weight:700;font-size:14.5px;
  transition:transform 160ms var(--ease-out),border-color 200ms ease,background-color 200ms ease;}
.gcm-calc .cbtn-mail svg{width:17px;height:17px;}
.gcm-calc .cbtn-mail:active{transform:scale(.97);}
.gcm-calc .rapport{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:26px;margin-top:22px;scroll-margin-top:90px;
  background:linear-gradient(160deg,#17242d 0%,#111b22 60%,#1c1a2a 100%);border-color:rgba(75,218,232,.28);}
@media (max-width:820px){.gcm-calc .rapport{grid-template-columns:1fr;}}
.gcm-calc .rapport-kicker{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#4bdae8;}
.gcm-calc .rapport-kicker svg{width:16px;height:16px;}
.gcm-calc .rapport h2{margin:10px 0 10px;font-size:clamp(19px,2.2vw,23px);color:#e9eef0;}
.gcm-calc .rapport-intro p{color:var(--ink-soft);font-size:15px;margin:0 0 10px;}
.gcm-calc .rapport-list{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:7px;}
.gcm-calc .rapport-list li{position:relative;padding-left:24px;color:var(--ink-soft);font-size:14.5px;}
.gcm-calc .rapport-list li::before{content:"";position:absolute;left:3px;top:6px;width:10px;height:6px;border-left:2px solid #7ee2a8;border-bottom:2px solid #7ee2a8;transform:rotate(-45deg);}
.gcm-calc .rapport-live{font-size:13.5px;color:#8fd3ff !important;margin:0;}
.gcm-calc .rapport-form{display:flex;flex-direction:column;gap:12px;}
.gcm-calc .rf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media (max-width:520px){.gcm-calc .rf-row{grid-template-columns:1fr;}}
.gcm-calc .rapport-form label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:#ced8db;}
.gcm-calc .rapport-form label small{font-weight:400;color:var(--ink-faint);}
.gcm-calc .rapport-form .req{color:#4bdae8;font-weight:700;}
.gcm-calc .rapport-form input[type=text],.gcm-calc .rapport-form input[type=email],.gcm-calc .rapport-form input[type=tel],.gcm-calc .rapport-form select{
  height:46px;border-radius:12px;border:1px solid #355368;background:#0f161b;color:#e9eef0;padding:0 14px;font-size:15px;font-family:'Manrope',sans-serif;width:100%;
  transition:border-color 200ms ease,box-shadow 200ms ease;}
.gcm-calc .rapport-form input:focus,.gcm-calc .rapport-form select:focus{outline:none;border-color:#4bdae8;box-shadow:0 0 0 3px rgba(75,218,232,.25);}
.gcm-calc .rf-consent{flex-direction:row !important;align-items:flex-start;gap:10px !important;font-weight:400 !important;font-size:12.8px !important;color:var(--ink-faint) !important;line-height:1.5;}
.gcm-calc .rf-consent input{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:#4bdae8;}
.gcm-calc .rf-consent a{color:#83e7f3;}
.gcm-calc .rf-submit{gap:9px;border:0;cursor:pointer;font-family:inherit;font-size:15.5px;min-height:52px;width:100%;}
.gcm-calc .rf-submit svg{width:18px;height:18px;}
.gcm-calc .rapport-ok{grid-column:2;align-self:center;padding:20px;border-radius:16px;background:rgba(61,220,132,.1);border:1px solid rgba(126,226,168,.4);}
@media (max-width:820px){.gcm-calc .rapport-ok{grid-column:1;}}
.gcm-calc .rapport-ok strong{display:block;font-size:18px;color:#bdf2d2;margin-bottom:6px;}
.gcm-calc .rapport-ok p{margin:0;color:var(--ink-soft);}
.gcm-calc .rapport-ok a{color:#bdf2d2;}
@media (hover:hover) and (pointer:fine){
  .gcm-calc .cbtn-mail:hover{border-style:solid;background-color:rgba(143,211,255,.08);}
}
.gcm-calc .rapport-form[hidden]{display:none;}
