/* ============================================================
   TRIKA 2026 — composants (rubrication, filets, triade, portes)
   Les tokens de base vivent dans theme.json ; ici, l'identité.
   ============================================================ */
:root{
  --encre:#191411; --brou:#221B16; --brou2:#2A211B;
  --burja:#EAE0CE; --burja-dim:#CFC2AC; --cendre:#9A8B7A;
  --sindura:#C03E2B; --sindura-vif:#D8492F;
  --or:#A9884F; --or-dim:rgba(169,136,79,.38); --or-faible:rgba(169,136,79,.16);
  --disp:'EB Garamond', Georgia, serif;
  --corps:'Spectral', Georgia, serif;
  --deva:'Noto Serif Devanagari','Kohinoor Devanagari','Nirmala UI',serif;
}
body{-webkit-font-smoothing:antialiased}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(216,73,47,.045), transparent 60%),
    radial-gradient(900px 900px at 100% 100%, rgba(169,136,79,.05), transparent 55%);
}
::selection{background:var(--sindura);color:var(--burja)}

/* ---- rubrication : la signature ---- */
.rub{color:var(--sindura-vif);font-style:italic;font-family:var(--disp);font-size:1.03em}
.iast{font-style:italic}
.deva{font-family:var(--deva)}

/* ---- eyebrow ---- */
.eyebrow{
  font-family:var(--disp);font-size:.78rem;font-weight:500;
  letter-spacing:.34em;text-transform:uppercase;color:var(--sindura-vif);
}

/* ---- héros ---- */
.heros{position:relative;overflow:hidden}
.deva-fantome{display:none !important}
.heros-sub{font-size:1.25rem;font-weight:200;color:var(--burja-dim);max-width:56ch}
.attrib{font-family:var(--disp);font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cendre)}
.attrib b{color:var(--sindura-vif);font-weight:500}

/* ---- filet triśūla ---- */
.filet{display:flex;align-items:center;gap:1.1rem;max-width:1080px;margin:0 auto;padding:0 1.6rem}
.filet::before,.filet::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--or-dim))}
.filet::after{background:linear-gradient(90deg,var(--or-dim),transparent)}
.filet svg{flex:none;opacity:.8}

/* ---- boutons filaires (le plein est géré par theme.json) ---- */
.btn-fil .wp-block-button__link, a.btn-fil{
  background:transparent !important;border:1px solid var(--or-dim);color:var(--burja) !important;
}
.btn-fil .wp-block-button__link:hover, a.btn-fil:hover{
  border-color:var(--sindura-vif);color:var(--sindura-vif) !important;
}
.wp-block-button__link{padding:1rem 2.1rem}
.cta-note{font-size:.85rem;color:var(--cendre);font-style:italic}

/* ---- marge de scholiaste ---- */
.avec-marge{display:grid;grid-template-columns:200px 1fr;gap:3.2rem;align-items:start}
.marge{
  position:sticky;top:100px;border-top:1px solid var(--or-dim);padding-top:1rem;
  font-family:var(--disp);font-style:italic;font-size:.95rem;line-height:1.55;color:var(--cendre);
}
.marge .deva{font-style:normal;color:var(--or);display:block;margin-bottom:.4rem;font-size:1.15rem}
@media(max-width:900px){.avec-marge{grid-template-columns:1fr}.marge{position:static;max-width:40ch}}

/* ---- listes rubriquées ---- */
ul.liste-rub{list-style:none;padding-left:0;margin-left:0}
ul.liste-rub li{
  position:relative;padding:1.15rem 0 1.15rem 2.4rem;max-width:62ch;
  border-bottom:1px solid var(--or-faible);
}
ul.liste-rub li:first-child{border-top:1px solid var(--or-faible)}
ul.liste-rub li::before{
  content:"॥";position:absolute;left:0;top:1.05rem;
  font-family:var(--deva);color:var(--sindura-vif);font-size:1.05rem;
}

/* ---- triade upāya ---- */
.tri-svg{display:block;margin:0 auto 2.2rem;opacity:.9}
.tri-col{
  background:var(--brou);border:1px solid rgba(169,136,79,.2);
  padding:2rem 1.7rem;position:relative;height:100%;
}
.tri-col::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:14px;background:var(--or)}
.tri-col h3{color:var(--sindura-vif);font-style:italic;font-weight:500;font-size:1.35rem;margin-top:0}
.tri-col .voie{font-family:var(--disp);font-size:.75rem;letter-spacing:.26em;text-transform:uppercase;color:var(--cendre);font-style:normal;margin-bottom:1rem}
.tri-col p{font-size:.98rem;color:var(--burja-dim)}

