/* =====================================================================
   Le Cabinet Ascension — feuille de style du site
   Charte : Reol Ys Creative, 17/03/2026
   Marine #102236 · Or #BF9663 · Creme #F2EDD5
   ===================================================================== */

:root{
  --navy:#102236; --navy-2:#18314A; --gold:#BF9663; --gold-deep:#8E6C3F;
  --cream:#F2EDD5; --paper:#FBFAF6; --card:#FFFFFF;
  --ink:#102236; --ink-2:#42566B; --ink-3:#5B5B5B; --line:#DBDBDB;
  --gold-soft:#F6EEE1; --on-navy:#F2EDD5; --on-navy-2:#A9B5C4;
  --shadow:0 18px 50px -24px rgba(16,34,54,.28);
  --radius:12px; --wrap:1180px;
  --font-display:'Roc Grotesk','Bahnschrift SemiBold','Bahnschrift','Segoe UI Semibold','Segoe UI',system-ui,sans-serif;
  --font-body:'Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;
  --font-data:'Bahnschrift','Roc Grotesk','Segoe UI',system-ui,sans-serif;
}

/* ---------------------------------------------------------------------
   NEUTRALISATION DU THEME HOTE (Astra)
   L'en-tete et le pied de page du theme sont retires cote PHP.
   Il reste ici a annuler les conteneurs qui brident la largeur : nos
   sections sont pleine largeur et gerent leur propre gouttiere via
   .asc-wrap. Sans cela, les fonds marine s'arretent a 1200 px.
   ------------------------------------------------------------------- */
.ast-container{max-width:none;width:100%;padding-left:0;padding-right:0;display:block}
#content.site-content{padding:0;margin:0}
#primary.content-area{margin:0;padding:0;width:100%;max-width:none;float:none}
.site-main{padding:0;margin:0}
.ast-article-single,
.ast-article-post{padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.entry-content{margin:0}
.entry-content>*{margin-block:0}
.ast-separate-container .ast-article-single{padding:0}
#secondary{display:none}

/* Le contenu d'article, lui, garde une colonne de lecture confortable */
.asc-article>*{max-width:100%}

/* body.asc et non body seul : Astra, Elementor et theme.json ciblent tous
   body a specificite egale. La classe (posee par le module PHP) tranche. */
body.asc{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.66;-webkit-font-smoothing:antialiased;margin:0}
body.asc p,body.asc li,body.asc span,body.asc div{font-family:inherit}
.asc h1,.asc h2,.asc h3,.asc h4,.asc-header h1,.asc-footer h4{font-family:var(--font-display);font-weight:600;line-height:1.14;letter-spacing:-.015em;text-wrap:balance;color:var(--ink)}
.asc img{max-width:100%;display:block}
.asc-wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.asc section{padding:88px 0}
.asc-head{max-width:730px;margin-bottom:52px}
.asc-head h2{font-size:clamp(28px,3.6vw,42px);margin:0 0 16px}
.asc-lead{font-size:19px;color:var(--ink-2);max-width:62ch}
.asc-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-data);font-size:12.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:18px}
.asc-eyebrow::before{content:"";width:26px;height:1.5px;background:var(--gold)}

