/*
Theme Name: MOJOTEK Radio V3
Theme URI: https://mojotek.fr
Author: MOJOTEK
Description: Thème MOJOTEK fidèle à la maquette validée, navigation AJAX et player persistant.
Version: 3.0.0
Text Domain: mojotek
*/
:root{--bg:#070706;--cream:#eee5bd;--muted:#aaa18b;--line:#4a4538;--red:#ef3434}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:var(--cream);font-family:"Courier New",monospace}a{color:inherit;text-decoration:none}button,input{font:inherit}
body:after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.site{max-width:1600px;margin:auto;background:#080807;min-height:100vh;padding-bottom:105px;border-left:1px solid #29261f;border-right:1px solid #29261f}
.topbar{height:38px;border-bottom:1px solid #312e27;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:#8f8876;font-size:9px;letter-spacing:.12em}.social{display:flex;gap:18px}.tagline{border:1px solid #716a57;padding:7px 13px;color:var(--cream)}
.header{height:118px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 245px 1fr;align-items:center;padding:0 4vw;position:relative}.nav{display:flex;gap:34px;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.nav.right{justify-content:flex-end}.nav a{padding:9px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{border-color:var(--cream)}
.logo{position:absolute;left:50%;top:-31px;transform:translateX(-50%);width:245px;height:245px;z-index:8}.logo img{width:100%;height:100%;object-fit:contain;filter:contrast(1.15) saturate(.72)}.menu{display:none}
#mojotek-content{transition:opacity .18s,transform .18s;min-height:650px}#mojotek-content.loading{opacity:.12;transform:translateY(4px)}
.hero{min-height:405px;position:relative;display:flex;align-items:center;padding:72px 4vw 45px;background-image:linear-gradient(90deg,rgba(3,3,3,.92) 0%,rgba(3,3,3,.70) 34%,rgba(3,3,3,.18) 66%,rgba(3,3,3,.16) 100%),url("assets/hero-turntable.jpg");background-size:cover;background-position:center;border-bottom:1px solid #5b5342;overflow:hidden}.hero-copy{position:relative;z-index:2;width:min(620px,54vw)}.hero h1{font:clamp(68px,8vw,128px)/.76 Impact,"Arial Black",sans-serif;margin:0;letter-spacing:.01em;text-shadow:0 3px 0 #000}.hero h2{font:clamp(27px,3vw,45px)/1 Impact,"Arial Black",sans-serif;letter-spacing:.19em;margin:20px 0 20px}.genres{border-top:1px solid var(--cream);padding:13px 0 4px;font-size:11px;letter-spacing:.15em;white-space:nowrap}.listen{margin-top:20px;border:0;background:var(--cream);color:#0b0b09;padding:14px 30px;cursor:pointer;font-size:10px;font-weight:bold;letter-spacing:.18em}.listen:hover{background:#fff8d4}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;padding:15px 2.2vw 22px;background:#090908}.card{height:290px;position:relative;display:flex;align-items:flex-end;overflow:hidden;border:1px solid #3b372e;background:#111;background-size:cover;background-position:center}.card.programme{background-image:url("assets/card-programme.jpg")}.card.emissions{background-image:url("assets/card-emissions.jpg")}.card.archives{background-image:url("assets/card-archives.jpg")}.card.about{background-image:url("assets/card-about.jpg")}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 22%,rgba(5,5,5,.12) 45%,rgba(5,5,5,.96) 100%);transition:.25s}.card:hover:before{background:linear-gradient(180deg,rgba(238,229,189,.06),rgba(5,5,5,.92))}.card-body{position:relative;z-index:2;width:100%;padding:23px}.card h3{font:24px Impact,"Arial Black",sans-serif;letter-spacing:.08em;margin:0 0 10px}.card h3:after{content:"";display:block;width:35px;border-bottom:2px solid var(--cream);padding-top:9px}.card p{font-size:10px;line-height:1.65;color:#d0c7ac;max-width:240px;margin:0}.arrow{position:absolute;right:20px;bottom:18px;font-size:24px}
.wp-page{max-width:1050px;margin:auto;padding:90px 4vw 120px}.wp-page small{font-size:9px;color:var(--muted);letter-spacing:.16em}.wp-page h1{font:clamp(55px,8vw,105px)/.85 Impact,sans-serif;margin:18px 0 35px;padding-bottom:30px;border-bottom:1px solid var(--line)}.entry-content{max-width:820px;color:#bdb49c;font-size:13px;line-height:1.9}.entry-content h2,.entry-content h3{color:var(--cream)}
.player{position:fixed;z-index:90;left:0;right:0;bottom:0;height:96px;background:rgba(7,7,6,.97);border-top:1px solid #554e40;display:grid;grid-template-columns:72px minmax(220px,1fr) 100px 64px 240px 55px;gap:18px;align-items:center;padding:0 max(4vw,24px);box-shadow:0 -10px 35px #000}.cover{width:64px;height:64px;border:1px solid #6b6250;background:linear-gradient(135deg,#29251e,#0b0b09);position:relative}.cover:after{content:"";position:absolute;inset:10px;border-radius:50%;background:repeating-radial-gradient(circle,#0b0b0a 0 3px,#332d24 4px 5px)}.now{display:flex;flex-direction:column;min-width:0}.live{color:var(--red);font-size:9px;letter-spacing:.14em;margin-bottom:7px}.live i{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:8px;animation:blink 1s infinite}@keyframes blink{50%{opacity:.25}}.track{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{font-size:8px;color:#777062;margin-top:4px}.wave{height:30px;display:flex;align-items:center;justify-content:center;gap:3px}.wave i{width:2px;height:7px;background:#d8c990}.wave i:nth-child(2n){height:14px}.wave i:nth-child(3n){height:24px}.player.playing .wave i{animation:pulse .5s infinite alternate}@keyframes pulse{to{transform:scaleY(.24)}}.play{width:54px;height:54px;border:2px solid var(--cream);border-radius:50%;background:transparent;color:var(--cream);display:grid;place-items:center;cursor:pointer}.play:hover{background:var(--cream);color:#080807}.play svg{width:22px;fill:currentColor}.volume{display:flex;align-items:center;gap:10px;color:#a89f89;font-size:9px}.volume input{width:100%;accent-color:var(--cream)}.share{font-size:21px;text-align:center;color:#d6cba9}
@media(max-width:900px){.topbar{display:none}.header{height:98px;grid-template-columns:100px 1fr}.logo{position:static;transform:none;width:95px;height:95px}.nav{display:none;position:absolute;top:98px;left:14px;right:14px;z-index:30;background:#090908;border:1px solid var(--line);padding:20px;flex-direction:column}.nav.right{top:272px;justify-content:flex-start}.nav.open{display:flex}.menu{display:block;justify-self:end;background:transparent;color:var(--cream);border:1px solid var(--line);padding:9px;font-size:10px}.hero{min-height:480px;padding:85px 20px 45px;background-position:62% center}.hero-copy{width:100%}.hero h1{font-size:70px}.hero h2{font-size:27px}.genres{font-size:9px;white-space:normal;line-height:2}.cards{grid-template-columns:1fr 1fr}.player{height:92px;grid-template-columns:64px 1fr 58px;padding:8px 14px}.wave,.volume,.share{display:none}.play{grid-column:3;grid-row:1}.track{font-size:11px}.site{padding-bottom:100px}}@media(max-width:560px){.cards{grid-template-columns:1fr}.card{height:260px}.hero{background-position:66% center}.hero h1{font-size:62px}}