/*
Theme Name: Vurgun Fanzin FM
Theme URI: https://vurgun.net/
Author: Vurgun.Net
Description: Fanzin FM görsel evreninde radyo ve sohbet deneyimi.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: vurgun-fanzin
*/


/* Shared accessible controls; each theme supplies its own composition and visual language. */
:root{color-scheme:dark;--bg:#101418;--panel:#191f24;--panel2:#222b31;--text:#f4f5f2;--muted:#b7c0c0;--dim:#839094;--line:rgba(255,255,255,.12);--accent:#72e5c0;--accent2:#32b796;--accent-soft:rgba(114,229,192,.13);--shadow:0 24px 70px rgba(0,0,0,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%;height:auto}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}h1,h2,h3,p{margin-top:0}.site-shell{min-height:100vh;overflow:hidden;background:var(--bg)}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;flex:none;width:42px;height:42px;color:var(--accent)}.brand-mark svg{width:23px;height:23px}.brand-name{font-weight:900;letter-spacing:-.04em}.brand-name small{display:block;color:var(--dim);font-size:9px;font-weight:700;letter-spacing:.12em}.header-links{display:flex;align-items:center;gap:22px}.header-links a{color:var(--muted);font-size:11px;font-weight:750}.header-links a:hover{color:var(--accent)}.live-time{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;color:var(--accent);font:700 11px ui-monospace,monospace;font-variant-numeric:tabular-nums}.live-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft);animation:beacon 1.8s infinite}@keyframes beacon{50%{box-shadow:0 0 0 9px transparent}}.connect-form label{display:block;margin:12px 0 6px;color:var(--muted);font-size:11px;font-weight:800}.connect-form label span{color:var(--dim);font-weight:500}.field-wrap{position:relative}.field-wrap svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;color:var(--dim);pointer-events:none}.field-wrap input{width:100%;height:46px;padding:0 12px 0 40px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.22);color:var(--text);outline:none}.field-wrap input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field-wrap input::placeholder{color:var(--dim)}.form-note{margin:10px 0;color:var(--dim);font-size:9px}.connect-submit{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:12px;border:0;border-radius:10px;background:var(--accent);color:#091310;font-size:12px;font-weight:900;cursor:pointer;transition:transform .16s,filter .16s}.connect-submit:hover{transform:translateY(-2px);filter:brightness(1.08)}.connect-submit svg{width:16px}.play-control{width:48px;height:48px;display:grid;place-items:center;flex:none;border:0;border-radius:50%;background:var(--accent);color:#08120f;cursor:pointer}.play-control svg{width:19px;height:19px;fill:currentColor;stroke:none}.play-control.playing{box-shadow:0 0 0 7px var(--accent-soft)}[data-audio-label]{color:var(--muted);font-size:11px}.empty-state{margin:0;padding:12px;border:1px dashed var(--line);border-radius:10px;color:var(--dim);font-size:11px}.feed-list,.schedule-list,.rooms-list,.history-list,[data-dj-roster],[data-top-tracks]{min-width:0}.room-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025)}.room-name{font-size:12px}.room-count{color:var(--dim);font-size:10px;white-space:nowrap}.feed-message{padding:10px 12px;border-left:2px solid var(--accent);background:rgba(255,255,255,.035)}.feed-nick{color:var(--accent);font-size:10px}.feed-text{margin:3px 0 0;color:var(--muted);font-size:11px}.feed-time{color:var(--dim);font-size:9px}.schedule-item{display:grid;grid-template-columns:56px 1fr 30px;align-items:center;gap:10px;padding:9px;border-bottom:1px solid var(--line)}.schedule-time{color:var(--accent);font:700 10px ui-monospace,monospace}.schedule-copy strong,.schedule-copy small{display:block}.schedule-copy strong{font-size:11px}.schedule-copy small{color:var(--dim);font-size:9px}.schedule-avatar,.roster-avatar{width:30px;height:30px;overflow:hidden;border-radius:50%;background:var(--panel2)}.schedule-avatar img,.roster-avatar img{width:100%;height:100%;object-fit:cover}.roster-item{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid var(--line);border-radius:10px}.roster-copy strong,.roster-copy small{display:block}.roster-copy strong{font-size:10px}.roster-copy small{color:var(--dim);font-size:9px}.top-track{display:flex;align-items:center;gap:9px;padding:8px;border-bottom:1px solid var(--line)}.top-rank{color:var(--accent);font:700 10px ui-monospace,monospace}.top-cover{width:34px;height:34px;flex:none;overflow:hidden;border-radius:6px;background:var(--panel2)}.top-cover img{width:100%;height:100%;object-fit:cover}.top-track-copy{min-width:0}.top-track-copy strong,.top-track-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-track-copy strong{font-size:10px}.top-track-copy small{color:var(--dim);font-size:9px}.theme-footer{padding:23px 0;margin-top:55px;border-top:1px solid var(--line);color:var(--dim);font-size:10px}.footer-inner{display:flex;justify-content:space-between;gap:12px}.mobile-dock{display:none}.cover-art img{width:100%;height:100%;object-fit:cover}.dj-image img{width:100%;height:100%;object-fit:cover}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:720px){.wrap{width:calc(100% - 30px)}.site-header .header-links{display:none}.live-time{min-width:47px;font-size:10px}.connect-form label{font-size:10px}.field-wrap input{height:44px}.connect-submit{min-height:45px}.mobile-dock{position:fixed;z-index:40;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 22px);height:58px;display:flex;align-items:center;justify-content:space-around;border:1px solid var(--line);border-radius:16px;background:rgba(18,23,27,.94);backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.4)}.mobile-dock a{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);font-size:8px;font-weight:800}.mobile-dock svg{width:16px;height:16px;color:var(--accent)}.theme-footer{padding-bottom:82px}.footer-inner{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
body{background:#e9e1cc;color:#171714;font-family:Arial,sans-serif}.site-shell{background:repeating-linear-gradient(0deg,#e9e1cc,#e9e1cc 27px,#e3dac2 28px)}.site-header{background:#f5edda;border-bottom:3px solid #171714}.zine-head{height:68px;display:flex;align-items:center;justify-content:space-between}.zine-mark{width:37px;height:37px;background:#fd4c39;color:#fff;font:1000 25px/1 Arial;border-radius:2px;transform:rotate(-8deg)}.brand-name{font:1000 15px/1 Arial;letter-spacing:-.06em}.brand-name small{margin-top:4px;color:#5b5141;font:800 7px Arial;letter-spacing:.12em}.header-links a{color:#171714;font:900 10px Arial;text-transform:uppercase}.live-time{border:2px solid #171714;border-radius:0;color:#171714}.zine-page{padding:16px 0}.zine-spread{position:relative;display:grid;grid-template-columns:370px 1fr;gap:25px;align-items:center;padding:15px 35px 20px 10px}.paper-pass{position:relative;z-index:2;padding:20px 23px;background:#faf5e7;clip-path:polygon(0 0,100% 0,100% 96%,96% 100%,92% 96%,88% 100%,84% 96%,80% 100%,76% 96%,72% 100%,68% 96%,64% 100%,60% 96%,56% 100%,52% 96%,48% 100%,44% 96%,40% 100%,36% 96%,32% 100%,28% 96%,24% 100%,20% 96%,16% 100%,12% 96%,8% 100%,4% 96%,0 100%);box-shadow:10px 10px 0 #171714}.cutline{color:#322d23;font:900 8px Arial;letter-spacing:.13em;text-transform:uppercase}.paper-pass h1{margin:9px 0;font:1000 47px/.8 Arial;letter-spacing:-.09em;text-transform:uppercase}.paper-pass>p{max-width:245px;color:#514a3c;font-size:10px}.paper-pass .field-wrap input{border:2px solid #171714;border-radius:0;background:#fffdf6;color:#171714}.paper-pass .connect-submit{border-radius:0;background:#fc503e;color:#fff;text-transform:uppercase;box-shadow:4px 4px #171714}.paper-pass .form-note{color:#665e4d}.paper-foot{display:block;margin-top:14px;color:#575042;font:800 6px Arial;letter-spacing:.1em}.zine-cover{position:relative;min-height:300px;padding:28px 36px;overflow:hidden;border:3px solid #171714;background:#f74935;color:#fff;box-shadow:9px 10px 0 #171714;transform:rotate(1.4deg)}.zine-cover:after{content:"";position:absolute;inset:0;background:radial-gradient(#17171455 1px,transparent 1px);background-size:5px 5px;opacity:.22;pointer-events:none}.zine-sun{position:absolute;right:-17px;top:25px;width:160px;height:160px;border:15px solid #f4d246;border-radius:50%;box-shadow:0 0 0 9px #171714}.cover-stamp{position:absolute;right:34px;top:74px;z-index:1;color:#171714;font:1000 18px/.85 Arial;transform:rotate(12deg)}.zine-issue{position:relative;z-index:1;font:900 8px Arial;letter-spacing:.15em}.zine-cover h2{position:relative;z-index:1;margin:35px 0 4px;font:1000 clamp(46px,6vw,79px)/.75 Arial;letter-spacing:-.09em;transform:rotate(-3deg);text-shadow:5px 5px #171714}.zine-cover p{position:relative;z-index:1;margin-top:14px;font:900 9px Arial;letter-spacing:.2em}.cover-scribble{position:absolute;bottom:13px;right:25px;color:#f7d54d;font:900 34px Arial;transform:rotate(-10deg)}.zine-sticker{position:absolute;z-index:5;display:grid;place-content:center;width:66px;height:66px;border:2px solid #171714;border-radius:50%;background:#f4d247;color:#171714;text-align:center;font:1000 10px/.9 Arial;transform:rotate(11deg);box-shadow:3px 4px #171714}.sticker-top{left:-5px;top:0}.zine-player{margin:0 10px;padding:16px 19px;border:3px solid #171714;background:#faf5e7;box-shadow:7px 7px #171714;transform:rotate(-.4deg)}.zine-player-title{display:flex;justify-content:space-between;gap:8px;padding-bottom:9px;border-bottom:2px solid #171714}.zine-player-title>span:last-child{color:#e44836;font:900 8px Arial;text-transform:uppercase}.zine-now{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:16px;padding:12px 0}.zine-art{position:relative;width:110px;height:110px;display:grid;place-items:center;overflow:hidden;border:2px solid #171714;background:#e6d9be;color:#171714}.zine-art img{width:100%;height:100%;object-fit:cover}.art-tag{position:absolute;left:-5px;bottom:9px;padding:4px 7px;background:#f74935;color:white;font:900 7px Arial;transform:rotate(-6deg)}.zine-now>div:last-child>span{font:900 8px Arial;color:#e44836}.zine-now h2{margin:4px 0;font:1000 20px Arial;letter-spacing:-.04em}.zine-now p{color:#585144;font-size:9px}.zine-controls{display:flex;align-items:center;gap:9px}.zine-controls .play-control{width:37px;height:37px;border:2px solid #171714;background:#f4d247}.zine-controls [data-audio-label]{color:#171714;font-size:9px;font-weight:800}.marker-lines{margin-left:auto;color:#f74935;font:1000 15px Arial}.zine-dj{display:flex;align-items:center;gap:10px;padding-top:10px;border-top:2px solid #171714}.zine-dj b{font-size:10px}.zine-dj span,.zine-dj small{color:#5d5648;font-size:8px}.zine-dj small{margin-left:auto}.zine-wall{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin:20px 10px}.zine-wall article{position:relative;min-height:220px;padding:17px;border:2px solid #171714;background:#6fd8c3;box-shadow:5px 6px #171714;transform:rotate(-1deg)}.zine-wall article:nth-child(2){background:#f4d247;transform:rotate(1deg)}.zine-wall article:nth-child(3){background:#a897e8;transform:rotate(-.5deg)}.zine-wall h2{margin:9px 0 13px;font:1000 25px/.85 Arial;letter-spacing:-.06em}.zine-wall .rooms-list,.zine-wall .schedule-list,.zine-wall .feed-list{display:grid;gap:6px}.zine-wall .room-item{border:1px solid #171714;border-radius:0;background:#ffffff77}.zine-wall .room-count,.zine-wall .schedule-copy small,.zine-wall .feed-text{color:#37342e}.zine-wall .empty-state{border-color:#171714;color:#454136;background:#ffffff70}.scribble-link{display:inline-block;margin-top:12px;font:1000 9px Arial;transform:rotate(-3deg)}.sticker-bottom{right:8px;bottom:8px;background:#fc503e;color:#fff;font-size:8px}.theme-footer{border-color:#171714;color:#555041}@media(max-width:900px){.zine-spread{grid-template-columns:330px 1fr;gap:17px;padding-right:20px}.zine-wall{grid-template-columns:1fr 1fr}.feed-poster{grid-column:1/-1}}@media(max-width:720px){.zine-head{height:60px}.zine-page{padding-top:10px}.zine-spread{grid-template-columns:1fr;padding:8px 8px 15px;gap:13px}.paper-pass{order:-1;padding:18px 19px}.paper-pass h1{font-size:40px}.zine-cover{min-height:220px;padding:20px 25px}.zine-cover h2{font-size:56px;margin-top:26px}.zine-sun{width:125px;height:125px}.cover-stamp{right:28px;top:57px;font-size:14px}.zine-player{margin:0 6px;padding:13px}.zine-now{grid-template-columns:72px 1fr;gap:11px}.zine-art{width:72px;height:72px}.zine-now h2{font-size:15px}.zine-wall{grid-template-columns:1fr;margin:16px 7px}.zine-wall article{min-height:0;transform:none}.feed-poster{grid-column:auto}}

.connect-submit,.play-control{background:var(--accent)!important}.live-pulse{background:var(--accent)}

.zine-sticker{animation:sticker-wobble 4s ease-in-out infinite alternate}@keyframes sticker-wobble{to{transform:rotate(15deg) translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.zine-sticker{animation:none}}