/*
Theme Name: Radyo Q8
Author: QBilisim
Description: Premium Lounge & Jazz icin hazir radyo WordPress temasi.
Version: 1.0.0
Text Domain: radyo-q8
*/
:root{--r-bg:#fbf7ee;--r-dark:#090b10;--r-c1:#d4af37;--r-c2:#111827;--r-c3:#f5e6b3;--r-text:#162033;--r-muted:#6b7280;--r-card:#fff;--r-line:rgba(20,30,50,.11);--r-shadow:0 24px 70px rgba(13,24,44,.16);--r-radius:28px}
/* Q8 custom: lounge stars and soft notes */
body{background:radial-gradient(circle at 20% 14%,rgba(212,175,55,.18),transparent 24%),linear-gradient(180deg,#07080d 0,#10131d 45%,#fbf7ee 45%,#fbf7ee 100%) !important}body:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='920' height='920' viewBox='0 0 920 920'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M80 250c140-110 250-110 360 0s220 110 370-8M130 680c116-64 220-64 312 0s188 64 320-6' stroke='%23d4af37' stroke-opacity='.15' stroke-width='10'/%3E%3Cpath d='M222 158v126c0 36-26 58-58 48-28-8-36-42-12-64 18-16 44-16 70-2M650 418v114c0 34-24 56-56 48-28-8-38-38-16-60 17-16 42-18 72-4' stroke='%23f5e6b3' stroke-opacity='.24' stroke-width='12'/%3E%3Cpath d='M470 120l18 36 40 6-29 28 7 40-36-19-36 19 7-40-29-28 40-6 18-36zM760 250l10 22 24 4-18 17 5 24-21-12-22 12 5-24-18-17 25-4 10-22z' stroke='%23d4af37' stroke-opacity='.2' stroke-width='7'/%3E%3C/g%3E%3C/svg%3E") center top/920px auto repeat !important;animation:q8lounge 48s ease-in-out infinite alternate !important}.r-stage{background:linear-gradient(145deg,rgba(212,175,55,.16),rgba(245,230,179,.08)) !important;border-radius:56px !important;box-shadow:0 34px 100px rgba(0,0,0,.28),inset 0 0 0 1px rgba(212,175,55,.22) !important}.r-card{border:1px solid rgba(212,175,55,.18) !important}.r-btn{box-shadow:0 14px 34px rgba(212,175,55,.2) !important}@keyframes q8lounge{from{background-position:center top;opacity:.8}to{background-position:-120px 180px;opacity:1}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,var(--r-dark),var(--r-dark) 46%,var(--r-bg) 46%);font-family:Inter,Arial,sans-serif;color:#fff;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:-20vh -10vw;z-index:-2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='980' viewBox='0 0 1400 980'%3E%3Cpath d='M-80 300c210-170 370-180 560-36 182 138 342 84 515-56 150-121 279-112 465 26' fill='none' stroke='%23d4af37' stroke-opacity='.18' stroke-width='22' stroke-linecap='round' stroke-dasharray='38 36'/%3E%3Cpath d='M-60 690c210-96 370-82 520 16 165 108 354 88 520-20 155-101 300-88 455 18' fill='none' stroke='%23f5e6b3' stroke-opacity='.12' stroke-width='28' stroke-linecap='round'/%3E%3Ccircle cx='280' cy='160' r='22' fill='%23f5e6b3' fill-opacity='.3'/%3E%3Ccircle cx='1120' cy='250' r='42' fill='%23d4af37' fill-opacity='.12'/%3E%3C/svg%3E") center top/1500px auto repeat-y;animation:rbg 38s ease-in-out infinite alternate;pointer-events:none}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.r-shell{width:min(1200px,calc(100% - 32px));margin:auto}.r-top{padding:14px 0;color:rgba(255,255,255,.84)}.r-topin,.r-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.r-social{display:flex;gap:8px}.r-social a,.r-menu{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}.r-header{position:sticky;top:0;z-index:70;background:rgba(0,0,0,.28);backdrop-filter:blur(18px);border-block:1px solid rgba(255,255,255,.14)}.r-head{min-height:78px}.r-logo{display:flex;align-items:center;gap:12px;font-weight:950;font-size:25px}.r-logo i{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--r-c1),var(--r-c2));display:grid;place-items:center;box-shadow:0 18px 38px color-mix(in srgb,var(--r-c1) 28%,transparent)}.r-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}.r-nav a{display:flex;padding:11px 13px;border-radius:999px;font-weight:850;color:rgba(255,255,255,.9)}.r-nav a:hover{background:rgba(255,255,255,.12)}.r-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,var(--r-c1),var(--r-c2));color:#fff;font-weight:950;border:0;box-shadow:0 14px 34px rgba(0,0,0,.18)}.r-btn.alt{background:var(--r-c3);color:#111}.r-menu{display:none;color:#fff}.r-hero{padding:58px 0 42px;overflow:hidden}.r-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:34px;align-items:center}.r-kicker{display:inline-flex;gap:8px;align-items:center;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-weight:950;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.r-hero h1{font-size:clamp(42px,7vw,84px);line-height:.94;letter-spacing:-.06em;margin:18px 0}.r-hero p{font-size:18px;color:rgba(255,255,255,.78);max-width:650px}.r-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.r-msg{margin-top:24px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:22px;padding:14px;overflow:hidden}.r-track{display:flex;gap:28px;white-space:nowrap;animation:marq 24s linear infinite}.r-player{margin-top:20px;background:#fff;color:var(--r-text);border-radius:30px;box-shadow:var(--r-shadow);padding:18px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.r-play{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--r-c1),var(--r-c2));color:#fff}.r-wave{display:flex;gap:5px;align-items:end;height:38px}.r-wave span{width:6px;border-radius:8px;background:linear-gradient(to top,var(--r-c1),var(--r-c3));animation:wave 1.1s ease infinite}.r-wave span:nth-child(2n){animation-delay:.14s}.r-visual{position:relative;min-height:470px;display:grid;place-items:center}.r-stage{position:relative;width:min(430px,88vw);height:440px;border-radius:44px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.14);box-shadow:var(--r-shadow);overflow:hidden}.r-stage svg{position:absolute;inset:0;width:100%;height:100%}.r-note{position:absolute;border-radius:20px;background:#fff;color:var(--r-text);padding:14px 16px;box-shadow:var(--r-shadow);font-weight:950;animation:float 5s ease-in-out infinite}.r-note.one{left:10px;top:60px}.r-note.two{right:10px;bottom:74px;animation-delay:.8s}.r-main{background:var(--r-bg);color:var(--r-text);border-radius:46px 46px 0 0;padding:54px 0 82px}.r-sec{padding:44px 0}.r-headline{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px}.r-headline h2{font-size:clamp(30px,4vw,48px);line-height:1;margin:0;letter-spacing:-.04em}.r-headline p,.r-card p{color:var(--r-muted)}.r-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.r-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.r-card{background:#fff;border:1px solid var(--r-line);border-radius:var(--r-radius);box-shadow:0 18px 50px rgba(18,32,51,.08);padding:22px}.r-feature i{width:70px;height:70px;border-radius:24px;display:grid;place-items:center;background:color-mix(in srgb,var(--r-c1) 12%,#fff);color:var(--r-c1);font-size:30px;margin-bottom:12px}.r-list{counter-reset:item;display:grid;gap:10px}.r-list div{counter-increment:item;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px;border-radius:18px;background:#fff;border:1px solid var(--r-line)}.r-list div:before{content:counter(item);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--r-dark);color:#fff;font-weight:950}.r-dj{padding:0;overflow:hidden}.r-dj img,.r-post img{width:100%;height:210px;object-fit:cover}.r-dj div,.r-post div{padding:16px}.r-schedule{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.r-show{display:grid;grid-template-columns:96px 1fr auto;gap:12px;align-items:center;padding:16px;border-radius:20px;background:#fff;border:1px solid var(--r-line)}.r-time{font-weight:950;color:var(--r-c1)}.r-footer{background:var(--r-dark);color:#fff;padding:46px 0 92px}.r-foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px}.r-foot a{display:block;color:rgba(255,255,255,.78);padding:4px 0}.r-bottom{position:fixed;left:16px;right:16px;bottom:14px;z-index:80;margin:auto;max-width:840px;background:rgba(0,0,0,.72);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.14);border-radius:24px;color:#fff;padding:10px 14px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;box-shadow:0 20px 60px rgba(0,0,0,.28)}@keyframes rbg{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(28px,100px,0) scale(1.04)}}@keyframes wave{0%,100%{height:10px}50%{height:36px}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes marq{to{transform:translateX(-50%)}}@media(max-width:980px){.r-nav,.r-head .r-btn{display:none}.r-menu{display:grid}.r-hero-grid,.r-foot{grid-template-columns:1fr}.r-grid3{grid-template-columns:1fr 1fr}.r-grid4{grid-template-columns:1fr 1fr}.r-schedule,.r-list{grid-template-columns:1fr}.r-player{grid-template-columns:auto 1fr}.r-player audio{grid-column:1/-1;width:100%}}@media(max-width:640px){.r-shell{width:min(100% - 22px,1200px)}.r-topin{display:block}.r-hero h1{font-size:clamp(38px,12vw,56px)}.r-visual{min-height:360px;display:flex;flex-direction:column}.r-stage{width:min(320px,88vw);height:318px;border-radius:34px}.r-note{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:8px auto 0;max-width:calc(100vw - 44px)}.r-actions .r-btn{width:100%}.r-grid3,.r-grid4{grid-template-columns:1fr}.r-headline{display:block}.r-show{grid-template-columns:1fr}.r-bottom{grid-template-columns:auto 1fr}.r-bottom audio{grid-column:1/-1;width:100%}}