/*
Theme Name: AfrEA YEE
Description: Thème de la plateforme de récits AfrEA YEE. Requiert l’extension AfrEA YEE — Récits.
Version: 0.3.2
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: afrea-yee-theme
*/
@font-face{font-family:Jakarta;src:url('assets/plus-jakarta-sans.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;font-family:Jakarta,Arial,sans-serif;color:#172638;background:#fff}a{color:#075ca8}button,input,select,textarea{font:inherit}button{cursor:pointer}.y-wrap{max-width:1250px;margin:auto;padding:0 30px}.y-header{display:flex;align-items:center;gap:28px;padding:22px 0;border-bottom:1px solid #e3eaf1}.y-brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:#182a3b;font-size:13px;font-weight:800}.y-brand img{width:100px}.y-nav{display:flex;gap:26px;margin-left:auto;align-items:center}.y-nav a{text-decoration:none;color:#30445b;font-size:13px;font-weight:700}.y-cta{display:inline-flex;justify-content:center;align-items:center;background:#075ca8;color:#fff!important;border-radius:99px;padding:15px 22px;text-decoration:none;font-weight:700;font-size:13px;white-space:nowrap}.y-hero{position:relative;overflow:hidden;min-height:480px;border-radius:28px;margin:30px 0 54px;padding:60px 48px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;color:#fff;background:linear-gradient(115deg,#07549a,#0866ae,#103f7d);background-size:220% 220%;animation:yee-gradient 20s ease-in-out infinite alternate}.y-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.05;letter-spacing:-.06em;margin:20px 0}.y-hero h1 span{color:#f2ce70}.y-hero p{font-size:16px;line-height:1.75;color:#e1eefb}.y-hero img{max-height:400px;max-width:100%;object-fit:contain;align-self:end}.y-hero-kicker,.y-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.y-hero-kicker{color:#d6e9fa}.y-kicker{color:#075ca8}.y-section{margin:64px 0}.y-section h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.05em;margin:14px 0}.y-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.y-section-head p{color:#60748a;font-size:13px}.y-top{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.y-top-card{position:relative;border-radius:22px;min-height:320px;overflow:hidden;scroll-snap-align:start;background:#15324b;color:white}.y-top-card>img{position:absolute;width:100%;height:100%;object-fit:cover}.y-top-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(6,24,41,.92))}.y-top-body{position:absolute;z-index:1;left:22px;right:20px;bottom:22px}.y-top-body h3{font-size:20px;line-height:1.2;margin:10px 0}.y-top-body a{color:#fff;text-decoration:none}.y-top-rank{position:absolute;top:16px;left:16px;z-index:1;border-radius:50%;background:#ffffffbf;color:#102c47;padding:12px;font-size:12px;font-weight:800}.y-results-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.y-results-heading span{font-size:12px;color:#60748a}.y-disclosure{margin:20px 0 30px}.y-disclosure summary{width:max-content;cursor:pointer;padding:12px 18px;border:1px solid #cfdfed;border-radius:99px;color:#075ca8;font-size:13px;font-weight:800;list-style:none}.y-filter-box{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:24px;background:#f1f5fa;border:1px solid #dce7f0;border-radius:20px;margin-top:14px}.y-filter-box label{display:grid;gap:8px;font-weight:700;font-size:12px}.y-filter-box input,.y-filter-box select{min-width:0;width:100%;border:1px solid #d5e1eb;border-radius:12px;padding:12px;background:white}.y-filter-actions{grid-column:1/-1;display:flex;gap:10px;align-items:center}.y-filter-actions button{border:0}.y-discovery{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.65fr);gap:30px;align-items:start}.y-map{position:sticky;top:30px;aspect-ratio:1;border:2px solid #395eae;border-radius:50%;padding:10%;margin-top:100px;display:grid;place-items:center}.y-map svg{width:100%;height:auto}.y-map path{fill:#dceaf6;stroke:#fff;stroke-width:.75}.y-map path[data-country]{fill:#1670b8;cursor:pointer}.y-map path[data-country]:hover,.y-map path[aria-pressed=true]{fill:#d5aa31}.y-map path:focus-visible,.y-orbit button:focus-visible{outline:3px solid #d6ad38}.y-orbit{position:absolute;inset:-2px;border-radius:50%;pointer-events:none;animation:yee-spin 32s linear infinite}.y-orbit button{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border:0;padding:0;background:transparent;pointer-events:auto;animation:yee-counter 32s linear infinite}.y-orbit button:before{content:'';display:block;background:var(--color);border-radius:50%;width:22px;height:22px;margin:auto;box-shadow:0 0 0 2px white}.y-orbit button[aria-pressed=true]:before{box-shadow:0 0 0 3px white,0 0 0 5px var(--color)}.y-orbit button span{visibility:hidden;opacity:0;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;background:#102f50;border-radius:99px;color:white;font-size:11px;font-weight:700;padding:8px 12px}.y-orbit button:hover span,.y-orbit button:focus-visible span{visibility:visible;opacity:1}.y-map:has(.y-orbit button:hover) .y-orbit,.y-map:has(.y-orbit button:hover) .y-orbit button,.y-map:has(.y-orbit button:focus-visible) .y-orbit,.y-map:has(.y-orbit button:focus-visible) .y-orbit button{animation-play-state:paused}.y-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.y-card{border:1px solid #dde6ef;border-radius:22px;overflow:hidden;background:#fff;transition:background .25s,transform .25s;display:flex;flex-direction:column}.y-card:hover,.y-card:focus-within{background:#e8f2fc;transform:translateY(-4px)}.y-card-copy{padding:24px;min-height:240px}.y-tag{display:inline-block;border-radius:50px;padding:7px 12px;background:#eff5fb;color:#075ca8;font-size:10px;font-weight:800;text-transform:uppercase}.y-card h3{font-size:22px;letter-spacing:-.04em;line-height:1.2}.y-card p{font-size:12px;line-height:1.65;color:#596f85}.y-card-image{position:relative;margin:0 12px;height:230px;border-radius:16px;overflow:hidden;background:#e5eef8}.y-card-image img{width:100%;height:100%;object-fit:cover}.y-card-link{position:absolute;bottom:14px;left:14px;background:#fff;color:#075ca8;padding:12px 17px;border-radius:99px;text-decoration:none;font-size:12px;font-weight:800}.y-card-author{padding:20px 24px;font-size:12px}.y-card-author strong,.y-card-author span{display:block}.y-card-author span{color:#60748a}.y-join{margin:60px 0;border-radius:22px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#d1ad40;color:#152941}.y-join h2{margin:14px 0}.y-footer{background:#0e2f50;color:white;margin-top:65px;padding:45px 0;font-size:12px}.y-footer a{color:#f0cf73}.y-reading{max-width:900px;margin:60px auto;padding:0 30px}.y-reading h1{font-size:clamp(36px,5vw,64px);line-height:1.08;letter-spacing:-.05em}.y-reading h2{margin-top:45px}.y-reading p{line-height:1.8}.y-reading img{max-width:100%;height:auto;border-radius:22px}.y-pagination{display:flex;gap:8px;margin-top:30px}.y-pagination a,.y-pagination span{padding:10px;border:1px solid #dce5ef;border-radius:8px}.y-empty{padding:25px;border-radius:20px;background:#f1f5fa}.y-map-legend{display:none}@keyframes yee-gradient{from{background-position:0% 40%}to{background-position:100% 60%}}@keyframes yee-spin{to{transform:rotate(360deg)}}@keyframes yee-counter{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@media(max-width:850px){.y-discovery{grid-template-columns:1fr}.y-map{position:relative;top:auto;margin:20px auto;max-width:360px;width:100%}.y-filter-box{grid-template-columns:repeat(2,minmax(0,1fr))}.y-hero{grid-template-columns:1fr;padding:34px}.y-hero img{max-height:300px}.y-nav{gap:12px;flex-wrap:wrap}}@media(max-width:550px){.y-wrap{padding:0 18px}.y-header{flex-wrap:wrap;gap:12px}.y-brand img{width:80px}.y-nav{width:100%;justify-content:space-between}.y-nav a{font-size:11px}.y-nav .y-cta{padding:10px}.y-hero h1{font-size:42px}.y-grid,.y-filter-box{grid-template-columns:1fr}.y-filter-actions{grid-column:1}.y-join{display:block;padding:28px}.y-join .y-cta{margin-top:20px}.y-map{width:calc(100% - 30px)}.y-orbit button span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}.y-orbit,.y-orbit button{animation:none}.y-orbit button{transform:translate(-50%,-50%)}}
body:has(.y-map :focus-visible)::after{content:'';position:fixed;inset:0;z-index:4;pointer-events:none;background:rgba(13,31,52,.13);backdrop-filter:blur(3px)}.y-map{z-index:5;transition:transform .3s}.y-map:has(:focus-visible){transform:scale(1.07)}@media(hover:hover) and (pointer:fine){body:has(.y-map:hover)::after{content:'';position:fixed;inset:0;z-index:4;pointer-events:none;background:rgba(13,31,52,.13);backdrop-filter:blur(3px)}.y-map:hover{transform:scale(1.07)}}@media(prefers-reduced-motion:reduce){.y-map:has(:focus-visible),.y-map:hover{transform:none}}
.y-top-toolbar{display:flex;justify-content:flex-end;gap:6px;margin:-45px 0 18px;position:relative}.y-top-toolbar button{border:0;background:#e9f1f9;color:#40607f;border-radius:30px;padding:10px 15px;font-size:11px;font-weight:800}.y-top-toolbar button[aria-pressed=true]{background:#075ca8;color:#fff}.y-elastic{display:flex;overflow:hidden;height:430px;gap:10px;padding:0}.y-elastic .y-top-card{flex:1;min-width:0;min-height:0;height:100%;transition:flex .65s cubic-bezier(.22,1,.36,1)}.y-elastic .y-top-card[hidden]{display:none}.y-elastic .y-top-card[data-active=true]{flex:5}.y-top-select{position:absolute;inset:0;z-index:2;border:0;background:none;width:100%;height:100%}.y-top-collapsed{position:absolute;z-index:1;bottom:22px;left:20px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;font-weight:800;max-height:65%;overflow:hidden;transition:opacity .1s .45s}.y-elastic .y-top-card[data-active=true] .y-top-collapsed{opacity:0;transition:none}.y-elastic .y-top-body{z-index:3;width:clamp(150px,32vw,430px);max-width:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s .2s}.y-elastic .y-top-card[data-active=true] .y-top-body{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s .4s,visibility 0s .4s}.y-top-author{display:flex;align-items:center;gap:10px;font-size:12px;margin:15px 0}.y-top-author b{width:36px;height:36px;border-radius:50%;background:#f1d174;color:#123454;display:grid;place-items:center;border:2px solid white}.y-top-author small{display:block;color:#d4dfeb}.y-top-read{display:inline-block;background:white;color:#075ca8!important;text-decoration:none;border-radius:99px;padding:12px 16px;font-size:12px;font-weight:800}@media(max-width:650px){.y-top-toolbar{margin:10px 0}.y-elastic{height:auto;display:flex;flex-direction:column}.y-elastic .y-top-card{flex:auto;height:74px}.y-elastic .y-top-card[data-active=true]{flex:auto;height:360px}.y-top-collapsed{writing-mode:horizontal-tb;transform:none;bottom:20px;left:70px;max-width:70%;white-space:nowrap;text-overflow:ellipsis}.y-elastic .y-top-body{width:calc(100% - 44px)}}@media(prefers-reduced-motion:reduce){.y-elastic .y-top-card,.y-elastic .y-top-body,.y-top-collapsed{transition:none!important}}
.y-theme-toggle{margin-left:auto;border:1px solid #dce5ef;border-radius:50px;background:#fff;color:#174369;padding:9px 12px;white-space:nowrap;font-size:12px}.y-theme-toggle+.y-nav{margin-left:0}.y-hero h1{animation:yee-title-in .7s ease both}.y-hero p{animation:yee-title-in .8s .15s ease both}@keyframes yee-title-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.y-hero .y-cursor-dot{position:absolute;z-index:2;width:18px;height:18px;border-radius:50%;pointer-events:none;background:rgba(255,220,110,.45);opacity:0;transition:opacity .3s}.y-orbit button span{transform:translateX(calc(-50% + var(--shift, 0px)))}
body[data-theme=dark]{background:#0b1522;color:#f4f7fa}body[data-theme=dark] .y-header{border-color:#2c4258}body[data-theme=dark] .y-brand,body[data-theme=dark] .y-nav a{color:#eff5fa}body[data-theme=dark] .y-brand img{background:white;border-radius:10px;padding:5px}body[data-theme=dark] .y-theme-toggle{background:#1b344d;border-color:#37536d;color:#fff}body[data-theme=dark] .y-card,body[data-theme=dark] .yee-form-card{background:#12253a;border-color:#2a435e;color:#f4f7fa}body[data-theme=dark] .y-card:hover,body[data-theme=dark] .y-card:focus-within{background:#16436a}body[data-theme=dark] .y-card p,body[data-theme=dark] .y-card-author span,body[data-theme=dark] .yee-heading p,body[data-theme=dark] .yee-form fieldset>p{color:#c0cedb}body[data-theme=dark] .y-filter-box,body[data-theme=dark] .y-empty{background:#172f48;border-color:#304d67}body[data-theme=dark] .y-disclosure summary{border-color:#3b5771;color:#a5d6ff}body[data-theme=dark] .y-map path:not([data-country]){fill:#35536d;stroke:#142739}body[data-theme=dark] .y-results-heading span{color:#c0cedb}body[data-theme=dark] a:not(.y-cta):not(.y-top-read):not(.y-card-link){color:#9ccfff}body[data-theme=dark] .yee-form-card input,body[data-theme=dark] .yee-form-card select,body[data-theme=dark] .yee-form-card textarea{background:#0f1e30;border-color:#3a566e;color:#f4f7fa}body[data-theme=dark] .yee-steps li{color:#c0cedb;border-color:#3b5771}body[data-theme=dark] .yee-steps li.active{color:#fff}body[data-theme=dark] .y-join{color:#152941}body[data-theme=dark] .y-join .y-kicker{color:#173d5e}body[data-theme=dark] .y-footer{background:#081522}@media(max-width:550px){.y-theme-toggle{margin-left:auto}.y-theme-toggle+.y-nav{margin-left:0}}

body{overflow-x:clip}

/* Les pictogrammes WordPress restent intégrés au texte, sans hériter du style des couvertures. */
.y-top-body img.emoji{position:static;display:inline-block;width:1.15em;height:1.15em;vertical-align:-.18em;object-fit:contain;margin:0 .12em 0 .2em}
.y-join>div{text-align:left;min-width:0}
.y-join .y-kicker{display:block}
.y-hero>img{width:100%;height:auto;object-fit:contain;justify-self:center}

/* Courbes de fond inspirées de la référence, animées en douceur. */
.y-hero{isolation:isolate}
.y-hero>div,.y-hero>img{position:relative;z-index:1}
.y-hero .y-hero-ribbons{position:absolute;inset:-8%;width:116%;height:116%;z-index:0;pointer-events:none;overflow:visible;opacity:.44;animation:yee-ribbons-drift 28s ease-in-out infinite alternate}
.y-hero-ribbons .y-ribbon{fill:none;stroke-linecap:round;stroke-linejoin:round}
.y-ribbon-one{stroke:#48b5d8;stroke-width:37;opacity:.48}
.y-ribbon-two{stroke:#7192ff;stroke-width:35;opacity:.42;stroke-dasharray:1150 200;animation:yee-ribbon-flow 32s linear infinite}
.y-ribbon-three{stroke:#c6eeeb;stroke-width:30;opacity:.35}
@keyframes yee-ribbons-drift{0%{transform:translate3d(-2%,1%,0) rotate(-2deg)}100%{transform:translate3d(2%,-1%,0) rotate(2deg)}}
@keyframes yee-ribbon-flow{to{stroke-dashoffset:-1350}}
@media(max-width:600px){.y-hero .y-hero-ribbons{inset:-12%;width:124%;height:124%;opacity:.35}}
@media(prefers-reduced-motion:reduce){.y-hero .y-hero-ribbons,.y-hero-ribbons .y-ribbon{animation:none!important}}
.y-language{display:flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;white-space:nowrap}.y-language a{color:inherit;text-decoration:none;opacity:.55}.y-language a[aria-current=page]{opacity:1;color:#0960ad}.y-language a:focus-visible{outline:2px solid #0960ad;outline-offset:3px}
.y-translation-notice{padding:1rem 1.2rem;background:#eaf2fa;border-left:3px solid #1c67ad;border-radius:.5rem;color:#123353;font-size:.9rem}
/* Make the hero action stand out from its blue background. */
.y-hero .y-cta{background:#fff;color:#075ca8!important;box-shadow:0 5px 18px rgba(1,35,76,.18);transition:background-color .22s ease,box-shadow .22s ease,transform .22s ease}
.y-hero .y-cta:hover{background:#ffdc78;color:#073b70!important;box-shadow:0 9px 24px rgba(1,35,76,.25);transform:translateY(-3px)}
.y-hero .y-cta:focus-visible{outline:3px solid #ffdc78;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.y-hero .y-cta{transition:none}.y-hero .y-cta:hover{transform:none}}