/*
Theme Name: Ciné Coaching Modernisé
Theme URI: https://www.cine-coaching.com/
Author: Inéa Conseil
Description: Thème éditorial léger inspiré de la maquette modernisée Ciné Coaching. Les articles et pages restent éditables dans WordPress.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: cine-coaching-modernise
*/

:root{--ink:#172321;--ink-2:#344440;--paper:#fafaf8;--paper-2:#f1f2f0;--line:#e1e4df;--gray:#64716d;--green:#16685b;--green-dark:#105247;--amber:#c59a59;--wrap:1200px;--gutter:clamp(16px,4vw,40px);--radius:18px;--shadow:0 18px 45px -30px rgba(15,37,33,.3);--sans:Inter,Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans)}img,svg{max-width:100%;height:auto}a{color:var(--green);text-underline-offset:.18em}a:hover{color:var(--green-dark)}:focus-visible{outline:3px solid var(--amber);outline-offset:3px}h1,h2,h3,h4{font-family:var(--sans);line-height:1.12;letter-spacing:-.045em;margin:0 0 .55em}h1{font-size:clamp(2.4rem,5vw,4.7rem);font-weight:800}h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:750}h3{font-size:1.25rem;font-weight:700}p{margin:0 0 1em}.wrap{width:min(var(--wrap),100% - 2 * var(--gutter));margin-inline:auto}.skip{position:absolute;left:8px;top:-60px;background:var(--ink);color:white;padding:.6em 1em;z-index:100}.skip:focus{top:8px}.eyebrow{font-size:.76rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--green);margin-bottom:.8rem}.lead{font-size:clamp(1.08rem,1.5vw,1.24rem);color:var(--ink-2);max-width:58ch}.site-header{position:sticky;top:0;z-index:50;background:rgba(250,250,248,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:none}.brand-mark{width:28px;height:28px;color:var(--green)}.brand-name{font-size:1.35rem;font-weight:800;letter-spacing:-.04em}.brand-name span{font-style:normal;color:var(--green);margin-left:.2em}.nav-links{list-style:none;display:flex;align-items:center;gap:1.4rem;margin:0;padding:0}.nav-links a{color:var(--ink);font-weight:650;font-size:.84rem;text-decoration:none}.nav-links a:hover{color:var(--green)}.nav-links .button-link{background:var(--green);color:#fff;padding:.68em 1.2em;border-radius:999px}.nav-mobile{display:none;position:relative}.nav-mobile summary{list-style:none;cursor:pointer;width:44px;height:44px;display:grid;place-content:center;gap:5px}.nav-mobile summary::-webkit-details-marker{display:none}.nav-mobile summary span{display:block;width:24px;height:2px;background:var(--ink)}.nav-mobile ul{position:absolute;right:0;top:calc(100% + 8px);width:min(300px,88vw);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);list-style:none;margin:0;padding:.5rem 0}.nav-mobile a{display:block;padding:.75em 1.2rem;color:var(--ink);text-decoration:none;font-weight:650}.btn{display:inline-block;background:var(--green);color:#fff;text-decoration:none;font-weight:700;border-radius:999px;padding:.9em 1.55em;box-shadow:0 5px 14px -9px rgba(0,0,0,.25)}.btn:hover{color:#fff;background:var(--green-dark)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--ink);box-shadow:none}.btn-ghost:hover{background:var(--ink);color:#fff}.hero{padding:clamp(4rem,8vw,8rem) 0;background:radial-gradient(ellipse at 85% 10%,#e3eee8,transparent 48%),linear-gradient(140deg,#fafaf8,#f3f5f1);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(2rem,5vw,5rem);align-items:center}.hero h1{font-size:clamp(2.8rem,5.2vw,5.4rem);line-height:1.07;letter-spacing:-.065em}.hero h1:after{content:"";display:block;width:52px;height:5px;border-radius:4px;background:var(--amber);margin-top:.5em}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}.poster{aspect-ratio:4/5;max-width:410px;margin:auto;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;color:#fff;border-radius:24px;overflow:hidden;background:linear-gradient(150deg,#174f47,#16685b 55%,#8eac9f);box-shadow:0 35px 80px -45px rgba(0,0,0,.55);transform:rotate(2deg)}.poster:before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.5);border-radius:14px}.poster-kicker,.poster-title,.poster-meta{position:relative}.poster-kicker{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.poster-title{font:700 clamp(1.7rem,3vw,2.5rem)/1.08 var(--serif);margin:.5rem 0}.poster-meta{font-size:.88rem}.section{padding:clamp(2.5rem,6vw,5rem) 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.7rem}.section-title{margin:0}.link-more{font-size:.82rem;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor}.steps{list-style:none;margin:1.7rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.steps li{padding:2rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 7px 30px -27px rgba(0,0,0,.35)}.step-num{display:block;color:var(--green);font-size:.8rem;font-weight:800;letter-spacing:.14em;margin-bottom:.6rem}.steps p{margin:0;color:var(--ink-2)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.theme-tile{min-height:210px;padding:1.7rem;display:flex;flex-direction:column;gap:.5rem;color:#fff;text-decoration:none;border-radius:var(--radius);background:var(--tile,#16685b);position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.theme-tile:after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.25);border-radius:12px;pointer-events:none}.theme-tile:hover{color:#fff;transform:translateY(-4px);box-shadow:var(--shadow)}.theme-count{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;opacity:.86}.theme-name{font-size:1.4rem;font-weight:750;line-height:1.15}.theme-desc{font-size:.9rem;line-height:1.45;opacity:.93;margin-top:auto}.theme-tile:nth-child(5n+1){--tile:#16685b}.theme-tile:nth-child(5n+2){--tile:#a56a25}.theme-tile:nth-child(5n+3){--tile:#38576d}.theme-tile:nth-child(5n+4){--tile:#557158}.theme-tile:nth-child(5n){--tile:#765777}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.3rem}.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-visual{display:block;text-decoration:none}.card-poster{aspect-ratio:16/9;display:flex;align-items:flex-end;padding:1.2rem 1.35rem;color:#fff;position:relative;overflow:hidden;background:linear-gradient(145deg,#344440,#16685b 65%,#94a99d)}.card-poster:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.46)}.card-poster-title,.card-poster-meta{position:relative}.card-poster-title{font:700 1.25rem/1.1 var(--serif)}.card-poster-meta{font-size:.78rem;margin-left:auto}.card-body{padding:1.5rem;display:flex;flex-direction:column;gap:.4rem;flex:1}.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.chip{font-size:.7rem;font-weight:700;text-decoration:none;padding:.3em .7em;border-radius:999px;border:1px solid var(--green);color:var(--green);background:#f2f7f3}.card-title{font-size:1.25rem;margin:.2rem 0 0}.card-title a{color:var(--ink);text-decoration:none}.card-title a:hover{color:var(--green)}.card-meta{font-size:.86rem;color:var(--gray);margin:auto 0 0;padding-top:.6rem}.archive-intro{padding:3rem 0 2rem;background:var(--paper-2)}.archive-intro h1{font-size:clamp(2.2rem,4vw,3.8rem)}.archive-intro p{max-width:65ch}.posts-area{padding:2.5rem 0 5rem}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2.5rem}.pagination a,.pagination span{padding:.55em .8em;border-radius:8px;background:#fff;border:1px solid var(--line);text-decoration:none}.pagination .current{background:var(--green);color:#fff}.single-head{padding:3.5rem 0 2rem;background:var(--paper-2)}.single-head h1{font-size:clamp(2.4rem,5vw,4.4rem);max-width:18ch}.single-meta{color:var(--gray);font-size:.9rem}.single-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:clamp(2rem,6vw,5rem);align-items:start;padding:3rem 0 5rem}.article-content{font:1.08rem/1.8 var(--serif);overflow-wrap:anywhere}.article-content h2,.article-content h3{font-family:var(--sans);margin-top:2em}.article-content blockquote{border-left:4px solid var(--amber);margin:1.5rem 0;padding:.5rem 1.2rem;color:var(--ink-2)}.article-content iframe{max-width:100%}.article-content img{border-radius:12px}.article-sidebar{position:sticky;top:100px;padding:1.5rem;background:#eaf0ec;border-radius:var(--radius)}.page-content{max-width:850px;padding:3rem 0 5rem;font:1.08rem/1.8 var(--serif)}.page-content h1,.page-content h2,.page-content h3{font-family:var(--sans)}.page-content iframe{max-width:100%}.about-band{padding:3rem 0;background:#eaf0ec}.cta{background:#142c27;color:var(--paper);padding:clamp(2.5rem,6vw,5rem) 0;text-align:center}.cta h2{color:#fff}.cta p{color:#d7dfda;max-width:60ch;margin-inline:auto}.site-footer{background:#f0f2ef;border-top:1px solid var(--line);padding:2.5rem 0;color:var(--ink-2)}.footer-inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center}.site-footer a{color:var(--ink-2)}.search-form{display:flex;gap:.5rem;max-width:520px}.search-form input[type=search]{flex:1;min-width:0;padding:.8rem 1rem;border:1px solid #cbd3cc;border-radius:12px;font:inherit}.search-form button{border:0;cursor:pointer}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr}.hero-visual{order:0}.poster{transform:none;max-width:300px}.nav-links{display:none}.nav-mobile{display:block}.steps{grid-template-columns:1fr}.single-layout{grid-template-columns:1fr}.article-sidebar{position:static;order:-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.theme-tile{transition:none}}
.card-visual img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}