/* ---- portes ---- */
.porte{
  background:var(--brou);border:1px solid rgba(169,136,79,.2);
  padding:2.2rem 1.8rem;height:100%;transition:border-color .3s;
}
.porte:hover{border-color:var(--sindura)}
.porte .num{font-family:var(--deva);color:var(--or);font-size:1.1rem}
.porte h3{margin-top:.6rem}
.porte p{font-size:.97rem;color:var(--burja-dim)}
.porte .prix{font-family:var(--disp);font-size:1.05rem;color:var(--sindura-vif);letter-spacing:.06em}

/* ---- citation manuscrite ---- */
.citation{border-left:2px solid var(--sindura);padding:1.6rem 0 1.6rem 2.4rem;max-width:66ch;margin-left:0}
.citation p{font-family:var(--disp);font-style:italic;font-size:1.35rem;line-height:1.6;font-weight:400}
.citation cite{display:block;margin-top:1.1rem;font-style:normal;font-family:var(--disp);font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cendre)}

/* ---- témoignages ---- */
.temoin{border-top:1px solid var(--or-dim);padding-top:1.4rem;height:100%}
.temoin p{font-size:.98rem;font-style:italic;color:var(--burja-dim)}
.temoin p:first-of-type::before{content:"« ";color:var(--sindura-vif);font-family:var(--disp);font-size:1.3em}
.temoin .qui{margin-top:.9rem;font-family:var(--disp);font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cendre);font-style:normal}
.temoins-note{font-size:.82rem;color:var(--cendre);font-style:italic}

/* ---- livres ---- */
.livre{display:grid;grid-template-columns:150px 1fr;gap:1.6rem;align-items:start}
.couv{
  aspect-ratio:5/7.3;background:linear-gradient(160deg,var(--brou2),var(--brou));
  border:1px solid rgba(169,136,79,.3);position:relative;
  display:flex;flex-direction:column;justify-content:space-between;padding:1rem .8rem;
}
.couv::after{content:"";position:absolute;inset:6px;border:1px solid rgba(169,136,79,.22);pointer-events:none}
.couv .c-titre{font-family:var(--disp);font-size:.92rem;line-height:1.25;font-weight:600;letter-spacing:.04em}
.couv .c-deva{font-family:var(--deva);color:var(--sindura-vif);font-size:1rem}
.couv .c-vol{font-family:var(--disp);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--or)}
.couv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.livre .l-meta{font-family:var(--disp);font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cendre)}
.livre p{font-size:.95rem;color:var(--burja-dim)}
@media(max-width:480px){.livre{grid-template-columns:110px 1fr;gap:1rem}}

/* ---- bloc extrait / Brevo ---- */
.extrait{background:var(--brou);border:1px solid rgba(169,136,79,.25);padding:3rem 2.4rem}
.extrait .deva-l{font-family:var(--deva);font-size:2rem;color:var(--or);line-height:1.5;text-align:center}
.extrait .deva-l small{display:block;font-family:var(--disp);font-style:italic;font-size:.95rem;color:var(--cendre);margin-top:.6rem}
.extrait input[type=email], .extrait input[type=text]{
  background:var(--encre);border:1px solid var(--or-dim);color:var(--burja);
  font-family:var(--corps);font-size:.95rem;padding:.95rem 1.1rem;width:100%;
}
.extrait input:focus{outline:1px solid var(--sindura-vif)}

/* ---- en-tête / navigation ---- */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(25,20,17,.92);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--or-dim);
}
.site-header .wp-block-navigation a{
  font-family:var(--disp);font-size:.8rem;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;color:var(--burja-dim);
}
.site-header .wp-block-navigation a:hover,
.site-header .wp-block-navigation .current-menu-item a{color:var(--sindura-vif)}
.marque-m1{font-family:var(--disp);font-size:1.05rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.marque-m1 em{font-style:normal;color:var(--sindura-vif)}
.marque-m2{font-family:var(--disp);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--cendre)}

/* ---- pied de page ---- */
.site-footer{border-top:1px solid var(--or-dim)}
.site-footer h4{font-family:var(--disp);font-size:.78rem;letter-spacing:.26em;text-transform:uppercase;color:var(--cendre);font-weight:500}
.site-footer a{color:var(--burja-dim);text-decoration:none}
.site-footer a:hover{color:var(--sindura-vif)}
.foot-bas{border-top:1px solid var(--or-faible);text-align:center;padding:1.4rem;font-size:.8rem;color:var(--cendre)}