/* --- Boutons --- */
.asc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;border-radius:6px;font-family:var(--font-display);font-size:15.5px;font-weight:600;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.asc-btn svg{flex:none}
.asc-btn--gold{background:var(--gold);color:#12100A;border-color:var(--gold)}
.asc-btn--gold:hover{transform:translateY(-2px);box-shadow:0 12px 26px -12px rgba(191,150,99,.75);color:#12100A}
.asc-btn--ink{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.asc-btn--ink:hover{transform:translateY(-2px);box-shadow:var(--shadow);color:var(--paper)}
.asc-btn--ghost{border-color:rgba(242,237,213,.4);color:var(--on-navy);background:transparent}
.asc-btn--ghost:hover{border-color:var(--gold);color:var(--gold)}
.asc-more{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--gold-deep);text-decoration:none;border-bottom:1.5px solid transparent}
a:hover .asc-more{border-bottom-color:var(--gold-deep)}
.asc a:focus-visible,.asc-header a:focus-visible,.asc-header button:focus-visible,.asc-footer a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2.5px solid var(--gold);outline-offset:3px;border-radius:3px}

/* --- En-tête --- */
.asc-header{position:sticky;top:0;z-index:100;background:rgba(251,250,246,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.asc-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;height:80px;max-width:var(--wrap);margin:0 auto;padding:0 24px}
.asc-brand{display:flex;align-items:center;flex:none;text-decoration:none}
.asc-brand img{height:46px;width:auto}
.asc-menu{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.asc-menu li{position:relative}
.asc-menu a{display:inline-flex;align-items:center;gap:6px;padding:10px 13px;border-radius:6px;font-size:15px;font-weight:500;color:var(--ink-2);text-decoration:none}
.asc-menu a:hover{color:var(--ink);background:var(--gold-soft)}
.asc-menu .current-menu-item>a,.asc-menu .current-menu-ancestor>a,.asc-menu .current-menu-parent>a{color:var(--gold-deep);font-weight:600}
.asc-menu .sub-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:300px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px;list-style:none;margin:0;display:none;z-index:60}
.asc-menu li:hover>.sub-menu,.asc-menu li:focus-within>.sub-menu{display:block}
.asc-menu .sub-menu a{display:block;padding:12px 14px;border-radius:8px;font-size:14.5px}
.asc-actions{display:flex;align-items:center;gap:10px}
.asc-actions .asc-btn{padding:11.5px 22px;font-size:14.5px}
.asc-burger{display:none;width:44px;height:44px;border:1.5px solid var(--line);border-radius:6px;background:none;cursor:pointer;color:var(--ink)}
.asc-mobile{display:none;border-top:1px solid var(--line);padding:12px 24px 26px;background:var(--paper)}
.asc-mobile ul{list-style:none;margin:0;padding:0}
.asc-mobile a{display:block;padding:13px 4px;text-decoration:none;font-size:16.5px;font-weight:500;color:var(--ink-2);border-bottom:1px solid var(--line)}
.asc-mobile .sub-menu a{padding-left:22px;font-size:15px}
.asc-mobile .asc-btn{margin-top:18px;width:100%}
body.asc-open .asc-mobile{display:block}
.asc-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--gold);color:#1A1206;padding:12px 20px;border-radius:0 0 10px 0;font-weight:600;text-decoration:none}
.asc-skip:focus{left:0}

/* --- Hero --- */
.asc-hero{background:radial-gradient(880px 470px at 84% -12%,rgba(191,150,99,.20),transparent 62%),linear-gradient(158deg,var(--navy) 0%,var(--navy-2) 100%);color:var(--on-navy);padding:96px 0 104px;position:relative;overflow:hidden}
.asc-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(242,237,213,.07) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(115deg,transparent 45%,black 88%);mask-image:linear-gradient(115deg,transparent 45%,black 88%)}
.asc-hero .asc-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center;position:relative;z-index:2}
.asc-hero .asc-eyebrow{color:var(--gold)}
.asc-hero .asc-eyebrow::before{background:var(--gold)}
.asc-hero h1{font-size:clamp(33px,4.5vw,56px);color:var(--on-navy);margin:0;min-height:3.1em}
.asc-hero h1 em{font-style:normal;color:var(--gold)}
#ascRot{transition:opacity .55s ease}
#ascRot.out{opacity:0}
.asc-services{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;color:var(--on-navy-2);font-size:14.5px;margin:26px 0 36px;font-family:var(--font-data);list-style:none;padding:0}
.asc-services li{display:inline-flex;align-items:center;gap:9px}
.asc-services li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);flex:none}
.asc-ctas{display:flex;flex-wrap:wrap;gap:14px}
.asc-visual{position:relative}
.asc-visual .asc-frame{border-radius:var(--radius);overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.6);aspect-ratio:72/83;position:relative;z-index:1}
.asc-visual::before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1.5px solid rgba(191,150,99,.6);border-radius:var(--radius);z-index:0}
.asc-badge{position:absolute;left:-26px;bottom:34px;z-index:3;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:14px 18px;box-shadow:var(--shadow);display:flex;gap:12px;align-items:center}
.asc-badge .dot{width:10px;height:10px;border-radius:50%;background:var(--gold);flex:none}
.asc-badge b{display:block;font-size:14.5px;font-family:var(--font-display)}
.asc-badge small{color:var(--ink-3);font-size:12.5px}

/* --- Cadres image --- */
.asc-ph{position:relative;overflow:hidden;background:linear-gradient(150deg,var(--navy-2),var(--navy) 70%);width:100%;height:100%}
.asc-ph img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.asc-ph img.top{object-position:50% 20%}

