/* ODEOS — Modernisation progressive, non destructive. Les styles des modules WP restent sources de vérité. */
:root{--od-deep:#153c43;--od-teal:#224f57;--od-green:#78a176;--od-cream:#f7f8f5;--od-text:#1b3f45;--od-line:#d8e2dc}
html{scroll-behavior:smooth}body{font-family:'DM Sans',Arial,sans-serif;background:var(--od-cream);color:var(--od-text);-webkit-font-smoothing:antialiased}::selection{background:#d9ef84;color:#153c43}
.site-header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #e4ebe6;box-shadow:0 8px 32px rgba(20,62,67,.035)}
.header-inner{max-width:1370px;padding:12px clamp(18px,3.5vw,55px);min-height:77px}.site-brand img{width:160px;max-height:64px}.site-header ul{gap:clamp(12px,1.6vw,28px)}.site-header nav a{font-family:'DM Sans',sans-serif;font-size:13px;letter-spacing:-.01em;font-weight:700;transition:color .2s}.site-header nav a:hover{color:#3c876a}.site-header nav a[aria-current]{border-bottom:0;position:relative;padding-bottom:0}.site-header nav a[aria-current]::after{content:'';position:absolute;height:3px;bottom:-13px;left:0;right:0;background:#78a176;border-radius:3px}.site-header nav li:last-child a{display:inline-flex;background:#224f57;color:#fff;padding:12px 17px;border-radius:7px;transition:background .2s,transform .2s}.site-header nav li:last-child a:hover{background:#163d43;transform:translateY(-1px)}.site-header nav li:last-child a::after{display:none}
/* Finition transversale : améliore la lisibilité sans effacer le design propre à chaque page */
main [id^="odeos-"]{font-family:'DM Sans',Arial,sans-serif}main [id^="odeos-"] h1,main [id^="odeos-"] h2,main [id^="odeos-"] h3{font-family:'Manrope','DM Sans',sans-serif;text-wrap:balance}main [id^="odeos-"] p{max-width:78ch}main [id^="odeos-"] a,main [id^="odeos-"] button,main [id^="odeos-"] summary{transition-duration:.2s}main [id^="odeos-"] img{max-width:100%}main [id^="odeos-"] :is(a,button,summary):focus-visible{outline:3px solid #b8d875;outline-offset:4px}
/* Hero et cartes de la page Formations, sans modifier le contenu ni les comportements natifs */
#odeos-training .o-hero{background:linear-gradient(130deg,#153c43 0%,#245760 78%,#2e6265 100%);position:relative;overflow:hidden}#odeos-training .o-hero:after{content:'';position:absolute;width:470px;height:470px;border:1px solid rgba(255,255,255,.11);border-radius:50%;right:-210px;top:-240px;pointer-events:none}#odeos-training .o-hero h1{font-family:'Manrope',sans-serif;letter-spacing:-.065em}#odeos-training .t-card,#odeos-training .o-card{box-shadow:0 15px 45px rgba(23,62,67,.045);transition:transform .25s,box-shadow .25s,border-color .25s}#odeos-training .t-card:hover,#odeos-training .o-card:hover{transform:translateY(-3px);box-shadow:0 22px 54px rgba(23,62,67,.10);border-color:#aac8b8}#odeos-training .o-button{border-radius:7px}#odeos-training details{scroll-margin-top:110px}
/* Footer construit comme une vraie dernière section, avec un appel à l'action */
.site-footer{background:#143b42;padding:clamp(54px,7vw,105px) clamp(20px,5vw,65px) 25px;color:#fff}.footer-inner{max-width:1220px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,.8fr);gap:clamp(35px,7vw,120px);align-items:start}.footer-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;color:#bdd5c8;margin-bottom:22px}.footer-intro strong{display:block;font:800 clamp(26px,3.3vw,45px)/1.17 'Manrope',sans-serif;letter-spacing:-.05em;max-width:710px}.footer-intro p{font-size:15px;line-height:1.75;max-width:470px;margin:21px 0 27px;color:#c9dcd7}.footer-cta{display:inline-flex;align-items:center;gap:30px;background:#d9ef84;color:#153c43!important;padding:16px 21px;border-radius:7px;font-weight:800;font-size:14px;transition:transform .2s,background .2s}.footer-cta:hover{transform:translateY(-2px);background:#e7f5ac}.footer-links{display:flex;flex-direction:column;gap:15px;padding-top:6px}.footer-links .footer-kicker{margin-bottom:4px}.footer-links a{font-size:14px;line-height:1.5;color:#e7f1ec}.footer-links a:hover{text-decoration:underline}.footer-bottom{max-width:1220px;margin-top:64px;color:#a6c3bc;font-size:12px}
@media(max-width:1000px){.site-header nav a[aria-current]::after{display:none}.site-header nav li:last-child a{display:block;text-align:center;margin-top:10px}.site-header nav{box-shadow:0 16px 30px rgba(10,40,44,.12)}.footer-inner{grid-template-columns:1fr}.footer-links{padding-top:0}}
@media(max-width:650px){.header-inner{min-height:65px}.site-brand img{width:137px}.site-footer{padding-top:56px}.footer-bottom{margin-top:45px}#odeos-training .t-card:hover,#odeos-training .o-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}