/* KONÉSANS — Le relais : pages d'information, support et authentification.
   Aucune modification du fonctionnement des formulaires et des liens. */
:root{--relay-dark:#15332B;--relay-leaf:#2E8468;--relay-pale:#EDF3E9;--relay-paper:#FAFAF6;--relay-line:#C9D9CD}
body.trust-info-page{background:var(--relay-paper);color:var(--relay-dark)}
body.trust-info-page .trust-hero,
body .support-hero{background:var(--relay-paper);color:var(--relay-dark);border-bottom:1px solid var(--relay-line);padding:40px 0 42px}
body.trust-info-page .trust-hero::before,
body.trust-info-page .trust-hero::after,
body .support-hero::before,
body .support-hero::after{display:none;content:none}
body.trust-info-page .trust-hero .eyebrow,
body .support-hero .eyebrow{
 display:flex;align-items:center;gap:11px;
 color:#4C765A;font-size:13px;letter-spacing:.055em
}
body.trust-info-page .trust-hero .eyebrow::before,
body .support-hero .eyebrow::before{
 content:"";width:44px;height:34px;display:inline-block;flex:0 0 44px;
 background:url("/ks-relais-mark-safran.svg") center/contain no-repeat
}
body.trust-info-page .trust-hero h1,
body .support-hero h1{
 color:var(--relay-dark);font-size:clamp(38px,5vw,62px);
 line-height:1.12;letter-spacing:-.05em
}
body.trust-info-page .trust-hero p,
body .support-hero p{
 color:#4C6554;font-size:17px;line-height:1.64
}
body.trust-info-page .trust-eyebrow{color:#4B7457;letter-spacing:.06em}
body.trust-info-page .trust-section h2,
body.trust-info-page .trust-faq-group h2{color:var(--relay-dark)}
body.trust-info-page .trust-card,
body.trust-info-page .trust-faq-group details,
body.trust-info-page .trust-bottom{
 background:#fff;border:1px solid var(--relay-line);
 border-radius:4px;box-shadow:none
}
body.trust-info-page .trust-card{border-top:2px solid var(--relay-dark)}
body.trust-info-page .trust-faq-group details[open] summary{
 border-bottom:1px solid var(--relay-line)
}
body.trust-info-page .trust-categories a{
 background:#fff;border:1px solid #B9CABD;border-radius:4px
}
body.trust-info-page .trust-bottom{background:var(--relay-pale);border-left:4px solid var(--relay-leaf)}
body.trust-info-page .trust-bottom .btn{background:var(--relay-dark);color:#fff}
body .support-page{background:var(--relay-paper)}
body .support-main{background:var(--relay-paper)}
body .support-contact-card,body .support-faq-item{
 background:#fff;border:1px solid var(--relay-line);
 border-radius:4px;box-shadow:none
}
body .support-contact-card{border-top:3px solid var(--relay-dark)}
body .support-faq-item{border-top:2px solid var(--relay-dark)}
body .support-faq-item p{font-size:15px;line-height:1.63}
body .support-faq-more{background:var(--relay-pale);border:1px solid var(--relay-line);border-radius:4px}
body .support-account-note{background:var(--relay-pale);border-color:var(--relay-line);border-radius:4px}
body:has(main.login),body:has(main.card #form){
 background:var(--relay-paper);color:var(--relay-dark)
}
body:has(main.login)::before,body:has(main.card #form)::before{display:none;content:none}
body main.login,body main.card:has(#form){
 background:#fff;border:1px solid var(--relay-line);border-top:4px solid var(--relay-dark);
 border-radius:5px;box-shadow:none
}
body main.login .brand,body main.card:has(#form) .brand{color:var(--relay-dark)}
body main.login .brand::after,body main.card:has(#form) .brand::after{
 content:"";display:block;width:48px;height:37px;
 background:url("/ks-relais-mark-safran.svg") center/contain no-repeat;
 margin:16px auto 0
}
body main.login h1,body main.card:has(#form) h1{color:var(--relay-dark);line-height:1.12}
body main.login .tabs{background:var(--relay-pale);border-color:var(--relay-line);border-radius:5px}
body main.login .tabs button,body main.login .role-option,
body main.login input,body main.login button.action,body main.login .social,
body main.card:has(#form) input,body main.card:has(#form) button{
 border-radius:4px
}
body main.login .tabs button.on,body main.login button.action,
body main.card:has(#form) button[type=submit]{
 background:var(--relay-dark);color:#fff;box-shadow:none
}
body main.login :is(input,button,a):focus-visible,
body main.card:has(#form) :is(input,button,a):focus-visible,
body.trust-info-page :is(a,summary):focus-visible,
body .support-page :is(input,button,a):focus-visible{
 outline:3px solid var(--relay-leaf);outline-offset:3px
}
body:has(#feedbackForm) .ks-page-heading::before{
 content:"";display:inline-block;width:41px;height:32px;
 background:url("/ks-relais-mark-safran.svg") center/contain no-repeat;
 vertical-align:middle;margin-right:10px
}
body:has(#feedbackForm){background:var(--relay-paper)}
@media(max-width:600px){
 body.trust-info-page .trust-hero,body .support-hero{padding:28px 0}
 body.trust-info-page .trust-hero h1,body .support-hero h1{font-size:clamp(35px,9.5vw,48px)}
 body.trust-info-page .trust-hero p,body .support-hero p{font-size:16px}
 body.trust-info-page .trust-hero .eyebrow::before,body .support-hero .eyebrow::before{
  width:32px;height:27px;flex-basis:32px
 }
}
/* Page de désabonnement : neutraliser le dernier fond légèrement verdâtre. */
body:has(#confirmUnsubscribe){background:#F8F9F6!important;color:#222628!important}
body:has(#confirmUnsubscribe) .panel{background:#fff!important;border-color:#DADDDD!important;border-radius:6px!important;box-shadow:none!important}