/*
Theme Name: Afrik Musique — Classic 2020
Theme URI: https://www.afrik-musique.com/
Author: Afrik Musique Restoration
Description: Édition indépendante inspirée de la structure journalistique d'Afrik-Musique du 18 avril 2020; sans Newspaper ni ses plugins commerciaux.
Version: 2.0.1
Requires at least: 6.4
Requires PHP: 8.2
Text Domain: afrik-musique
License: GPL-2.0-or-later
*/
:root{--retro-red:#ff3530;--retro-black:#111;--retro-border:#e3e3e3;--retro-muted:#757575;--retro-width:1080px;--retro-title:'Arial Narrow',Impact,'Franklin Gothic Medium',Arial,sans-serif;--retro-body:'Open Sans',Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.retro-magazine{margin:0;background:#fff;color:#171717;font-family:var(--retro-body);font-size:14px;line-height:1.52}
.retro-magazine img{height:auto;max-width:100%}
.retro-magazine a{color:inherit;text-decoration:none}
.retro-magazine a:hover,.retro-magazine a:focus{color:var(--retro-red)}
.retro-magazine a:focus-visible,.retro-magazine summary:focus-visible,.retro-magazine button:focus-visible{outline:3px solid var(--retro-red);outline-offset:3px}
.retro-magazine p{margin:0 0 1em}
.retro-container{width:min(var(--retro-width),calc(100% - 42px));margin-inline:auto}
.retro-sr-only,.retro-skip:not(:focus){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}
.retro-skip:focus{position:absolute;top:8px;left:8px;background:white;z-index:100;padding:10px}
.retro-topline{font-size:11px;letter-spacing:.02em;background:#1b1b1b;color:#d2d2d2;padding:6px 0}
.retro-topline-right{float:right;color:#bdbdbd}
.retro-header{background:white}
.retro-brand-row{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:135px;padding:25px 0}
.retro-brand-box{flex:1;min-width:0}
.retro-logo{font-family:var(--retro-title);display:inline-block;font-size:clamp(39px,5.2vw,67px);line-height:1;letter-spacing:-1.9px;color:#111!important;font-weight:900;text-transform:uppercase;white-space:nowrap}
.retro-logo span:first-child{color:#e62c26}
.retro-logo-hyphen{color:#e62c26}
.retro-logo-dot{font-size:.44em;letter-spacing:-.4px;color:#171717}
.retro-tagline{font:700 11px/1.3 var(--retro-body);letter-spacing:2.8px;color:#777;margin:8px 0 0 3px}
.retro-search{display:flex;align-items:center;border:1px solid #d7d7d7;background:white;max-width:100%}
.retro-search input{padding:11px 10px;width:240px;min-width:0;border:0;background:#fff;font-size:12px;font-family:inherit;outline:none}
.retro-search button{border:0;background:var(--retro-red);color:white;font-size:21px;line-height:1;min-height:40px;min-width:42px;cursor:pointer}
.retro-nav-outer{border-bottom:2px solid #1b1b1b;border-top:1px solid #e9e9e9;background:#fff}
.retro-menu{display:flex;list-style:none;align-items:center;gap:2px;margin:0;padding:0}
.retro-menu li{list-style:none;margin:0;padding:0}
.retro-menu li a{display:block;color:#161616;padding:14px 19px 13px;font:600 19px/1.2 var(--retro-title);text-transform:uppercase;letter-spacing:.3px;position:relative}
.retro-menu li:first-child a{padding-left:2px}
.retro-menu li a:hover{color:var(--retro-red)}
.retro-menu li a:after{position:absolute;bottom:-2px;height:3px;background:var(--retro-red);content:'';left:19px;right:19px;transform:scaleX(0);transition:transform .18s}
.retro-menu li a:hover:after{transform:scaleX(1)}
.retro-mobile-nav{display:none}
.retro-home{padding-top:25px}
.retro-home-tag{display:flex;gap:15px;align-items:center;margin-bottom:14px;min-height:32px}
.retro-home-tag span{font:700 14px var(--retro-title);background:var(--retro-red);color:white;padding:5px 13px;letter-spacing:.5px}
.retro-home-tag p{color:#666;margin:0;font-size:12px}
.retro-feature-grid{height:440px;display:grid;grid-template-columns: minmax(0,1.8fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr));gap:3px;background:white;overflow:hidden}
.retro-feature-slot{position:relative;min-width:0;min-height:0}
.retro-feature-primary{grid-column:1;grid-row:1 / 4}
.retro-feature-secondary{grid-column:2}
.retro-feature-card{height:100%;width:100%;position:relative;isolation:isolate;overflow:hidden;background:#212121}
.retro-feature-card .retro-photo{position:absolute;inset:0;overflow:hidden;background:#343434;display:block}
.retro-feature-card .retro-photo:after{position:absolute;inset:0;z-index:1;content:'';background:linear-gradient(to top,rgba(0,0,0,.94) 0,rgba(0,0,0,.36) 49%,rgba(0,0,0,.08) 100%)}
.retro-feature-card .retro-photo img,.retro-feature-card .retro-photo .retro-cover-art{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.retro-feature-card:hover .retro-photo img,.retro-feature-card:hover .retro-cover-art{transform:scale(1.04)}
.retro-feature-card .retro-story-info{position:absolute;left:30px;right:30px;bottom:30px;z-index:2;pointer-events:none}
.retro-feature-card .retro-story-info a{pointer-events:auto;color:white;text-shadow:0 1px 3px #0006}
.retro-feature-card .retro-story-info a:hover{color:#ffd8d7}
.retro-kicker{display:inline-block;background:var(--retro-red);color:white;padding:2px 7px;font:700 11px/1.4 var(--retro-body);text-transform:uppercase;letter-spacing:.05em}
.retro-feature-card h2{color:white;font:800 clamp(29px,3.3vw,43px)/1.07 var(--retro-title);text-transform:uppercase;letter-spacing:.1px;margin:10px 0 0}
.retro-small-feature .retro-story-info{left:18px;right:15px;bottom:16px}
.retro-small-feature h2{font:800 21px/1.06 var(--retro-title);margin:5px 0 0}
.retro-small-feature .retro-kicker{font-size:9px}
/* All generated placeholder covers are local, graphic and deliberately NOT fabricated album art. */
.retro-cover-art{width:100%;height:100%;display:block;overflow:hidden;position:relative;isolation:isolate;background:linear-gradient(125deg,#842334 1%,#bd622e 50%,#15152c 100%)}
.cover-artistes{background:linear-gradient(135deg,#561f3b,#c44f49 45%,#2c1b3c)}
.cover-albums{background:linear-gradient(120deg,#112a42,#34647b 54%,#e15b3b)}
.cover-styles{background:linear-gradient(125deg,#4b245e,#d25b4d 65%,#eeaa4f)}
.cover-guides-numeriques{background:linear-gradient(130deg,#132e50,#436aab 66%,#24a0b6)}
.retro-cover-art:before{content:'';position:absolute;inset:-30%;background:repeating-linear-gradient(108deg,transparent 0 39px,#ffffff0c 40px 42px,transparent 43px 79px);transform:rotate(-8deg)}
.retro-vinyl{position:absolute;width:66%;aspect-ratio:1;top:14%;right:-10%;background:repeating-radial-gradient(circle at center,#19151e 0 7px,#26232b 7px 9px,#17191f 9px 12px);border-radius:100%;box-shadow:0 10px 40px #0007;opacity:.9}
.retro-vinyl:before{content:'';width:30%;aspect-ratio:1;background:radial-gradient(circle,#fff 0 8%,#d74537 9% 100%);border-radius:100%;position:absolute;top:35%;left:35%}
.retro-cover-brand{position:absolute;left:8%;bottom:10%;font:900 clamp(18px,3vw,30px)/.9 var(--retro-title);color:#fff4db;letter-spacing:1px;text-shadow:0 3px 9px #0008}
.retro-feature-card .retro-cover-brand{font-size:clamp(29px,4vw,65px)}
.retro-small-feature .retro-cover-brand{font-size:25px}
.retro-home-editorial{display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px;padding:24px 0 19px;margin:27px 0 24px;border-top:3px solid #171717;border-bottom:1px solid #ddd}
.retro-editorial-title span{display:inline-block;padding:4px 8px;background:var(--retro-red);color:white;font-size:10px;font-weight:800;letter-spacing:1px}
.retro-editorial-title h2{font:900 29px/1.13 var(--retro-title);text-transform:uppercase;margin:12px 0}
.retro-editorial-content{font-size:13px;line-height:1.67;color:#3f3f3f;columns:2;column-gap:24px}
.retro-editorial-content p{margin:0 0 12px;break-inside:avoid}
.retro-editorial-content a{color:#d52924;text-decoration:underline;text-underline-offset:2px;font-weight:bold}
.retro-columns{display:grid;grid-template-columns:minmax(0,2.24fr) minmax(270px,1fr);gap:34px;align-items:start}
.retro-main-column{min-width:0}
.retro-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;border-bottom:2px solid #111;gap:15px}
.retro-section-title h2{font:900 italic 26px/1 var(--retro-title);text-transform:uppercase;letter-spacing:.5px;margin:0;padding:0 0 10px}
.retro-section-title h2:after{content:'';display:block;background:var(--retro-red);height:3px;position:relative;bottom:-12px;width:65px}
.retro-section-title>a{font-size:12px;color:#777;font-weight:700}
.retro-story-feed{display:grid;grid-template-columns:1fr;gap:24px}
.retro-story-card{display:grid;grid-template-columns:235px 1fr;align-items:start;gap:18px;padding:0 0 22px;border-bottom:1px solid #eaeaea;min-width:0}
.retro-story-card .retro-photo{display:block;height:160px;overflow:hidden;background:#efefef}
.retro-story-card .retro-photo img,.retro-story-card .retro-photo .retro-cover-art{width:100%;height:100%;display:block;object-fit:cover;transition:transform .28s}
.retro-story-card:hover .retro-photo img,.retro-story-card:hover .retro-cover-art{transform:scale(1.035)}
.retro-story-card .retro-story-info{min-width:0}
.retro-story-card .retro-kicker{padding:0;background:transparent;color:var(--retro-red);font-size:10px;letter-spacing:.08em}
.retro-story-card h3{font:800 24px/1.12 var(--retro-title);text-transform:uppercase;margin:6px 0 7px}
.retro-story-card h3 a:hover{color:var(--retro-red)}
.retro-date{font-size:11px;color:#888;margin:0 0 9px}
.retro-excerpt{font-size:13px;line-height:1.55;color:#777;margin:0}
.retro-more-link{margin:23px 0 20px}
.retro-more-link a{display:inline-block;border:2px solid var(--retro-red);color:var(--retro-red);padding:9px 18px;font:800 13px var(--retro-title);letter-spacing:.8px}
.retro-more-link a:hover{background:var(--retro-red);color:white}
.retro-sidebar{min-width:0}
.retro-widget{margin-bottom:29px}
.retro-widget-heading{margin:0 0 15px;background:#161616;color:white;font:800 italic 23px/1.1 var(--retro-title);text-transform:uppercase;display:block;padding:11px 13px 9px;border-left:4px solid var(--retro-red)}
.retro-mini-list{counter-reset:retro-count;list-style:none;margin:0;padding:0}
.retro-mini-list li{list-style:none;display:flex;align-items:baseline;gap:9px;padding:12px 0;border-bottom:1px solid #ededed;font-size:12px;line-height:1.35;font-weight:700}
.retro-mini-list li:before{counter-increment:retro-count;content:counter(retro-count);color:var(--retro-red);font:900 22px/1 var(--retro-title);min-width:26px}
.retro-cat-list{padding:0;margin:0;list-style:none}
.retro-cat-list li{list-style:none;border-bottom:1px solid #ededed;padding:8px 0;font-size:13px;font-weight:bold}
.retro-home-bottom{padding:42px 0 48px}
.retro-mini-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:38px}
.retro-mini-cover{display:block;aspect-ratio:16/10;overflow:hidden}
.retro-mini-cover img,.retro-mini-cover .retro-cover-art{width:100%;height:100%;object-fit:cover;display:block}
.retro-mini-card h3{font:800 20px/1.16 var(--retro-title);text-transform:uppercase;margin:9px 0 0}
.retro-footer{background:#101010;color:#d2d2d2;margin-top:35px;padding:39px 0 0}
.retro-footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:55px;padding-bottom:35px}
.retro-footer-brand{font:900 25px/1.1 var(--retro-title);color:white}
.retro-footer p{font-size:13px;color:#c0c0c0;max-width:330px;margin:14px 0}
.retro-footer h3{font:900 18px var(--retro-title);color:white;text-transform:uppercase;margin:0 0 14px}
.retro-footer a{display:block;margin:9px 0;font-size:13px;color:#c9c9c9}
.retro-footer-end{border-top:1px solid #333;padding:16px 0;color:#aaa;font-size:11px}
.retro-archive,.retro-single{padding-top:25px;padding-bottom:45px}
.retro-archive-title{font:900 italic 38px/1.08 var(--retro-title);text-transform:uppercase;margin:15px 0 24px;padding-bottom:14px;border-bottom:3px solid var(--retro-red)}
.retro-crumb{font-size:11px;color:#999;margin:0 0 22px;display:flex;flex-wrap:wrap;gap:8px}
.retro-crumb a{color:#777}
.retro-pagination{margin:29px 0;display:flex;flex-wrap:wrap;gap:7px}
.retro-pagination .page-numbers{border:1px solid #ddd;min-width:30px;text-align:center;padding:8px 11px;font-weight:bold}
.retro-pagination .current{background:var(--retro-red);border-color:var(--retro-red);color:white}
.retro-article-cat{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--retro-red)}
.retro-article h1{font:900 clamp(30px,4vw,46px)/1.1 var(--retro-title);text-transform:uppercase;margin:11px 0 12px}
.retro-article-date{font-size:12px;color:#888;padding-bottom:12px;border-bottom:1px solid #ddd}
.retro-article-photo,.retro-single-cover{margin:22px 0;overflow:hidden;background:#f3f3f3}
.retro-single-cover{height:270px;max-width:640px}
.retro-article-photo img,.retro-single-cover img,.retro-single-cover .retro-cover-art{display:block;width:100%;height:100%;object-fit:cover}
.retro-article-body{font-size:16px;line-height:1.77;overflow-wrap:anywhere;color:#292929}
.retro-article-body h2,.retro-article-body h3{font-family:var(--retro-title);text-transform:uppercase;line-height:1.18;letter-spacing:.1px}
.retro-article-body h2{font-size:30px;margin-top:32px}.retro-article-body h3{font-size:23px;margin-top:24px}
.retro-article-body p{margin:0 0 1.2em}
.retro-article-body a{color:#de302b;text-decoration:underline;text-underline-offset:2px}
.retro-article-body ul{padding-left:26px}.retro-article-body li{margin:7px 0}
.retro-article-body img{max-width:100%;height:auto}
.retro-post-navigation{border-top:1px solid #ddd;margin-top:35px;padding-top:15px;font:700 13px var(--retro-body)}
.retro-post-navigation .nav-links{display:flex;gap:25px;justify-content:space-between}
@media(max-width:1000px){.retro-story-card{grid-template-columns:200px 1fr}.retro-story-card .retro-photo{height:148px}.retro-feature-grid{height:405px}.retro-small-feature h2{font-size:18px}.retro-logo{font-size:51px}.retro-menu li a{padding-inline:14px}}
@media(max-width:780px){.retro-container{width:min(100% - 32px,var(--retro-width))}.retro-brand-row{min-height:112px}.retro-logo{font-size:44px}.retro-tagline{font-size:9px}.retro-topline-right,.retro-header .retro-search{display:none}.retro-nav-outer{border-bottom:2px solid #1d1d1d}.retro-desktop-nav{display:none}.retro-mobile-nav{display:block}.retro-mobile-nav summary{list-style:none;cursor:pointer;padding:12px 0;font:800 18px var(--retro-title)}.retro-mobile-nav summary::-webkit-details-marker{display:none}.retro-mobile-nav .retro-menu{display:block;border-top:1px solid #ddd;padding:7px 0 12px}.retro-mobile-nav .retro-menu a{padding:9px 8px}.retro-feature-grid{height:410px;grid-template-columns:1.35fr 1fr}.retro-feature-card h2{font-size:30px}.retro-small-feature h2{font-size:17px}.retro-feature-card .retro-story-info{left:15px;right:15px;bottom:18px}.retro-home-editorial{grid-template-columns:1fr;gap:5px}.retro-editorial-content{columns:2}.retro-columns{grid-template-columns:1fr}.retro-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.retro-sidebar .retro-widget:last-child{grid-column:1/-1}.retro-story-card{grid-template-columns:230px 1fr}.retro-story-card .retro-photo{height:155px}.retro-mini-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:530px){.retro-topline{font-size:10px}.retro-brand-row{min-height:95px;padding:17px 0}.retro-logo{font-size:clamp(27px,8.5vw,42px);letter-spacing:-1.1px}.retro-tagline{font-size:8px;letter-spacing:1.7px}.retro-home{padding-top:15px}.retro-home-tag p{display:none}.retro-feature-grid{grid-template-columns:1fr 1fr;grid-template-rows:250px 155px 155px;height:auto}.retro-feature-primary{grid-column:1/-1;grid-row:1}.retro-feature-secondary{grid-column:auto;grid-row:auto}.retro-feature-slot:nth-child(2){grid-column:1;grid-row:2}.retro-feature-slot:nth-child(3){grid-column:2;grid-row:2}.retro-feature-slot:nth-child(4){grid-column:1/-1;grid-row:3}.retro-feature-card h2{font-size:25px}.retro-small-feature h2{font-size:15px}.retro-feature-slot:nth-child(4) .retro-small-feature h2{font-size:21px}.retro-kicker{font-size:9px}.retro-home-editorial{margin-top:18px}.retro-editorial-title h2{font-size:26px}.retro-editorial-content{columns:1;font-size:13px}.retro-story-card{grid-template-columns:124px minmax(0,1fr);gap:12px;padding-bottom:16px}.retro-story-card .retro-photo{height:106px}.retro-story-card h3{font-size:18px;margin:4px 0 6px}.retro-excerpt{display:none}.retro-date{font-size:10px}.retro-widget-heading{font-size:20px}.retro-sidebar{display:block}.retro-mini-cards{gap:13px}.retro-mini-card h3{font-size:16px}.retro-section-title h2{font-size:24px}.retro-section-title{margin-top:20px}.retro-footer-grid{grid-template-columns:1fr;gap:15px}.retro-article h1{font-size:31px}.retro-article-body{font-size:15px}.retro-single-cover{height:190px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.retro-feature-card .retro-photo img,.retro-feature-card .retro-cover-art,.retro-story-card .retro-photo img,.retro-story-card .retro-cover-art{transition:none}}