/* --- Chiffres --- */
.asc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.asc-stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;position:relative;overflow:hidden}
.asc-stat::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),transparent 72%)}
.asc-stat .num{font-family:var(--font-data);font-size:42px;font-weight:600;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums;margin-bottom:12px}
.asc-stat .num small{font-size:20px;color:var(--gold-deep)}
.asc-stat p{font-size:14.5px;color:var(--ink-2);margin:0}

/* --- Gains --- */
.asc-alt{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.asc-gains{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-bottom:60px}
.asc-gain h3{font-size:20px;margin:18px 0 10px}
.asc-gain p{font-size:15.5px;color:var(--ink-2);margin:0}
.asc-ico{width:52px;height:52px;border-radius:10px;background:var(--gold-soft);display:grid;place-items:center;color:var(--gold-deep)}
.asc-credo{border-left:3px solid var(--gold);padding:8px 0 8px 30px;max-width:780px;font-family:var(--font-display);font-size:clamp(21px,2.6vw,28px);line-height:1.36;color:var(--ink);margin:0}
.asc-credo em{font-style:normal;color:var(--gold-deep)}

/* --- Cartes --- */
.asc-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.asc-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
a.asc-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--gold)}
.asc-card .asc-ph{aspect-ratio:16/10;height:auto}
.asc-card--post .asc-ph{aspect-ratio:16/9}
.asc-card-body{padding:26px;display:flex;flex-direction:column;gap:12px;flex:1}
.asc-tag{font-family:var(--font-data);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);font-weight:600}
.asc-card-body h3{font-size:22px;margin:0}
.asc-card--post .asc-card-body h3{font-size:19px;line-height:1.3}
.asc-card-body p{font-size:15px;color:var(--ink-2);flex:1;margin:0}
.asc-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;font-family:var(--font-data)}
.asc-meta .time{color:var(--ink-3)}
.asc-card.hidden{display:none}

/* --- Bandeau CTA --- */
.asc-band{background:linear-gradient(140deg,var(--navy),var(--navy-2));color:var(--on-navy);border-radius:var(--radius);padding:60px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden}
.asc-band::before,.asc-band::after{content:"";position:absolute;border-radius:50%;border:1.5px solid rgba(191,150,99,.35)}
.asc-band::before{right:-60px;top:-60px;width:280px;height:280px}
.asc-band::after{right:-20px;top:-104px;width:280px;height:280px;border-color:rgba(191,150,99,.18)}
.asc-band h2{font-size:clamp(24px,3vw,34px);margin:0 0 10px;color:var(--on-navy)}
.asc-band p{color:var(--on-navy-2);max-width:52ch;margin:0}
.asc-band .asc-btn{flex:none;position:relative;z-index:2}

/* --- Hero de page --- */
.asc-phero{background:linear-gradient(158deg,var(--navy),var(--navy-2));color:var(--on-navy);padding:84px 0 72px;position:relative;overflow:hidden}
.asc-phero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(242,237,213,.06) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(115deg,transparent 40%,black 90%);mask-image:linear-gradient(115deg,transparent 40%,black 90%)}
.asc-phero .asc-wrap{position:relative;z-index:2}
.asc-phero .asc-eyebrow{color:var(--gold)}
.asc-phero .asc-eyebrow::before{background:var(--gold)}
.asc-phero h1{font-size:clamp(30px,4vw,48px);max-width:21ch;color:var(--on-navy);margin:0}
.asc-phero .asc-lead{color:var(--on-navy-2);margin-top:18px}

/* --- Méthode --- */
.asc-steps{counter-reset:step;display:grid;max-width:860px}
.asc-step{display:grid;grid-template-columns:96px 1fr;gap:28px;padding:34px 0;border-bottom:1px solid var(--line);align-items:start}
.asc-step:last-child{border-bottom:none}
.asc-step .n{font-family:var(--font-data);font-size:42px;color:var(--gold);line-height:1;font-variant-numeric:tabular-nums}
.asc-step .n::before{counter-increment:step;content:"0" counter(step)}
.asc-step h3{font-size:21px;margin:0 0 8px}
.asc-step p{color:var(--ink-2);font-size:15.5px;max-width:58ch;margin:0}

/* --- Split --- */
.asc-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.asc-split .asc-ph{border-radius:var(--radius);aspect-ratio:4/3.4;height:auto;box-shadow:var(--shadow)}
.asc-check{list-style:none;display:grid;gap:14px;margin:26px 0 0;padding:0}
.asc-check li{display:flex;gap:14px;align-items:flex-start;font-size:15.5px;color:var(--ink-2)}
.asc-check svg{flex:none;margin-top:4px;color:var(--gold-deep)}
.asc-check b{color:var(--ink)}