/* ---- utilitaires ---- */
.grande{font-size:1.22rem;line-height:1.7;font-weight:200}
.dim{color:var(--cendre)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}



/* --- v6 : héros en flux normal — H1, image, texte empilés (mobile + desktop) --- */
.wp-block-group.heros{display:block !important}
.heros .hero-under-title{max-width:420px;margin:1.6rem 0 2rem 0}
.heros .hero-under-title img{width:100%;height:auto;display:block;border-radius:22px;border:1px solid rgba(216,161,74,.38)}



/* ---- Header / Footer global Trika ---- */
.trika-site-header{
  position:relative;
  z-index:10;
  background:linear-gradient(180deg,rgba(25,20,17,.98),rgba(34,27,22,.94));
  border-bottom:1px solid var(--or-faible);
}
.trika-header-inner{
  max-width:1180px;
  margin:0 auto;
  padding:1.15rem 1.6rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
}
.trika-logo{
  text-decoration:none;
  color:var(--burja)!important;
  display:flex;
  flex-direction:column;
  line-height:1.1;
}
.trika-logo-main{
  font-family:var(--disp);
  letter-spacing:.18em;
  font-size:1.05rem;
}
.trika-logo-sub{
  color:var(--cendre);
  font-size:.78rem;
  margin-top:.25rem;
}
.trika-main-nav{
  display:flex;
  flex-wrap:wrap;
  gap:1.25rem;
  align-items:center;
  justify-content:flex-end;
}
.trika-main-nav a{
  color:var(--burja-dim)!important;
  text-decoration:none;
  font-size:.92rem;
}
.trika-main-nav a:hover{
  color:var(--sindura-vif)!important;
}
.trika-site-footer{
  margin-top:4rem;
  background:linear-gradient(180deg,rgba(34,27,22,.96),rgba(25,20,17,1));
  border-top:1px solid var(--or-faible);
  color:var(--burja-dim);
}
.trika-footer-inner{
  max-width:1180px;
  margin:0 auto;
  padding:3rem 1.6rem;
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:2rem;
}
.trika-footer-brand{
  font-family:var(--disp);
  color:var(--burja);
  letter-spacing:.18em;
}
.trika-footer-nav,
.trika-footer-contact{
  display:flex;
  flex-direction:column;
  gap:.55rem;
}
.trika-site-footer a{
  color:var(--burja-dim)!important;
  text-decoration:none;
}
.trika-site-footer a:hover{
  color:var(--sindura-vif)!important;
}
@media(max-width:800px){
  .trika-header-inner{align-items:flex-start;flex-direction:column}
  .trika-main-nav{justify-content:flex-start}
  .trika-footer-inner{grid-template-columns:1fr}
}