/* Ajustements de l’accueil et des affiches d’articles */
.hero{padding-block:clamp(2rem,4vw,4rem)}
.card-visual img{aspect-ratio:4/3;object-fit:cover;object-position:center 35%}

.card-visual{background:linear-gradient(145deg,#16685b,#c59a59);padding:10px}
.card-visual img{object-fit:contain;object-position:center}


/* Affiche de une ajustée au format portrait */
.poster{aspect-ratio:691/1024;max-width:375px;transform:none}
@media(max-width:860px){.poster{max-width:300px}}
.card-visual{background:linear-gradient(145deg,var(--card-color,#16685b),#172321 95%);padding:10px}


/* Affiche de une : cadre, filet et image aux coins alignés */
.poster{border-radius:28px}
.poster::before{inset:9px;border-radius:20px;pointer-events:none}
.poster .hero-poster-image{border-radius:12px!important;object-fit:contain}


/* Une Invictus : légère inclinaison et recadrage ajusté */
.poster{border-radius:24px;transform:rotate(2deg)}
.poster::before{inset:16px;border-radius:14px}
.poster .hero-poster-image{border-radius:14px!important;object-fit:cover}
@media(max-width:860px){.poster{transform:none}}

/* Recadrage précis de l’affiche Invictus dans le cadre */
.poster .hero-poster-image{object-fit:cover!important;object-position:center center!important}

/* Navigation compacte et formations Inéa Conseil */
.nav-dropdown{position:relative}.nav-dropdown>summary{list-style:none;cursor:pointer;color:var(--ink);font-size:.84rem;font-weight:650;padding:.7rem 0;white-space:nowrap}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary:after{content:'⌄';margin-left:.5rem;color:var(--green)}.nav-dropdown[open]>summary{color:var(--green)}.nav-dropdown>ul{position:absolute;top:calc(100% + 8px);left:-1rem;min-width:220px;list-style:none;margin:0;padding:.5rem;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 15px 35px -18px rgba(15,37,33,.35);z-index:60}.nav-dropdown>ul a{display:block;padding:.7rem .8rem;border-radius:8px;white-space:nowrap}.nav-dropdown>ul a:hover{background:#eaf0ec}.nav-dropdown .training-menu{min-width:245px}.training-menu li:first-child{border-bottom:1px solid var(--line);margin-bottom:.3rem;padding-bottom:.3rem}.training-section{background:#eef2ee;border-top:1px solid var(--line);scroll-margin-top:120px}.training-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem;margin-top:2rem}.training-card{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding:1.6rem;border:1px solid var(--line);border-top:5px solid var(--training-color);border-radius:var(--radius);background:white;color:var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s}.training-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);color:var(--ink)}.training-label{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--training-color)}.training-card h3{font-size:1.25rem;line-height:1.22;margin:0}.training-card p{font-size:.9rem;line-height:1.55;color:var(--ink-2);margin:0}.training-link{font-size:.82rem;font-weight:750;color:var(--training-color);margin-top:auto;padding-top:.8rem}@media(max-width:1000px){.training-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{gap:1rem}}@media(max-width:560px){.training-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.training-card{transition:none}}

/* Menus au survol, accessibles aussi au clavier */
.nav-dropdown{position:relative}.nav-dropdown>.nav-trigger{display:block;position:relative;background:none;border:0;color:var(--ink);font:650 .84rem var(--sans);text-decoration:none;padding:.8rem 0;cursor:pointer;white-space:nowrap}.nav-dropdown>.nav-trigger:after{content:none}.nav-dropdown>ul{display:none;top:100%;padding-top:.5rem}.nav-dropdown:hover>ul,.nav-dropdown:focus-within>ul,.nav-dropdown.is-open>ul{display:block}.nav-dropdown:hover>.nav-trigger,.nav-dropdown:focus-within>.nav-trigger{color:var(--green)}.training-detail{font-family:var(--sans)}.training-detail h2{font-size:clamp(1.8rem,3vw,2.5rem);color:var(--training-color)}.training-detail h3{margin-top:1.8rem}.training-detail li{margin-bottom:.5rem}.training-highlight{padding:1.6rem 1.8rem;margin:2rem 0;background:#eef2ee;border-left:4px solid var(--training-color,var(--green));border-radius:0 16px 16px 0;font-family:var(--sans)}.training-highlight h2,.training-highlight h3{margin-top:0}.training-highlight p:last-child{margin-bottom:0}.page-content:has(.training-overview){max-width:1200px;font-family:var(--sans)}.training-overview .training-card h3{margin-top:0}.training-overview .training-grid{margin-bottom:3rem}.training-detail .btn{background:var(--training-color);font-size:.92rem}.film-video{margin:2rem 0;padding:1.2rem;background:#eef2ee;border-radius:18px}.film-video iframe,.article-content iframe[src*="youtube"],.article-content iframe[src*="youtu.be"]{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:12px}.film-video p{font:.88rem/1.5 var(--sans);margin:.8rem 0 0}.film-video h2{margin:0 0 1rem;font-size:1.5rem}