/* --- Détail --- */
.asc-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.asc-detail{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px}
.asc-detail .asc-tag{display:block;margin-bottom:12px}
.asc-detail h3{font-size:20px;margin:0 0 10px}
.asc-detail p{font-size:15px;color:var(--ink-2);margin:0}
.asc-aside{background:var(--gold-soft);border-radius:var(--radius);padding:32px;border:1px solid var(--gold)}
.asc-aside h3{font-size:20px;margin:0 0 12px}
.asc-aside p{font-size:15px;color:var(--ink-2);margin:0}

/* --- Filtres --- */
.asc-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:44px}
.asc-chip{padding:10px 20px;border-radius:6px;border:1.5px solid var(--line);background:transparent;color:var(--ink-2);font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s ease}
.asc-chip:hover{border-color:var(--gold)}
.asc-chip.on{background:var(--navy);color:var(--cream);border-color:var(--navy)}

/* --- Article --- */
.asc-article{max-width:70ch;margin:0 auto}
.asc-article h2{font-size:clamp(23px,2.7vw,30px);margin:44px 0 14px}
.asc-article p{margin:0 0 18px;color:var(--ink-2)}
.asc-article ul{margin:0 0 22px;padding:0;list-style:none;display:grid;gap:12px}
.asc-article ul li{display:flex;gap:13px;align-items:flex-start;color:var(--ink-2)}
.asc-article ul li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);flex:none;margin-top:11px}
.asc-article b,.asc-article strong{color:var(--ink)}
.asc-cover{border-radius:var(--radius);aspect-ratio:16/7;margin-bottom:44px;box-shadow:var(--shadow)}
.asc-back{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--gold);text-decoration:none;margin-bottom:8px}
.asc-back:hover{text-decoration:underline;color:var(--gold)}

/* --- Contact --- */
.asc-contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.asc-info{display:grid;gap:16px}
.asc-row{display:flex;gap:16px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-decoration:none;transition:border-color .15s ease}
.asc-row:hover{border-color:var(--gold)}
.asc-row .ico{width:44px;height:44px;border-radius:8px;background:var(--gold-soft);display:grid;place-items:center;color:var(--gold-deep);flex:none}
.asc-row b{display:block;font-size:15.5px;font-family:var(--font-display);color:var(--ink)}
.asc-row .val{color:var(--ink-2);font-size:14.5px;word-break:break-word}
.asc-formwrap{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow)}
.asc-formwrap h2{font-size:22px;margin:0 0 20px}

/* --- RDV --- */
.asc-rdv{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
.asc-note{border:1.5px dashed var(--gold);border-radius:8px;padding:18px;background:var(--gold-soft);font-size:14.5px;color:var(--ink-2);margin:0 0 20px}
.asc-reassure{display:grid;gap:16px;margin:28px 0 0;list-style:none;padding:0}
.asc-reassure li{display:flex;gap:14px;align-items:flex-start;color:var(--ink-2);font-size:15.5px}
.asc-reassure svg{flex:none;margin-top:4px;color:var(--gold-deep)}

/* --- Pied de page --- */
.asc-footer{background:var(--navy);color:var(--on-navy-2);margin-top:96px}
.asc-ftop{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:44px;padding:70px 0 54px;border-bottom:1px solid rgba(242,237,213,.14)}
.asc-ftop h4{color:var(--on-navy);font-family:var(--font-data);font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 18px}
.asc-ftop ul{list-style:none;margin:0;padding:0}
.asc-ftop a{display:block;text-decoration:none;padding:6px 0;font-size:15px;color:var(--on-navy-2)}
.asc-ftop a:hover{color:var(--gold)}
.asc-fbrand img{height:66px;width:auto}
.asc-fbrand p{margin:18px 0 0;font-size:14.5px;max-width:34ch}
.asc-fsocial{display:flex;gap:12px;margin-top:20px}
.asc-fsocial a{width:42px;height:42px;border-radius:8px;border:1px solid rgba(242,237,213,.22);display:grid;place-items:center;padding:0;color:var(--on-navy)}
.asc-fsocial a:hover{border-color:var(--gold);color:var(--gold)}
.asc-fbot{display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-size:13.5px;flex-wrap:wrap}
.asc-fbot b{color:var(--gold)}

/* --- Révélation --- */
@media (prefers-reduced-motion: no-preference){
  .asc-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
  .asc-reveal.in{opacity:1;transform:none}
}

/* --- Formulaires MetForm --- */
.asc-formwrap input[type=text],.asc-formwrap input[type=email],.asc-formwrap input[type=tel],.asc-formwrap select,.asc-formwrap textarea{padding:13px 15px;border-radius:6px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);font-family:inherit;font-size:15px;width:100%}
.asc-formwrap textarea{min-height:130px;resize:vertical}
.asc-formwrap input:focus,.asc-formwrap select:focus,.asc-formwrap textarea:focus{border-color:var(--gold);outline:none}
.asc-formwrap label{font-size:13.5px;font-weight:600;color:var(--ink-2);display:block;margin-bottom:8px}

