/*
Theme Name: ASSISTANCIA Premium
Template: astra
Author: ASSISTANCIA
Description: Theme enfant Astra - design premium ASSISTANCIA (palette extraite du logo).
Version: 1.0
*/

/* ===== PALETTE EXACTE DU LOGO ASSISTANCIA ===== */
:root{
  --deep:#003C46;        /* bleu-vert tres fonce (mot ASSISTANCIA) : titres, sections foncees */
  --deep-2:#00505A;      /* variante */
  --canard:#086B6C;      /* couleur principale */
  --canard-2:#0A7878;    /* teal plus clair */
  --emeraude:#23AE98;    /* accent vif / CTA */
  --emeraude-2:#1EAA96;
  --lime:#5AA028;        /* vert nature (la feuille) */
  --lime-2:#7BC043;
  /* echelle DPE (elements energie) */
  --dpe-a:#1F8A3B; --dpe-b:#5BB12F; --dpe-c:#A7C72A; --dpe-d:#F2D40A; --dpe-e:#F4A81D; --dpe-f:#EF7E1A; --dpe-g:#E63329;
  --ink:#0E2E33;         /* texte courant fonce (derive du logo) */
  --ink-soft:#42636A;    /* texte secondaire */
  --line:#E3EDEC;        /* bordures */
  --bg:#FFFFFF;          /* fond clair */
  --bg-soft:#F1F7F6;     /* fond alterne tres clair */
  --grad: linear-gradient(120deg, var(--canard) 0%, var(--emeraude) 100%);
  --grad-deep: linear-gradient(120deg, var(--deep) 0%, var(--canard) 100%);
  --shadow: 0 18px 50px rgba(0,60,70,.10);
  --shadow-sm: 0 8px 24px rgba(0,60,70,.08);
  --r: 18px;
}

/* ===== TYPOGRAPHIE PREMIUM ===== */
body, .ast-container{ font-family:'DM Sans', system-ui, sans-serif; color:var(--ink); }
h1,h2,h3,.asx h1,.asx h2,.asx h3{ font-family:'Playfair Display', Georgia, serif; color:var(--deep); letter-spacing:-.01em; text-transform:none; }
/* neutralise les transformations de casse heritees d'Astra (majuscule a chaque mot) */
.asx h1,.asx h2,.asx h3,.asx h4,.asx-title,.asx-eyebrow,.asx .btn,.asx-hero h1{ text-transform:none; }
.asx-eyebrow{ text-transform:uppercase !important; }
.asx p{ text-align:justify; hyphens:auto; }

/* boutons globaux ASSISTANCIA */
.asx .btn{ display:inline-flex; align-items:center; gap:.55rem; font-family:'DM Sans'; font-weight:700;
  padding:1rem 1.7rem; border-radius:999px; text-decoration:none; font-size:1rem; line-height:1; transition:.2s; border:2px solid transparent; cursor:pointer; }
.asx .btn-primary{ background:var(--emeraude); color:#fff; box-shadow:0 10px 24px rgba(35,174,152,.35); }
.asx .btn-primary:hover{ background:var(--canard); transform:translateY(-2px); }
.asx .btn-ghost{ background:transparent; color:#fff; border-color:rgba(255,255,255,.7); }
.asx .btn-ghost:hover{ background:#fff; color:var(--deep); }
.asx .btn-deep{ background:var(--deep); color:#fff; }
.asx .btn-deep:hover{ background:var(--canard); }

/* utilitaires de section */
.asx-section{ padding:clamp(3.5rem,7vw,6rem) 0; }
.asx-wrap{ max-width:1180px; margin:0 auto; padding:0 1.4rem; }
.asx-soft{ background:var(--bg-soft); }
.asx-deep{ background:var(--grad-deep); color:#fff; }
.asx-deep h1,.asx-deep h2,.asx-deep h3{ color:#fff; }
.asx-eyebrow{ font-family:'DM Sans'; font-weight:700; text-transform:uppercase; letter-spacing:.14em; font-size:.8rem; color:var(--emeraude); display:inline-block; margin-bottom:.7rem; }
.asx-deep .asx-eyebrow{ color:var(--lime-2); }
.asx h2.asx-title{ font-size:clamp(1.9rem,3.6vw,2.8rem); font-weight:800; margin:0 0 1rem; }
.asx-lead{ font-size:1.12rem; color:var(--ink-soft); max-width:680px; }

/* cartes */
.asx-card{ background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:1.8rem; box-shadow:var(--shadow-sm); transition:.2s; }
.asx-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }
.asx-ico{ width:58px;height:58px;border-radius:14px; display:flex;align-items:center;justify-content:center; background:rgba(35,174,152,.12); color:var(--canard); font-size:1.5rem; margin-bottom:1rem; }

/* chiffres cles */
.asx-stat .num{ font-family:'Playfair Display'; font-weight:800; font-size:clamp(2.4rem,5vw,3.6rem); color:var(--canard); line-height:1; }
.asx-stat .lbl{ color:var(--ink-soft); font-weight:500; margin-top:.4rem; }

/* badge agrement */
.asx-badge{ display:inline-flex; align-items:center; gap:.5rem; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.3); color:#fff; padding:.5rem .9rem; border-radius:999px; font-weight:600; font-size:.85rem; }

/* echelle DPE decorative */
.asx-dpe{ display:flex; gap:4px; }
.asx-dpe span{ height:10px; flex:1; border-radius:3px; }
.asx-dpe .a{background:var(--dpe-a)}.asx-dpe .b{background:var(--dpe-b)}.asx-dpe .c{background:var(--dpe-c)}.asx-dpe .d{background:var(--dpe-d)}.asx-dpe .e{background:var(--dpe-e)}.asx-dpe .f{background:var(--dpe-f)}.asx-dpe .g{background:var(--dpe-g)}

/* simulateur (iframe officiel) */
.asx-sim{ background:#fff; border-radius:var(--r); box-shadow:var(--shadow); overflow:hidden; border:1px solid var(--line); }
.asx-sim iframe{ width:100%; min-height:760px; border:0; display:block; }

/* ===== HOME PLEINE LARGEUR : on neutralise le conteneur borne d'Astra ===== */
/* Les sections immersives (hero, bandeaux colores, CTA) vont bord a bord ; */
/* seuls les blocs internes .asx-wrap restent centres a 1180px. */
.home .ast-container{ max-width:100% !important; padding-left:0 !important; padding-right:0 !important; }
.home #primary{ margin:0 !important; padding:0 !important; }
.home .site-main,.home .ast-article-single{ margin:0 !important; padding:0 !important; }
.home #main{ padding:0 !important; }
.asx{ width:100%; max-width:100%; overflow-x:clip; }