/*
Theme Name: Circlechain — Déchetterie 4.0
Theme URI: https://circlechain.fr
Author: Circlechain
Author URI: https://circlechain.fr
Description: Thème sur-mesure pour Circlechain, éditeur de la plateforme Déchetterie 4.0 : solution de gestion de déchèterie pour les collectivités. Design fidèle, contenus éditables via ACF, SEO prêt pour Rank Math.
Version: 1.5.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: circlechain
*/

/* ============================================================
   CHARTE — variables globales
   ============================================================ */
:root{
  --ink:#0A1340;
  --navy:#000080;
  --navy2:#0E2BB0;
  --cyan:#00C2F0;
  --cyan-dk:#0099BE;
  --cyan-text:#00A6CC;
  --icy:#3ED5F4;
  --text:#232B44;
  --sub:#5A6384;
  --sub2:#3A4263;
  --muted:#8A90A8;
  --line:#EEF1F6;
  --bg-grey:#F5F7FB;
  --white:#FFFFFF;
  --cyan-soft:#CCF4FD;
  --blue-soft:#E6F0FF;
  --green:#1F8A5B;
  --green-soft:#E6F9EC;
  --orange:#C2640F;
  --orange-soft:#FFF0E6;
  --field:#FBFCFE;
  --field-border:#E3E8F2;

  --wrap:1200px;
  --wrap-header:1240px;
  --pad-x:28px;
  --radius:20px;
  --radius-sm:14px;

  --sora:'Sora',system-ui,sans-serif;
  --manrope:'Manrope',system-ui,sans-serif;
}

/* ============================================================
   RESET / BASE
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--manrope);
  color:var(--text);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
  line-height:1.55;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
::selection{background:var(--cyan-soft);color:var(--navy)}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* Conteneur centré réutilisable */
.cc-wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--pad-x);padding-right:var(--pad-x)}

/* Sur-titre (eyebrow) */
.cc-eyebrow{
  font-family:var(--sora);font-weight:700;font-size:13px;
  letter-spacing:.08em;color:var(--cyan-text);text-transform:uppercase;
}
/* Titres de section */
.cc-h2{
  font-family:var(--sora);font-weight:800;font-size:40px;line-height:1.1;
  letter-spacing:-0.02em;color:var(--ink);margin-top:14px;text-wrap:balance;
}
.cc-lead{font-size:18px;color:var(--sub);margin-top:16px;text-wrap:pretty}

/* Boutons */
.cc-btn{
  display:inline-block;font-family:var(--sora);font-weight:600;font-size:16px;
  text-decoration:none;padding:15px 26px;border-radius:13px;transition:transform .12s,box-shadow .12s;
}
.cc-btn-primary{color:#fff;background:var(--navy);box-shadow:0 10px 26px rgba(0,0,128,.26)}
.cc-btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(0,0,128,.32)}
.cc-btn-ghost{color:var(--navy);background:#fff;border:1.5px solid #DDE3F0}
.cc-btn-ghost:hover{border-color:var(--navy)}

/* Cartes */
.cc-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}

/* ============================================================
   RESPONSIVE — repris fidèlement du HTML source
   ============================================================ */
@media(max-width:1024px){
  .cc-grid-4,.cc-grid-6{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:900px){
  .cc-grid-2,.cc-grid-3,.cc-grid-split{grid-template-columns:1fr!important}
  .cc-h2{font-size:28px}
  h1{font-size:33px!important}
}
@media(max-width:860px){
  .cc-grid-2,.cc-grid-3,.cc-grid-4,.cc-grid-6{grid-template-columns:1fr!important}
}