/* --- Responsive --- */
@media (max-width:1040px){
  .asc-hero .asc-wrap{grid-template-columns:1fr;gap:48px}
  .asc-hero h1{min-height:0}
  .asc-visual{max-width:520px}
  .asc-stats{grid-template-columns:repeat(2,1fr)}
  .asc-gains{grid-template-columns:1fr;gap:32px}
  .asc-grid3{grid-template-columns:1fr 1fr}
  .asc-split,.asc-contact,.asc-rdv{grid-template-columns:1fr;gap:44px}
  .asc-ftop{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .asc-menu,.asc-actions .asc-btn{display:none}
  .asc-burger{display:grid;place-items:center}
}
@media (max-width:700px){
  .asc section{padding:62px 0}
  .asc-hero{padding:62px 0 74px}
  .asc-brand img{height:40px}
  .asc-stats,.asc-grid3,.asc-grid2{grid-template-columns:1fr}
  .asc-band{flex-direction:column;align-items:flex-start;padding:42px 30px}
  .asc-badge{left:12px;bottom:14px}
  .asc-services{flex-direction:column;align-items:flex-start;gap:9px}
  .asc-step{grid-template-columns:60px 1fr;gap:18px}
  .asc-step .n{font-size:32px}
  .asc-ftop{grid-template-columns:1fr}
  .asc-formwrap{padding:26px}
  .asc-cover{aspect-ratio:16/10}
}

/* ---------------------------------------------------------------------
   REPRISE DE MAIN SUR LES BOUTONS
   Elementor applique sa couleur d'accent via ".elementor-kit-8 button"
   (specificite 0,1,1), ce qui bat ".asc-btn--gold" (0,1,0). Nos liens
   stylises en bouton n'etaient pas touches, mais les <button> reels si.
   On repasse devant avec body.asc (0,2,1) plutot qu'avec !important,
   pour que la surcharge reste elle-meme surchargeable.
   ------------------------------------------------------------------- */
body.asc .asc-btn--gold,
body.asc button.asc-btn--gold{background:var(--gold);color:#12100A;border-color:var(--gold)}
body.asc .asc-btn--gold:hover,
body.asc button.asc-btn--gold:hover{background:var(--gold);color:#12100A;transform:translateY(-2px);box-shadow:0 12px 26px -12px rgba(191,150,99,.75)}
body.asc .asc-btn--ink,
body.asc button.asc-btn--ink{background:var(--ink);color:var(--paper);border-color:var(--ink)}
body.asc .asc-btn--ghost{background:transparent;color:var(--on-navy);border-color:rgba(242,237,213,.4)}
body.asc .asc-btn--ghost:hover{background:transparent;color:var(--gold);border-color:var(--gold)}
body.asc .asc-chip{background:transparent;color:var(--ink-2);border-color:var(--line)}
body.asc .asc-chip.on{background:var(--navy);color:var(--cream);border-color:var(--navy)}
body.asc .asc-burger{background:transparent;color:var(--ink);border-color:var(--line)}

/* Paires de champs : deux colonnes au large, une seule sur mobile.
   En classe et non en style inline, sinon la media query ne peut pas passer. */
body.asc .asc-frow{display:grid;grid-template-columns:1fr 1fr;gap:20px}
body.asc .asc-fgap{margin-top:20px}
@media (max-width:700px){
  body.asc .asc-frow{grid-template-columns:1fr}
}

/* ---------------------------------------------------------------------
   SOULIGNEMENT DES LIENS
   Astra souligne tous les liens du contenu via ".entry-content a"
   (specificite 0,1,1), ce qui bat ".asc-card" ou ".asc-btn" (0,1,0).
   Resultat : cartes, boutons et menus entierement soulignes.
   On repasse devant avec body.asc (0,2,0 minimum) et on garde le
   soulignement la ou il a du sens : les liens en pleine ligne de texte.
   ------------------------------------------------------------------- */
body.asc .asc-card,
body.asc .asc-card *,
body.asc .asc-btn,
body.asc .asc-brand,
body.asc .asc-row,
body.asc .asc-row *,
body.asc .asc-menu a,
body.asc .asc-mobile a,
body.asc .asc-ftop a,
body.asc .asc-fsocial a,
body.asc .asc-more,
body.asc .asc-back{text-decoration:none}

body.asc .asc-card:hover,
body.asc .asc-btn:hover,
body.asc .asc-row:hover,
body.asc .asc-menu a:hover,
body.asc .asc-ftop a:hover{text-decoration:none}

/* Le lien "En savoir plus" garde son filet, mais au survol seulement */
body.asc .asc-more{border-bottom:1.5px solid transparent}
body.asc a:hover .asc-more{border-bottom-color:var(--gold-deep)}

/* Le retour vers les conseils reste souligne au survol : c'est un vrai lien texte */
body.asc .asc-back:hover{text-decoration:underline}

/* Dans le corps d'un article, les liens restent soulignes (lisibilite) */
body.asc .asc-article p a,
body.asc .asc-article li a{text-decoration:underline;text-underline-offset:2px;color:var(--gold-deep)}

/* ---------------------------------------------------------------------
   1. PLEINE LARGEUR SUR LES ARTICLES
   Astra passe les articles en "narrow container" et bride le conteneur a
   750 px via ".ast-narrow-container .site-content > .ast-container"
   (specificite 0,3,0). Nos bandeaux marine doivent aller bord a bord :
   on repasse devant en ajoutant body.asc (0,4,0).
   ------------------------------------------------------------------- */
body.asc .site-content > .ast-container,
body.asc.ast-narrow-container .site-content > .ast-container{
  max-width:none;width:100%;margin-left:0;margin-right:0;
}

/* ---------------------------------------------------------------------
   2. LIEN DE RETOUR SUR SA PROPRE LIGNE
   .asc-back et .asc-eyebrow etaient tous deux en inline-flex : ils se
   retrouvaient cote a cote et se chevauchaient dans l'en-tete d'article.
   ------------------------------------------------------------------- */
body.asc .asc-back{display:flex;width:-moz-fit-content;width:fit-content;margin-bottom:20px}
body.asc .asc-phero .asc-eyebrow{margin-top:0}

/* ---------------------------------------------------------------------
   3. HAUTEUR DES CHAMPS DE FORMULAIRE
   Astra impose height:40px aux input et select. Avec nos 13px de marge
   interne il ne reste que 14px pour le texte, qui se retrouve coupe.
   On rend la hauteur au contenu.
   ------------------------------------------------------------------- */
body.asc .asc-formwrap input[type="text"],
body.asc .asc-formwrap input[type="email"],
body.asc .asc-formwrap input[type="tel"],
body.asc .asc-formwrap select,
body.asc .asc-formwrap textarea{
  height:auto;min-height:50px;line-height:1.45;
  padding:13px 15px;font-size:15px;
  border:1.5px solid var(--line);border-radius:6px;
  background:var(--paper);color:var(--ink);
}
body.asc .asc-formwrap textarea{min-height:130px}
body.asc .asc-formwrap select{padding-right:38px}

/* Zone "Voir plus d'articles" sous la grille des conseils */
body.asc .asc-plus{
  display:flex;flex-direction:column;align-items:center;gap:14px;
  margin-top:48px;padding-top:40px;border-top:1px solid var(--line);
}
body.asc .asc-compte{
  margin:0;font-family:var(--font-data);font-size:13px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-3);
}

/* Le lien de retour est un <a> portant une seule classe (0,1,0) : il perdait
   face a ".elementor-kit-8 a" (0,1,1) et s'affichait en gris sombre sur le
   bandeau marine, donc illisible. */
body.asc .asc-back{color:var(--gold)}
body.asc .asc-back:hover,
body.asc .asc-back:focus-visible{color:var(--cream)}
body.asc .asc-card{color:var(--ink)}
body.asc .asc-brand{color:inherit}

/* Elementor applique text-transform:capitalize a tous les <button> via son kit.
   Le texte source est bien "Envoyer ma demande" : on rend la casse d'origine. */
body.asc .asc-btn,
body.asc button.asc-btn,
body.asc .asc-chip{text-transform:none;letter-spacing:.01em}