/* Sinaphora — systeme graphique (charte 2026, direction artistique validee). */
:root{
  --sina-encre:#152328; --sina-ivoire:#F2EEE5; --sina-cuivre:#AA7854; --sina-cuivre-f:#8A5E36; --sina-cuivre-c:#C9A078;
  --sina-vert:#243B34; --sina-pierre:#B9B4AA;
  --sina-titre:'Fraunces',Georgia,'Times New Roman',serif;
  --sina-texte:'DM Sans',Helvetica,Arial,sans-serif;
}

/* ---------- Trame ---------- */
.e-con.sina-band{position:relative;overflow:hidden}

/* ---------- Le S en debordement : un seul par section ---------- */
.e-con.sina-s{position:absolute;z-index:0;pointer-events:none}
.sina-s img{height:100%;width:auto;max-width:none;opacity:.07;display:block}
.sina-s .elementor-widget-image,.sina-s .elementor-widget-image .elementor-widget-container{height:100%}
.sina-s--right{right:-14%;bottom:-18%;top:auto;height:112%}
.sina-s--left{left:-9%;bottom:-22%;height:118%}
@media(max-width:1024px){.sina-s img{opacity:.05}}

/* ---------- Etiquettes ---------- */
.sina-eyebrow{display:flex;align-items:flex-start;gap:13px;margin:0}
.sina-eyebrow::before{content:"";width:36px;height:1px;background:currentColor;flex:0 0 auto;margin-top:.62em}
@media(max-width:560px){.sina-eyebrow::before{width:22px}}
.sina-etoile .elementor-icon{padding:0;border:0;line-height:0}
.sina-etoile svg{width:22px;height:22px;display:block}
.sina-etoile svg path{fill:#AA7854}

/* ---------- En-tete ---------- */
.sina-header{background:var(--sina-ivoire)}
.sina-header .sina-logo{text-decoration:none;display:block}
.sina-header .sina-logo img{height:50px;width:auto;display:block}
.sina-nav ul.elementor-nav-menu{gap:38px}
.sina-nav ul.elementor-nav-menu>li{margin:0}
.sina-nav ul.elementor-nav-menu>li>a{padding:10px 0;font:500 15px/1 var(--sina-texte);
  color:var(--sina-encre);letter-spacing:0;transition:color .25s}
.sina-nav ul.elementor-nav-menu>li>a:hover,
.sina-nav ul.elementor-nav-menu>li>a.elementor-item-active{color:var(--sina-cuivre-f);background:transparent}
.sina-nav .elementor-nav-menu--main .elementor-item:hover{background:transparent}
.sina-nav .sub-arrow i{font-size:11px;margin-left:7px}
@media(max-width:1300px){
  .sina-header .sina-logo img{height:42px}
  .sina-nav ul.elementor-nav-menu{gap:26px}
  .sina-nav ul.elementor-nav-menu>li>a{font-size:14px}
}
@media(max-width:1150px){.sina-header__actions{display:none}}

/* ---------- Boutons ---------- */
.sina-cta .elementor-button{background:var(--sina-cuivre-f);color:#fff;border-radius:2px;
  font:700 14px/1 var(--sina-texte);letter-spacing:.02em;padding:19px 30px;
  transition:background-color .25s ease}
.sina-cta .elementor-button:hover{background:#94663F}
.sina-cta--encre .elementor-button{background:var(--sina-encre);color:var(--sina-ivoire);
  font-size:13px;padding:16px 26px}
.sina-cta--encre .elementor-button:hover{background:#0C171B}

/* ---------- Premiere fenetre ---------- */
.e-con.sina-hero{position:relative;min-height:clamp(520px,35vw,700px);overflow:hidden;
  background-position:right center;background-size:cover;background-repeat:no-repeat}
.sina-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,
    rgba(9,23,27,.55) 0%, rgba(9,23,27,.35) 34%,
    rgba(9,23,27,.12) 52%, rgba(9,23,27,0) 70%)}
.sina-hero>*{position:relative;z-index:1}
.e-con.sina-hero__in > .e-con-inner > .elementor-element:not(.sina-s){max-width:660px}
.sina-hero .sina-lead .elementor-widget-container{max-width:50ch}
@media(max-width:1300px) and (min-width:1001px){
  .sina-hero::before{background:linear-gradient(90deg,
    rgba(9,23,27,.9) 0%, rgba(9,23,27,.76) 30%,
    rgba(9,23,27,.42) 52%, rgba(9,23,27,.08) 74%, rgba(9,23,27,0) 88%)}
}
@media(max-width:1000px){
  .e-con.sina-hero{background-position:64% center;min-height:0}
  .sina-hero::before{background:linear-gradient(180deg,
    rgba(9,23,27,.86) 0%, rgba(9,23,27,.78) 55%, rgba(9,23,27,.72) 100%)}
}

/* ---------- Titre de tete ---------- */
.sina-h1 .elementor-heading-title{font-family:var(--sina-titre);font-weight:300;
  font-size:clamp(38px,4.6vw,68px);line-height:1.1;letter-spacing:-.02em;color:var(--sina-ivoire)}
.sina-h1 b{display:block;font-weight:700}
.sina-h1 i{display:block;font-style:italic;font-weight:300}
.sina-h1 i em,.sina-h1 b em,.sina-h1 b i{font-style:italic;font-weight:700;color:var(--sina-cuivre)}

/* ---------- Bandeau defilant, vert profond ---------- */
.sina-marquee{overflow:hidden;background:var(--sina-vert);padding:26px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.sina-marquee__track{display:flex;align-items:baseline;width:max-content;white-space:nowrap;
  animation:sina-slide 64s linear infinite;
  font:400 clamp(22px,2.3vw,36px)/1.15 var(--sina-titre);color:var(--sina-ivoire)}
.sina-marquee__track span{padding-inline:22px}
.sina-marquee__track span.cuivre{color:var(--sina-cuivre)}
.sina-marquee__track b{font-weight:400;color:rgba(242,238,229,.42);font-size:.5em}
@keyframes sina-slide{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.sina-marquee__track{animation:none}}
@media(max-width:767px){.sina-marquee{padding:18px 0}.sina-marquee__track span{padding-inline:14px}}
/* ---------- Photographies ---------- */
.sina-shot{position:relative;overflow:hidden}
.sina-shot img{display:block;width:100%;height:100%;object-fit:cover}
.sina-shot__label{position:absolute;left:0;bottom:0;background:rgba(21,35,40,.88);color:var(--sina-ivoire);
  font:700 11px/1 var(--sina-texte);letter-spacing:.18em;text-transform:uppercase;padding:16px 22px}

/* ---------- Liste typographique des familles ---------- */
a.e-con.sina-links__row{text-decoration:none;transition:padding-left .4s cubic-bezier(.2,.7,.3,1)}
.sina-links__row .sina-links__t{transition:color .3s}
.sina-links__row .sina-links__go{opacity:0;transform:translateX(-10px);transition:opacity .3s,transform .4s}
.sina-links__row:hover{padding-left:20px}
.sina-links__row:hover .sina-links__t{color:var(--sina-cuivre-f)}
.sina-links__row:hover .sina-links__go{opacity:1;transform:none}
@media(max-width:560px){.sina-links__row:hover{padding-left:8px}}

/* ---------- Etapes ---------- */
.e-con.sina-steps{border-top:1px solid rgba(21,35,40,.18)}
.e-con.sina-step{display:grid;grid-template-columns:clamp(88px,10vw,140px) 1fr;
  gap:clamp(16px,3vw,44px);align-items:start;
  padding:clamp(26px,3.4vw,42px) 0;border-bottom:1px solid rgba(21,35,40,.18)}
@media(max-width:767px){.e-con.sina-step{grid-template-columns:1fr;gap:2px}}

/* ---------- Declaration ---------- */
.sina-quote .elementor-heading-title{font:300 clamp(27px,3.4vw,46px)/1.22 var(--sina-titre);
  color:var(--sina-ivoire);letter-spacing:-.012em;max-width:22ch}
.sina-quote em{font-style:italic;color:var(--sina-cuivre)}

/* ---------- Planche de trois photographies + panneau vert (charte p.3) ---------- */
.e-con.sina-planche{display:grid;grid-template-columns:1.32fr 1fr 1fr 1.28fr;
  gap:clamp(10px,1.1vw,16px);align-items:stretch}
.sina-planche>.e-con{min-height:clamp(320px,30vw,470px)}
.sina-planche .sina-shot{height:100%}
.sina-planche .elementor-widget-image,
.sina-planche .elementor-widget-image .elementor-widget-container{height:100%}
.sina-panneau{background:var(--sina-vert);padding:clamp(28px,2.6vw,42px);position:relative;overflow:hidden;
  justify-content:space-between}
.sina-etoile-fond{position:absolute;right:-8%;top:34%;width:56%;z-index:0;pointer-events:none}
.sina-etoile-fond .elementor-icon{padding:0;border:0;line-height:0;display:block}
.sina-etoile-fond svg{width:100%;height:auto;display:block;opacity:.1}
.sina-etoile-fond svg path{fill:#F2EEE5}
@media(max-width:1024px){
  .e-con.sina-planche{grid-template-columns:1fr 1fr}
  .sina-planche>.e-con{min-height:340px}
}
@media(max-width:560px){.e-con.sina-planche{grid-template-columns:1fr}}

/* ---------- Colonne collante ---------- */
@media(min-width:1025px){.sina-sticky{position:sticky;top:110px}}

/* ---------- FAQ ---------- */
.sina-faq .e-n-accordion-item{border-bottom:1px solid rgba(21,35,40,.18)}
.sina-faq .e-n-accordion-item:first-child{border-top:1px solid rgba(21,35,40,.18)}
.sina-faq .e-n-accordion-item>.e-con{border:0}

/* ---------- Formulaire ---------- */
.sina-form .elementor-field-group{margin-bottom:4px}
.sina-form input.elementor-field,.sina-form .elementor-field-textual{
  background:rgba(242,238,229,.06);border:1px solid rgba(242,238,229,.22);border-radius:2px;
  color:var(--sina-ivoire);font:400 16px/1.5 var(--sina-texte);padding:17px 18px}
.sina-form textarea.elementor-field{min-height:132px}
.sina-form .elementor-field::placeholder{color:rgba(242,238,229,.42)}
.sina-form .elementor-field:focus{border-color:var(--sina-cuivre);outline:none}
.sina-form .elementor-select-wrapper select{background:rgba(242,238,229,.06);
  border:1px solid rgba(242,238,229,.22);border-radius:2px;color:var(--sina-ivoire);
  font:400 16px/1.5 var(--sina-texte);padding:17px 18px}
.sina-form .elementor-select-wrapper::before{color:rgba(242,238,229,.6)}
.sina-form .elementor-button[type=submit]{background:var(--sina-cuivre-f);color:#fff;border-radius:2px;
  font:700 14px/1 var(--sina-texte);letter-spacing:.02em;padding:21px 34px;transition:background-color .25s}
.sina-form .elementor-button[type=submit]:hover{background:#94663F}
.sina-form .elementor-field-type-upload input[type=file]{color:rgba(242,238,229,.7);
  font:400 14px/1.4 var(--sina-texte);padding:14px 0}
.sina-form .elementor-field-type-upload input[type=file]::file-selector-button{
  background:transparent;border:1px solid rgba(242,238,229,.3);color:var(--sina-ivoire);border-radius:2px;
  padding:11px 16px;margin-right:14px;cursor:pointer;font:600 13px/1 var(--sina-texte);
  letter-spacing:.03em;transition:border-color .25s,color .25s}
.sina-form .elementor-field-type-upload input[type=file]::file-selector-button:hover{
  border-color:var(--sina-cuivre);color:var(--sina-cuivre)}
.sina-form .elementor-field-type-acceptance label{font:400 13px/1.6 var(--sina-texte);color:rgba(242,238,229,.6)}
.sina-form .elementor-field-type-acceptance input{accent-color:var(--sina-cuivre)}

/* ---------- Pied de page ---------- */
.sina-footer{background:var(--sina-encre);color:rgba(242,238,229,.7)}
.sina-footer .sina-logo img{height:46px;width:auto;display:block}
.e-con.sina-footer__cols{display:grid;grid-template-columns:1.75fr 1fr 1fr 1.2fr;
  gap:clamp(30px,4vw,64px);align-items:start}
@media(max-width:1024px){.e-con.sina-footer__cols{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.e-con.sina-footer__cols{grid-template-columns:1fr;gap:38px}}
.sina-foot-a a{color:inherit;text-decoration:none;transition:color .25s}
.sina-foot-a a:hover{color:var(--sina-cuivre-c)}
.sina-hr{height:1px;background:rgba(242,238,229,.18);border:0;margin:0}

/* ---------- Accessibilite ---------- */
a:focus-visible,button:focus-visible{outline:2px solid var(--sina-cuivre);outline-offset:3px}
/* ---------- Menu replie ---------- */
.sina-nav .elementor-menu-toggle{background:transparent;color:var(--sina-encre);padding:6px}
.sina-nav .elementor-menu-toggle:hover{background:transparent;color:var(--sina-cuivre-f)}
.sina-nav .elementor-nav-menu--dropdown{background:var(--sina-encre)}
.sina-nav .elementor-nav-menu--dropdown a{font:500 16px/1 var(--sina-texte);color:var(--sina-ivoire);padding:18px 22px}
.sina-nav .elementor-nav-menu--dropdown a:hover,
.sina-nav .elementor-nav-menu--dropdown a.elementor-item-active{background:transparent;color:var(--sina-cuivre-c)}
@media(max-width:1000px){
  .e-con.sina-hero__in > .e-con-inner > .elementor-element:not(.sina-s){max-width:none}
  .sina-hero .sina-lead .elementor-widget-container{max-width:none}
}
/* ---------- Grille de sous-familles ---------- */
.e-con.sina-grille{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(28px,3.4vw,56px)}
@media(max-width:640px){.e-con.sina-grille{grid-template-columns:1fr}}

/* ---------- Variantes sur fond sombre ---------- */
.e-con.sina-steps--clair{border-top-color:rgba(242,238,229,.2)}
.e-con.sina-step--clair{border-bottom-color:rgba(242,238,229,.2)}
.sina-faq--clair .e-n-accordion-item{border-bottom-color:rgba(242,238,229,.2)}
.sina-faq--clair .e-n-accordion-item:first-child{border-top-color:rgba(242,238,229,.2)}

/* ---------- Premiere fenetre raccourcie (pages interieures) ---------- */
.e-con.sina-hero--court{min-height:clamp(420px,31vw,580px)}
/* ---------- Cellules de grille cliquables ---------- */
a.e-con.sina-cell--lien{text-decoration:none;transition:padding-left .35s cubic-bezier(.2,.7,.3,1)}
a.e-con.sina-cell--lien:hover{padding-left:14px}
a.e-con.sina-cell--lien:hover .elementor-widget-heading .elementor-heading-title{color:var(--sina-cuivre-f)}

/* ---------- Grille a trois colonnes ---------- */
.e-con.sina-grille--3{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.e-con.sina-grille--3{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.e-con.sina-grille--3{grid-template-columns:1fr}}

/* ---------- Sous-menu ---------- */
.sina-nav ul.elementor-nav-menu>li>a.elementor-item-active,
.sina-nav ul.elementor-nav-menu>li.current-menu-ancestor>a,
.sina-nav ul.elementor-nav-menu>li.current-menu-parent>a{color:var(--sina-cuivre-f)}
.sina-nav .elementor-nav-menu--dropdown,
.sina-nav ul.sub-menu{background:var(--sina-encre);border:0;box-shadow:0 18px 44px rgba(21,35,40,.22);padding:8px 0}
.sina-nav ul.sub-menu a{font:400 15px/1.3 var(--sina-texte);color:rgba(242,238,229,.82);
  padding:12px 24px;transition:color .2s,background-color .2s;white-space:nowrap}
.sina-nav ul.sub-menu a:hover,.sina-nav ul.sub-menu a.elementor-item-active{color:var(--sina-cuivre-c);background:transparent}
.sina-nav .sub-arrow{margin-left:7px}
.sina-nav .sub-arrow i,.sina-nav .sub-arrow svg{font-size:10px;width:10px;height:10px}
/* ---------- Article ---------- */
.e-con.sina-art__tete > .e-con-inner > .elementor-element{max-width:780px}
.sina-art__titre .elementor-heading-title{font-size:clamp(32px,3.8vw,54px);line-height:1.12;letter-spacing:-.018em}
.e-con .sina-art__chapo{color:rgba(242,238,229,.78)}
.sina-art__chapo .elementor-widget-container,.sina-art__chapo{font:300 clamp(18px,1.6vw,21px)/1.55 var(--sina-titre)}
.sina-art__meta .elementor-post-info{margin:0;padding:0}
.sina-art__meta .elementor-post-info__item{font:700 11px/1 var(--sina-texte);letter-spacing:.18em;text-transform:uppercase}
.sina-art__meta .elementor-post-info__terms-list-item{text-decoration:none;color:var(--sina-cuivre-c)}
.sina-art__image img{width:100%;height:clamp(240px,34vw,460px);object-fit:cover;display:block}

.e-con.sina-article > .e-con-inner > .elementor-element{max-width:760px}
.sina-article .elementor-widget-theme-post-content{font:400 17px/1.75 var(--sina-texte);color:rgba(21,35,40,.82)}
.sina-article p{margin:0 0 1.35em}
.sina-article h2{font:300 clamp(26px,2.6vw,34px)/1.22 var(--sina-titre);color:var(--sina-encre);
  letter-spacing:-.012em;margin:2.4em 0 .7em;padding-top:1.5em;border-top:1px solid rgba(21,35,40,.16)}
.sina-article h2:first-child{margin-top:0;padding-top:0;border-top:0}
.sina-article h3{font:600 20px/1.35 var(--sina-titre);color:var(--sina-encre);margin:1.9em 0 .5em}
.sina-article ul,.sina-article ol{margin:0 0 1.5em;padding-left:1.2em}
.sina-article li{margin-bottom:.6em;padding-left:.2em}
.sina-article li::marker{color:var(--sina-cuivre-f)}
.sina-article strong{font-weight:700;color:var(--sina-encre)}
.sina-article em{font-style:italic}
.sina-article a{color:var(--sina-cuivre-f);text-decoration:none;border-bottom:1px solid rgba(170,120,84,.4);
  transition:border-color .25s}
.sina-article a:hover{border-color:var(--sina-cuivre)}
.sina-article sup{font-size:.62em;vertical-align:super}

/* ---------- Liste des conseils ---------- */
.sina-liste .elementor-post{border-top:1px solid rgba(21,35,40,.18);padding-top:22px;
  display:flex;flex-direction:column;transition:padding-left .35s cubic-bezier(.2,.7,.3,1)}
.sina-liste .elementor-post:hover{padding-left:10px}
.sina-liste .elementor-post__thumbnail{overflow:hidden;padding-bottom:0;margin-bottom:22px}
.sina-liste .elementor-post__thumbnail img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;
  position:static;transform:none;transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.sina-liste .elementor-post:hover .elementor-post__thumbnail img{transform:scale(1.045)}
.sina-liste .elementor-post__thumbnail__link{padding-bottom:0!important;height:auto}
.sina-liste .elementor-post__text{display:flex;flex-direction:column;gap:12px;margin:0}
.sina-liste .elementor-post__title{margin:0;font:400 clamp(19px,1.5vw,23px)/1.3 var(--sina-titre)}
.sina-liste .elementor-post__title a{color:var(--sina-encre);text-decoration:none;transition:color .3s}
.sina-liste .elementor-post:hover .elementor-post__title a{color:var(--sina-cuivre-f)}
.sina-liste .elementor-post__meta-data{margin:0;font:700 11px/1 var(--sina-texte);
  letter-spacing:.18em;text-transform:uppercase;color:rgba(21,35,40,.66)}
.sina-liste .elementor-post__excerpt{margin:0}
.sina-liste .elementor-post__excerpt p{margin:0;font:400 15px/1.65 var(--sina-texte);color:rgba(21,35,40,.7)}
.sina-liste .elementor-post__read-more{margin-top:6px;font:700 11px/1 var(--sina-texte);
  letter-spacing:.18em;text-transform:uppercase;color:var(--sina-cuivre);text-decoration:none;
  display:inline-flex;align-items:center;gap:9px}
.sina-liste .elementor-post__read-more::after{content:"";width:22px;height:1px;background:currentColor;
  transition:width .35s cubic-bezier(.2,.7,.3,1)}
.sina-liste .elementor-post:hover .elementor-post__read-more::after{width:38px}
.sina-art__meta .elementor-icon-list-icon{display:none}
.sina-art__meta .elementor-icon-list-item{margin:0}
.sina-art__meta a{color:var(--sina-cuivre-c);text-decoration:none}

/* ---------- Renvoi vers un article ---------- */
a.e-con.sina-lire{text-decoration:none;transition:padding-left .35s cubic-bezier(.2,.7,.3,1)}
a.e-con.sina-lire:hover{padding-left:14px}
.sina-lire__img{overflow:hidden}
.sina-lire__img img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;
  transition:transform .7s cubic-bezier(.2,.7,.3,1)}
a.e-con.sina-lire:hover .sina-lire__img img{transform:scale(1.05)}
.sina-lire__t .elementor-heading-title{font-size:clamp(22px,2.2vw,30px);transition:color .3s}
a.e-con.sina-lire:hover .sina-lire__t .elementor-heading-title{color:var(--sina-cuivre-f)}
/* ---------- Bouton téléphone ---------- */
.sina-tel-btn .elementor-button{display:inline-flex;align-items:center;
  transition:background-color .25s ease,color .25s ease,border-color .25s ease}
.sina-tel-btn .elementor-button-icon svg{width:15px;height:15px}
.sina-tel-btn .elementor-button-content-wrapper{align-items:center}

/* ---------- Transitions de survol ---------- */
.sina-cta .elementor-button,
.sina-form .elementor-button[type=submit]{transition:background-color .25s ease,color .25s ease,transform .25s ease}
.sina-form .elementor-field,.sina-form .elementor-select-wrapper select{transition:border-color .25s ease,background-color .25s ease}
.sina-form .elementor-field::placeholder{color:rgba(242,238,229,.55)}
.sina-form .elementor-select-wrapper select{color:var(--sina-ivoire)}
.sina-form .elementor-select-wrapper select option{color:var(--sina-encre)}

/* ---------- Retour en haut de page ---------- */
.sina-haut{position:fixed;right:clamp(16px,2.2vw,30px);bottom:clamp(16px,2.2vw,30px);z-index:90;
  width:46px;height:46px;display:grid;place-items:center;border-radius:50%;
  background:var(--sina-encre);color:var(--sina-ivoire);border:1px solid rgba(242,238,229,.25);
  cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .3s ease,transform .3s ease,visibility .3s,background-color .25s ease}
.sina-haut.visible{opacity:1;visibility:visible;transform:none}
.sina-haut:hover{background:var(--sina-cuivre);border-color:var(--sina-cuivre)}
.sina-haut svg{width:17px;height:17px}

/* ---------- Apparition au défilement ---------- */
.sina-js .sina-app{opacity:0;transform:translateY(18px);
  transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
.sina-js .sina-app.vu{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .sina-app{opacity:1;transform:none;transition:none}
  .sina-haut{transition:opacity .01s}
}
/* ---------- Grille de cartes photographiques ---------- */
.e-con.sina-cartes{display:grid;gap:clamp(18px,2.2vw,32px)}
.e-con.sina-cartes--4{grid-template-columns:repeat(4,1fr)}
.e-con.sina-cartes--3{grid-template-columns:repeat(3,1fr)}
@media(max-width:1024px){.e-con.sina-cartes--4,.e-con.sina-cartes--3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.e-con.sina-cartes--4,.e-con.sina-cartes--3{grid-template-columns:1fr}}
a.e-con.sina-carte{text-decoration:none;gap:14px}
.sina-carte__img{overflow:hidden;position:relative}
.sina-carte__img img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;
  transition:transform .8s cubic-bezier(.2,.7,.3,1)}
a.e-con.sina-carte:hover .sina-carte__img img{transform:scale(1.05)}
.sina-carte__img::after{content:"";position:absolute;inset:10px;border:1px solid rgba(170,120,84,0);
  transition:border-color .35s}
a.e-con.sina-carte:hover .sina-carte__img::after{border-color:rgba(170,120,84,.9)}
.sina-carte__t .elementor-heading-title{font-size:clamp(18px,1.5vw,22px);transition:color .3s}
a.e-con.sina-carte:hover .sina-carte__t .elementor-heading-title{color:var(--sina-cuivre-f)}

/* ---------- Bande scindée ---------- */
.e-con.sina-split{overflow:hidden}
.sina-split__img,.sina-split__img .elementor-widget-image{height:100%}
.sina-split__img img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}
.sina-split__txt{padding:clamp(72px,7vw,120px) clamp(28px,5vw,96px)}
.sina-critere__n .elementor-heading-title{letter-spacing:.2em}
.e-con.sina-critere{flex-wrap:nowrap}
@media(max-width:1024px){
  .sina-split__img img{min-height:300px;max-height:46vh}
  .sina-split__txt{padding:clamp(56px,9vw,80px) clamp(22px,6vw,40px)}
}

/* ---------- Citation sur photographie ---------- */
.e-con.sina-cit{position:relative;isolation:isolate;min-height:clamp(380px,32vw,520px)}
.sina-cit::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(100deg,rgba(9,23,27,.93) 0%,rgba(9,23,27,.84) 42%,rgba(9,23,27,.6) 72%,rgba(9,23,27,.42) 100%)}
.e-con.sina-cit > .e-con-inner{max-width:1340px;gap:26px;align-items:flex-start}
.e-con.sina-cit > .e-con-inner > .elementor-element{max-width:760px}

/* ---------- Étapes en rangée ---------- */
.e-con.sina-etapes-rang{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.4vw,40px)}
.sina-etape__n .elementor-heading-title{font-size:clamp(40px,3.6vw,56px);line-height:1}
@media(max-width:1024px){.e-con.sina-etapes-rang{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.e-con.sina-etapes-rang{grid-template-columns:1fr}}

/* ---------- Duo chevauchant : deux photographies decalees ---------- */
.e-con.sina-duo > .e-con-inner{max-width:1340px;align-items:center;gap:clamp(44px,5.6vw,104px)}
.e-con.sina-duo--inv > .e-con-inner{flex-direction:row-reverse}
.sina-duo__pile{position:relative}
.sina-duo__a img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.sina-duo__b{position:absolute;right:-8%;bottom:-10%;width:50%;z-index:2}
.e-con.sina-duo--inv .sina-duo__b{right:auto;left:-8%}
.sina-duo__b img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;
  border:10px solid #F2EEE5;box-shadow:0 30px 60px -28px rgba(9,23,27,.45)}
.sina-duo--encre .sina-duo__b img{border-color:#09171B}
.sina-duo__txt{max-width:540px}
@media(max-width:1024px){
  .e-con.sina-duo > .e-con-inner,.e-con.sina-duo--inv > .e-con-inner{flex-direction:column}
  .sina-duo__b{position:static;width:58%;margin:-16% 0 0 auto;right:auto;left:auto;bottom:auto}
  .e-con.sina-duo--inv .sina-duo__b{margin:-16% auto 0 0}
  .sina-duo__txt{max-width:none}
}
@media(max-width:560px){.sina-duo__b{width:66%;margin-top:-20%}}

/* ---------- Mosaique asymetrique : une haute, deux empilees ---------- */
.e-con.sina-mos{display:grid;grid-template-columns:1.32fr 1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(12px,1.4vw,20px);height:clamp(400px,40vw,600px)}
.e-con.sina-mos > .elementor-element{min-width:0;min-height:0;overflow:hidden}
.e-con.sina-mos > .elementor-element:first-child{grid-row:1 / span 2}
.sina-mos .elementor-widget-image,.sina-mos .elementor-widget-container{height:100%}
.sina-mos img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:1024px){
  .e-con.sina-mos{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:auto}
  .e-con.sina-mos > .elementor-element{min-height:auto}
  .e-con.sina-mos > .elementor-element:first-child{grid-row:auto;grid-column:1 / span 2}
  .sina-mos img{aspect-ratio:16/10;height:auto}
}
@media(max-width:560px){
  .e-con.sina-mos{grid-template-columns:1fr}
  .e-con.sina-mos > .elementor-element:first-child{grid-column:auto}
}

/* ---------- Filet cuivre (widget separateur natif) ---------- */
.sina-fil .elementor-divider-separator{border-top-color:#AA7854}

/* ---------- Legende de photographie (titre balise span) ---------- */
.sina-shot__label .elementor-heading-title{display:block}

/* ---------- Declaration sur photographie ---------- */
.e-con.sina-decl{position:relative;isolation:isolate}
.e-con.sina-decl .sina-wrap{align-items:center;text-align:center;gap:22px}
.e-con.sina-decl .sina-wrap > .elementor-element{max-width:880px;width:100%}
.sina-decl::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(9,23,27,.92) 0%,rgba(9,23,27,.8) 50%,rgba(9,23,27,.94) 100%)}

/* ---------- Separateur plein (ancien hr) ---------- */
.sina-hr-fil .elementor-divider{padding:0}


/* ---------- Champs que le reglage Elementor n'atteint pas ---------- */
.sina-form{color-scheme:dark}
.sina-form select,
.sina-form input[type=file],
.sina-form .elementor-field-type-select select,
.sina-form .elementor-field-type-upload input{
  background-color:rgba(242,238,229,.10);color:#F2EEE5;
  border:1px solid rgba(242,238,229,.45);border-radius:2px}
.sina-form select option{background-color:#152328;color:#F2EEE5}
.sina-form input[type=file]::file-selector-button{
  background:rgba(242,238,229,.14);color:#F2EEE5;border:0;border-radius:2px;
  padding:8px 14px;margin-right:12px;cursor:pointer;font:inherit;
  transition:background .2s ease}
.sina-form input[type=file]::file-selector-button:hover{background:rgba(242,238,229,.26)}


/* ---------- Correctifs de lisibilite ---------- */
/* Libelles de formulaire : le reglage Elementor ne l'emporte pas sur la couleur systeme */
.sina-form .elementor-field-label{color:#F2EEE5;opacity:1}
.sina-form.elementor-widget-form .elementor-field-subgroup label,
.sina-form.elementor-widget-form .elementor-field-type-acceptance label,
.sina-form.elementor-widget-form .elementor-field-group > label{color:#F2EEE5}

/* FAQ sur bande sombre : Elementor laisse son #1f2124 par defaut (1:1 sur l'encre) */
.sina-faq--clair .e-n-accordion-item-title-text,
.sina-faq--clair .e-n-accordion-item-title,
.sina-faq--clair summary{color:#F2EEE5}
.sina-faq--clair .e-n-accordion-item-title-icon svg{fill:#C9A078}
.sina-faq--clair .e-n-accordion-item > .e-con p,
.sina-faq--clair .e-n-accordion-item > .e-con li{color:rgba(242,238,229,.78)}

/* Lien d'evitement : visible au clavier, donc il doit passer le contraste */
.skip-link.screen-reader-text:focus{background:#152328;color:#F2EEE5;
  padding:14px 22px;border-radius:2px;z-index:9999;text-decoration:none;
  outline:2px solid var(--sina-cuivre-c);outline-offset:2px}


/* ---------- select et champ fichier ---------- */
/* Tant que l'apparence native n'est pas desactivee, le navigateur ignore background-color */
.sina-form.elementor-widget-form .elementor-field-group select.elementor-field{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-color:rgba(242,238,229,.10);color:#F2EEE5;
  border:1px solid rgba(242,238,229,.45);border-radius:2px;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2523F2EEE5%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%2F%3E%3C%2Fsvg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:13px;
  padding-right:42px;cursor:pointer}
.sina-form.elementor-widget-form select.elementor-field option{background-color:#152328;color:#F2EEE5}
.sina-form.elementor-widget-form .elementor-field-group input[type=file].elementor-field{
  background-color:rgba(242,238,229,.10);color:#F2EEE5;
  border:1px solid rgba(242,238,229,.45);border-radius:2px;padding:12px 14px}

/* Cartes-liens : ne pas heriter la couleur de lien, chaque enfant pose la sienne */
a.e-con.sina-carte,a.e-con.sina-lire,a.e-con.sina-cell--lien{color:inherit}

/* ---------- Derniers reports de cuivre sur fond clair ---------- */
.sina-liste .elementor-post__read-more{color:var(--sina-cuivre-f)}
.sina-form.elementor-widget-form .elementor-field-option{color:#F2EEE5}

/* Sous-menu : fond encre a l'interieur de la barre principale.
   Elementor applique la couleur de la barre (0,4,0) jusque dans le volet :
   il faut repasser devant lui en specificite. */
.sina-nav .elementor-nav-menu--main ul.sub-menu a.elementor-item,
.sina-nav .elementor-nav-menu--main ul.sub-menu a.elementor-item-active{color:var(--sina-cuivre-c)}
.sina-nav .elementor-nav-menu--main ul.sub-menu a.elementor-item:not(.elementor-item-active){color:rgba(242,238,229,.82)}
.sina-nav .elementor-nav-menu--main ul.sub-menu a.elementor-item:hover{color:var(--sina-cuivre-c)}