/* ---- Hotfix mobile / formulaire ---- */
.trika-form-card{
  max-width:520px;
  border:1px solid var(--or-dim);
  padding:1.4rem;
  background:rgba(34,27,22,.72);
}
.trika-lead-form{
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.trika-lead-form label{
  display:flex;
  flex-direction:column;
  gap:.35rem;
  color:var(--burja-dim);
}
.trika-lead-form input[type="text"],
.trika-lead-form input[type="email"]{
  width:100%;
  box-sizing:border-box;
  padding:.85rem 1rem;
  border:1px solid var(--or-dim);
  background:#120f0d;
  color:var(--burja);
  font:inherit;
}
.trika-lead-form button{
  cursor:pointer;
  border:1px solid var(--or);
  background:transparent;
  color:var(--burja);
  padding:1rem 1.2rem;
  font:inherit;
}
.trika-form-message{
  max-width:760px;
  margin:1.5rem auto;
  padding:1rem 1.2rem;
  border:1px solid var(--or);
  background:rgba(169,136,79,.12);
  color:var(--burja);
}
@media(max-width:760px){
  html,body{overflow-x:hidden}
  body{font-size:16px}
  .wp-site-blocks{overflow-x:hidden}
  .wp-block-group{
    padding-left:1.1rem!important;
    padding-right:1.1rem!important;
  }
  .heros{
    padding-top:2.6rem!important;
    padding-bottom:3rem!important;
  }
  .home-hero .hero-media,
  .hero-media{
    position:relative!important;
    width:100%!important;
    max-width:310px!important;
    margin:0 auto 1.8rem!important;
    float:none!important;
  }
  .hero-media img,
  .page-img img,
  .wp-block-image img{
    max-width:100%!important;
    width:100%!important;
    height:auto!important;
    object-fit:cover;
  }
  h1.wp-block-heading{
    font-size:clamp(2.15rem,10vw,3.25rem)!important;
    line-height:1.05!important;
    word-break:normal;
  }
  h2.wp-block-heading{
    font-size:clamp(1.75rem,8vw,2.45rem)!important;
    line-height:1.12!important;
  }
  .heros-sub{
    font-size:1.05rem!important;
  }
  .trika-header-inner{
    padding:.95rem 1.1rem;
  }
  .trika-main-nav{
    gap:.8rem;
    font-size:.9rem;
  }
  .trika-form-card{
    max-width:100%;
    padding:1.1rem;
  }
}

/* ---- Justification typographique professionnelle ---- */
main p,
main li,
.wp-block-post-content p,
.wp-block-post-content li,
.wp-block-group > p{
  text-align:justify;
  text-align-last:left;
  hyphens:auto;
  overflow-wrap:break-word;
}

main p,
.wp-block-post-content p{
  max-width:72ch;
}

.heros p,
.trika-site-header p,
.trika-site-footer p,
.trika-site-footer li,
.trika-lead-form label,
.trika-form-message,
.wp-block-button,
.wp-block-buttons,
.cta-note,
.attrib,
.eyebrow{
  text-align:left!important;
  hyphens:none!important;
}

@media(max-width:760px){
  main p,
  main li,
  .wp-block-post-content p,
  .wp-block-post-content li,
  .wp-block-group > p{
    text-align:left;
    hyphens:none;
  }
}


/* TRIKA_FINAL_MOBILE_20260708 */
.trika-form-card{
  position:relative!important;
  z-index:30!important;
  max-width:560px;
  border:1px solid var(--or-dim);
  padding:1.4rem;
  background:rgba(34,27,22,.76);
}
.trika-lead-form{
  position:relative!important;
  z-index:31!important;
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.trika-lead-form label{
  display:flex;
  flex-direction:column;
  gap:.35rem;
}
.trika-lead-form input[type="text"],
.trika-lead-form input[type="email"]{
  width:100%!important;
  box-sizing:border-box!important;
  padding:.9rem 1rem;
  border:1px solid var(--or-dim);
  background:#120f0d;
  color:var(--burja);
  font:inherit;
}
.trika-lead-form input[type="checkbox"]{
  width:auto!important;
  margin-right:.5rem;
}
.trika-lead-form button{
  width:100%;
  box-sizing:border-box;
  padding:1rem 1.2rem;
  border:1px solid var(--or);
  background:transparent;
  color:var(--burja);
  font:inherit;
  cursor:pointer!important;
  pointer-events:auto!important;
}

@media(min-width:901px){
  main p,
  main li,
  .wp-block-post-content p,
  .wp-block-post-content li,
  .wp-block-group > p{
    text-align:justify!important;
    text-align-last:left!important;
    hyphens:auto!important;
    max-width:72ch;
  }
  .heros p,
  .trika-site-header p,
  .trika-site-footer p,
  .trika-lead-form label,
  .trika-form-card p,
  .wp-block-button,
  .wp-block-buttons,
  .eyebrow,
  .attrib{
    text-align:left!important;
    hyphens:none!important;
  }
}

@media(max-width:900px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .wp-site-blocks,
  main,
  .wp-block-post-content,
  .entry-content{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .wp-block-group,
  .heros,
  .home-hero,
  .commencer-hero,
  .parcours-hero{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:auto!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:1.15rem!important;
    padding-right:1.15rem!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .heros > *,
  .home-hero > *,
  .commencer-hero > *,
  .parcours-hero > *{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  .wp-block-columns,
  .wp-block-column{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    flex-basis:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .hero-media{
    display:block!important;
    width:100%!important;
    max-width:310px!important;
    margin:0 auto 1.8rem auto!important;
  }
  .hero-media img,
  .wp-block-image img,
  .page-img img{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    display:block!important;
  }
  .deva-fantome{
    display:none!important;
  }
  h1.wp-block-heading{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(2.15rem,10vw,3.35rem)!important;
    line-height:1.05!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  h2.wp-block-heading{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(1.75rem,8vw,2.55rem)!important;
    line-height:1.12!important;
  }
  p,li,
  .heros-sub{
    width:100%!important;
    max-width:100%!important;
    text-align:left!important;
    hyphens:none!important;
    overflow-wrap:break-word!important;
  }
  .wp-block-buttons,
  .wp-block-button,
  .wp-block-button__link{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    white-space:normal!important;
  }
  .trika-form-card{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}