/* TWO - Team Wongkoefft Optimisation : charte du site (17/10/2026)
   Couleurs issues du logo : bleu canard #0c9bb6, gris #b5b3b1 ; bleu nuit pour les textes et fonds forts. */
:root{
  --two-teal:#0c9bb6;--two-teal-d:#087489;--two-teal-p:#e6f5f8;
  --two-ink:#13233a;--two-ink-2:#1d3352;--two-muted:#56657a;--two-grey:#b5b3b1;
  --two-bg:#f5f7f9;--two-card:#fff;--two-line:#e2e8ee;
  --two-r:18px;--two-sh:0 1px 2px rgba(19,35,58,.05),0 10px 30px rgba(19,35,58,.08);
  --two-serif:"Fraunces",Georgia,serif;--two-sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

/* ---------- En-tête et pied du thème harmonisés ---------- */
body{font-family:var(--two-sans);color:var(--two-ink)}
body .top-header,body .top-header-inner{background:var(--two-ink)!important}
.top-header,.top-header a{font-family:var(--two-sans);font-size:13px}
.main-navigation ul.menu>li>a,.main-navigation a{font-family:var(--two-sans)!important;font-weight:600!important;letter-spacing:.02em;font-size:15px!important;text-transform:none!important;color:var(--two-ink)}
.main-navigation ul.menu>li.current-menu-item>a,.main-navigation ul.menu>li>a:hover{color:var(--two-teal)!important}
.site-branding img{max-height:58px;width:auto}
.site-footer,.site-footer .top-footer,.site-footer .bottom-footer{background:var(--two-ink)!important;font-family:var(--two-sans)}
.site-footer .site-info{color:#c3cdd9}
.site-footer a{color:#e8eef5}
.site-footer a:hover{color:#5fd0e4}
h1,h2,h3,h4{font-family:var(--two-serif);letter-spacing:-.01em}

/* ---------- Gabarit TWO ---------- */
.two-page #content.site-content{padding:0}
.two{font-family:var(--two-sans);font-size:17px;line-height:1.65;color:var(--two-ink);background:#fff;overflow:hidden}
.two *{box-sizing:border-box}
.two img{max-width:100%;height:auto;display:block}
.two a{color:var(--two-teal-d)}
.two p{margin:0 0 1em}
.two .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.two .narrow{max-width:820px}
.two section{padding:88px 0}
.two .alt{background:var(--two-bg)}
.two .ink{background:var(--two-ink);color:#e6edf5}
.two .ink h2,.two .ink h3{color:#fff}
.two h1{font-family:var(--two-serif);font-weight:600;font-size:clamp(34px,4.8vw,58px);line-height:1.08;margin:14px 0 20px;color:inherit}
.two h2{font-family:var(--two-serif);font-weight:600;font-size:clamp(28px,3.4vw,42px);line-height:1.15;margin:10px 0 16px;color:var(--two-ink)}
.two h3{font-family:var(--two-serif);font-weight:600;font-size:22px;line-height:1.25;margin:0 0 10px;color:var(--two-ink)}
.two .kicker{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--two-teal-d)}
.two .ink .kicker{color:#5fd0e4}
.two .lead{font-size:clamp(18px,1.7vw,20px);color:var(--two-muted);max-width:680px}
.two .center{text-align:center}.two .center .lead{margin-left:auto;margin-right:auto}
.two .ic{flex:none;width:1em;height:1em}

/* Boutons */
.two .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.two .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:12px;font-weight:700;font-size:16px;line-height:1.2;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap}
.two .btn:hover{transform:translateY(-1px)}
.two .btn .ic{width:18px;height:18px}
.two .btn-teal{background:var(--two-teal);color:#fff;box-shadow:0 8px 20px rgba(12,155,182,.28)}
.two .btn-teal:hover{background:var(--two-teal-d);color:#fff}
.two .btn-line{border:1.5px solid var(--two-ink);color:var(--two-ink)}
.two .btn-line:hover{background:var(--two-ink);color:#fff}
.two .btn-white{background:#fff;color:var(--two-ink)}
.two .btn-ghost{border:1.5px solid rgba(255,255,255,.45);color:#fff}
.two .btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff}

/* Héros */
.two .hero{background:radial-gradient(900px 480px at 92% 10%,rgba(12,155,182,.16),transparent 60%),linear-gradient(180deg,#f3f8fa 0%,#fff 100%);padding:80px 0 72px}
.two .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.two .trust{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:12px 36px;margin-top:40px;padding-top:28px;border-top:1px solid var(--two-line)}
.two .trust b{display:block;font-family:var(--two-serif);font-weight:600;font-size:30px;line-height:1;color:var(--two-ink)}
.two .trust span{display:block;margin-top:6px;font-size:14px;color:var(--two-muted);line-height:1.35}
.two .hero-card{background:#fff;border:1px solid var(--two-line);border-radius:24px;padding:30px;box-shadow:var(--two-sh)}
.two .avatars{display:flex;margin-bottom:18px}
.two .avatars img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:3px solid #fff;margin-left:-12px;box-shadow:0 2px 6px rgba(19,35,58,.15)}
.two .avatars img:first-child{margin-left:0}
.two .hero-card h2{font-size:24px;margin:0 0 6px}
.two .hero-card p{color:var(--two-muted);font-size:15px}
.two .contact-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.two .contact-list li{display:flex;gap:12px;align-items:flex-start;font-size:15px}
.two .contact-list .ic{width:20px;height:20px;color:var(--two-teal);margin-top:2px}
.two .contact-list a{color:var(--two-ink);text-decoration:none;font-weight:600}

/* Cartes */
.two .grid{display:grid;gap:22px}
.two .g2{grid-template-columns:repeat(2,1fr)}.two .g3{grid-template-columns:repeat(3,1fr)}.two .g4{grid-template-columns:repeat(4,1fr)}
.two .card{background:var(--two-card);border:1px solid var(--two-line);border-radius:var(--two-r);padding:30px;box-shadow:var(--two-sh);display:flex;flex-direction:column}
.two .card p{color:var(--two-muted);font-size:16px;margin:0}
.two a.card{text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}
.two a.card:hover{transform:translateY(-3px);border-color:var(--two-teal)}
.two .card .more{margin-top:auto;padding-top:18px;display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--two-teal-d);font-size:15px}
.two .icobox{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--two-teal-p);color:var(--two-teal-d);margin-bottom:18px}
.two .icobox .ic{width:26px;height:26px}
.two .head{margin-bottom:44px}

/* Listes à coches */
.two ul.checks{list-style:none;padding:0;margin:0 0 1em;display:grid;gap:12px}
.two ul.checks li{position:relative;padding-left:34px}
.two ul.checks li::before{content:"";position:absolute;left:0;top:3px;width:22px;height:22px;border-radius:50%;background:var(--two-teal-p) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23087489' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/13px no-repeat}
.two ul.checks strong{color:var(--two-ink)}

/* Deux colonnes texte / visuel */
.two .split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.two .photo{border-radius:24px;overflow:hidden;box-shadow:var(--two-sh)}

/* Citation */
.two .quote{font-family:var(--two-serif);font-size:clamp(24px,3vw,36px);line-height:1.3;max-width:900px;margin:0 auto;text-align:center;color:#fff}
.two .quote-by{text-align:center;color:#9fb1c6;margin-top:18px;font-size:15px}

/* Équipe */
.two .team{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.two .member{text-align:center;text-decoration:none;color:inherit}
.two .member img{border-radius:20px;aspect-ratio:1/1;object-fit:cover;width:100%;box-shadow:var(--two-sh);background:#eef2f5}
.two .member h3{font-size:19px;margin:16px 0 2px}
.two .member p{color:var(--two-muted);font-size:14px;margin:0;line-height:1.4}
.two .member .li{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:14px;font-weight:600;color:var(--two-teal-d);text-decoration:none}
.two .member .li .ic{width:16px;height:16px}

/* Frise (histoire) */
.two .timeline{list-style:none;padding:0;margin:0;position:relative}
.two .timeline::before{content:"";position:absolute;left:44px;top:8px;bottom:8px;width:2px;background:var(--two-line)}
.two .timeline li{display:grid;grid-template-columns:90px 1fr;gap:24px;padding:0 0 34px;position:relative}
.two .timeline .year{font-family:var(--two-serif);font-weight:600;font-size:20px;color:var(--two-teal-d);background:#fff;border:2px solid var(--two-teal);border-radius:999px;text-align:center;padding:6px 0;height:max-content;position:relative;z-index:1}
.two .timeline h3{margin-top:6px}
.two .timeline p{color:var(--two-muted)}

/* Étapes */
.two .steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.two .step{counter-increment:s;background:#fff;border:1px solid var(--two-line);border-radius:var(--two-r);padding:28px}
.two .step::before{content:counter(s,decimal-leading-zero);display:block;font-family:var(--two-serif);font-size:34px;color:var(--two-teal);margin-bottom:10px}
.two .step p{color:var(--two-muted);font-size:16px;margin:0}

/* FAQ */
.two .faq{display:grid;gap:12px}
.two .faq details{background:#fff;border:1px solid var(--two-line);border-radius:14px;padding:0 24px}
.two .faq summary{cursor:pointer;list-style:none;padding:20px 32px 20px 0;font-weight:700;font-size:18px;position:relative}
.two .faq summary::-webkit-details-marker{display:none}
.two .faq summary::after{content:"+";position:absolute;right:0;top:16px;font-size:26px;color:var(--two-teal);font-weight:400}
.two .faq details[open] summary::after{content:"–"}
.two .faq details p{color:var(--two-muted);padding-bottom:20px;margin:0}

/* Bandeau d'appel */
.two .cta{background:linear-gradient(135deg,var(--two-ink) 0%,var(--two-ink-2) 60%,#0d5e70 100%);border-radius:28px;padding:56px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;color:#d8e2ee}
.two .cta h2{color:#fff;margin-top:0}
.two .cta .btns{justify-content:flex-end;margin:0}

/* Fil d'Ariane et en-tête de page */
.two .page-hero{background:linear-gradient(180deg,#f3f8fa,#fff);padding:56px 0 48px;border-bottom:1px solid var(--two-line)}
.two .crumbs{font-size:14px;color:var(--two-muted);margin-bottom:6px}
.two .crumbs a{color:var(--two-muted);text-decoration:none}.two .crumbs a:hover{color:var(--two-teal-d)}
.two .crumbs span{margin:0 8px;color:var(--two-grey)}

/* Contenu rédactionnel */
.two .prose h2{font-size:clamp(24px,2.6vw,32px);margin-top:48px}
.two .prose h2:first-child{margin-top:0}
.two .prose p,.two .prose li{color:#33445a}
.two .aside{background:var(--two-teal-p);border-radius:var(--two-r);padding:28px}
.two .aside h3{font-size:20px}
.two .side-nav{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.two .side-nav a{display:block;padding:10px 14px;border-radius:10px;text-decoration:none;color:var(--two-ink);font-weight:600;font-size:15px}
.two .side-nav a:hover,.two .side-nav a[aria-current]{background:#fff;color:var(--two-teal-d)}
.two .layout{display:grid;grid-template-columns:1fr 320px;gap:56px;align-items:start}
.two .sticky{position:sticky;top:24px;display:grid;gap:20px}

/* Contact */
.two .wpcf7 input[type=text],.two .wpcf7 input[type=email],.two .wpcf7 input[type=tel],.two .wpcf7 textarea{width:100%;border:1px solid var(--two-line);border-radius:12px;padding:14px 16px;font:inherit;font-size:16px;background:#fff}
.two .wpcf7 input:focus,.two .wpcf7 textarea:focus{outline:none;border-color:var(--two-teal);box-shadow:0 0 0 3px rgba(12,155,182,.15)}
.two .wpcf7 input[type=submit]{background:var(--two-teal);color:#fff;border:0;border-radius:12px;padding:14px 28px;font-weight:700;font-size:16px;cursor:pointer}
.two .wpcf7 input[type=submit]:hover{background:var(--two-teal-d)}
.two .wpcf7 label{font-weight:600;font-size:15px;display:block}
.two .map{border:0;width:100%;height:320px;border-radius:var(--two-r)}

.two :focus-visible{outline:3px solid var(--two-teal);outline-offset:3px;border-radius:6px}

/* ---------- Responsive ---------- */
@media (max-width:1100px){.two .team{grid-template-columns:repeat(3,1fr)}.two .g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:960px){
  .two section{padding:64px 0}
  .two .hero-grid,.two .split,.two .layout,.two .cta{grid-template-columns:1fr}
  .two .g3,.two .steps{grid-template-columns:1fr 1fr}
  .two .cta{padding:40px 28px}.two .cta .btns{justify-content:flex-start}
  .two .sticky{position:static}
}
@media (max-width:640px){
  .two{font-size:16px}
  .two .wrap{padding:0 18px}
  .two .hero{padding:48px 0}
  .two .g2,.two .g3,.two .g4,.two .steps{grid-template-columns:1fr}
  .two .team{grid-template-columns:1fr 1fr}
  .two .trust{grid-template-columns:1fr 1fr;gap:20px}
  .two .btns .btn{flex:1 1 100%}
  .two .card{padding:24px}
  .two .timeline::before{left:34px}.two .timeline li{grid-template-columns:70px 1fr;gap:16px}
}
@media (prefers-reduced-motion:reduce){.two *{transition:none!important}}

/* ---------- Blog et articles ---------- */
.comments-link,.post-comment,.entry-meta .comments-link,.widget .comments-link,.post-meta .comment,.entry-meta a[href*="#respond"],.entry-meta a[href*="#comments"]{display:none!important}
.entry-meta,.entry-meta a,.post-meta,.post-meta a,.widget time,.posted-on,.posted-on a{text-transform:none!important}
.single .entry-content{font-family:var(--two-sans);font-size:17px;line-height:1.75;color:#33445a}
.single .entry-content h2{font-size:clamp(22px,2.4vw,28px);margin:40px 0 14px;color:var(--two-ink)}
.single .entry-content li{margin-bottom:6px}
.single .entry-content a{color:var(--two-teal-d)}
.widget-title a{color:inherit;text-decoration:none}
.widget-title a:hover{color:var(--two-teal)}
.site-footer .widget-title a::after{content:" →";font-weight:400}

/* ---------- Bandeau cookies : descriptions des catégories repliées par défaut ---------- */
.cky-accordion:not(.cky-accordion-active) .cky-accordion-header-des{display:none!important}
.cky-accordion-header-des{margin-top:8px}
/* Fenêtre « Personnaliser » : jamais plus haute que l'écran, contenu défilable (mobile) */
.cky-modal .cky-preference-center{max-height:calc(100vh - 24px)!important;max-height:calc(100dvh - 24px)!important}
.cky-modal .cky-preference-body-wrapper{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}

/* ---------- Fil d'Ariane du thème (articles, archives) aux couleurs du site ---------- */
.breadcrumb-wrap{margin-bottom:24px!important}
.breadcrumb-wrap .breadcrumbs{background:none!important;padding:0!important;font-family:var(--two-sans);font-size:14px!important;letter-spacing:0!important;color:var(--two-muted)!important}
.breadcrumb-wrap .breadcrumbs .trail-items{margin:0!important;display:flex;flex-wrap:wrap;align-items:center;gap:4px 0}
.breadcrumb-wrap .breadcrumbs .trail-items li{display:flex!important;align-items:center;line-height:1.4!important;min-width:0}
.breadcrumb-wrap .breadcrumbs .trail-items span{padding:0!important}
.breadcrumb-wrap .breadcrumbs .trail-items li+li::before{content:"";width:6px;height:6px;margin:0 10px 0 8px;border-right:1.5px solid var(--two-grey);border-top:1.5px solid var(--two-grey);transform:rotate(45deg);flex:none}
.breadcrumb-wrap .breadcrumbs .trail-items a{font-size:14px!important;color:var(--two-teal-d)!important;text-decoration:none;font-weight:600}
.breadcrumb-wrap .breadcrumbs .trail-items a:hover{text-decoration:underline}
.breadcrumb-wrap .breadcrumbs .trail-items a::after{content:none!important;display:none!important}
.breadcrumb-wrap .breadcrumbs .trail-end{color:var(--two-muted);max-width:420px}
.breadcrumb-wrap .breadcrumbs .trail-end span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
/* Sur mobile, le titre de l'article (répété juste en dessous) est retiré du fil d'Ariane */
@media (max-width:640px){.breadcrumb-wrap .breadcrumbs .trail-items li.trail-end{display:none!important}}
/* Le dégradé décoratif au-dessus des boutons ne doit pas bloquer les clics sur la dernière catégorie */
.cky-modal .cky-footer-shadow{pointer-events:none!important}
.cky-modal .cky-preference-body-wrapper{padding-bottom:24px!important}
/* Seuls des cookies nécessaires sont utilisés : rien à personnaliser, le bouton « Enregistrer mes préférences » est masqué */
.cky-modal .cky-btn-preferences{display:none!important}