/*
Theme Name: Brieke OP Lirieke TV
Theme URI: https://www.facebook.com/BriekeOpLirieke1
Author: REmediahouse
Description: A bold 3D music and television theme with YouTube and Facebook feeds.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: brieke-tv
*/
:root{--navy:#0c2b47;--navy2:#061828;--orange:#ff5722;--cream:#f6f3ed;--white:#fff;--shadow:0 24px 55px rgba(2,15,28,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy2);color:var(--white);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(6,24,40,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1)}.nav-wrap{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.04em}.brand img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.35))}.brand span{max-width:170px;line-height:1.05}.menu{display:flex;list-style:none;gap:28px;margin:0;padding:0;font-weight:750}.menu a:hover{color:var(--orange)}.menu-toggle{display:none;background:var(--orange);border:0;color:#fff;padding:10px 14px;border-radius:10px;font-weight:800}.hero{position:relative;overflow:hidden;min-height:720px;display:grid;align-items:center;background:radial-gradient(circle at 75% 30%,rgba(255,87,34,.26),transparent 30%),linear-gradient(135deg,#071b2e,#0d3658 58%,#081d31)}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.1);width:460px;height:460px;right:-120px;top:80px;box-shadow:0 0 0 45px rgba(255,87,34,.06),0 0 0 90px rgba(255,255,255,.025)}.hero:after{width:220px;height:220px;left:-90px;top:auto;bottom:-70px}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;padding:80px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;background:rgba(255,87,34,.14);color:#ff9b7a;border:1px solid rgba(255,87,34,.45);border-radius:999px;padding:8px 15px;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:900}.hero h1{font-size:clamp(3.2rem,7vw,6.8rem);line-height:.88;letter-spacing:-.07em;margin:24px 0;text-transform:uppercase;text-shadow:0 7px 0 #061522,0 14px 25px rgba(0,0,0,.42)}.hero h1 span{display:block;color:var(--orange)}.hero p{font-size:1.14rem;max-width:620px;color:#cbd8e4}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 22px;border-radius:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(255,255,255,.22);box-shadow:0 8px 0 #03111e;transition:.2s}.btn:hover{transform:translateY(-3px);box-shadow:0 11px 0 #03111e}.btn.primary{background:var(--orange);border-color:var(--orange)}.hero-art{perspective:1000px}.logo-stage{padding:28px;background:linear-gradient(145deg,#fff,#e7edf2);border-radius:38px;transform:rotateY(-10deg) rotateX(4deg);box-shadow:24px 30px 0 rgba(255,87,34,.9),var(--shadow);transition:.4s}.logo-stage:hover{transform:rotateY(0) rotateX(0) translateY(-8px)}.logo-stage img{display:block;border-radius:22px}.section{padding:100px 0}.section.light{background:var(--cream);color:var(--navy)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.section h2{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1;margin:10px 0;letter-spacing:-.045em;text-transform:uppercase}.section-head p{max-width:500px;color:#677888}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.video-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid #d9e0e5;box-shadow:0 14px 0 #cdd4d9,0 26px 45px rgba(6,24,40,.13);transition:.25s}.video-card:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:0 21px 0 var(--orange),0 35px 55px rgba(6,24,40,.18)}.video-frame{aspect-ratio:16/9;background:#071b2e}.video-frame iframe{width:100%;height:100%;border:0}.video-copy{padding:20px}.video-copy h3{margin:0 0 6px;font-size:1.1rem}.video-copy p{margin:0;color:#6b7a86}.social-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.social-panel{background:linear-gradient(145deg,#0f3c62,#071b2e);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:38px;box-shadow:18px 18px 0 var(--orange),var(--shadow)}.facebook-wrap{min-height:570px;display:flex;justify-content:center;align-items:flex-start;overflow:hidden;background:white;border-radius:15px;padding:10px}.about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}.feature{padding:28px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.15)}.feature strong{display:block;color:var(--orange);font-size:1.15rem;margin-bottom:7px}.cta{background:var(--orange);color:white;text-align:center;padding:85px 20px}.cta h2{max-width:850px;margin:0 auto 28px}.site-footer{padding:35px 0;background:#04111e;color:#aebdca}.footer-row{display:flex;justify-content:space-between;gap:25px;align-items:center}.entry-content{padding:80px 0;min-height:60vh}.entry-content a{color:var(--orange);text-decoration:underline}
@media(max-width:900px){.hero-grid,.social-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-art{max-width:520px;margin:auto}.video-grid,.about-cards{grid-template-columns:1fr}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:20px;right:20px;top:78px;background:#071b2e;padding:20px;border-radius:16px}.site-nav.open{display:block}.menu{flex-direction:column;gap:15px}.section-head,.footer-row{align-items:flex-start;flex-direction:column}.social-panel{box-shadow:10px 10px 0 var(--orange)}}
@media(max-width:520px){.wrap{width:min(100% - 26px,1180px)}.brand span{display:none}.hero-grid{padding:55px 0}.hero h1{font-size:3.25rem}.section{padding:70px 0}.logo-stage{padding:14px;border-radius:24px;box-shadow:12px 15px 0 var(--orange),var(--shadow)}.facebook-wrap{padding:0}.btn{width:100%}}

/* Version 2.0 — immersive 3D broadcast design */
body{overflow-x:hidden;background-color:#030d18;background-image:linear-gradient(rgba(56,217,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(56,217,255,.025) 1px,transparent 1px);background-size:38px 38px}.site-header{background:rgba(3,13,24,.78);backdrop-filter:blur(24px) saturate(160%);box-shadow:0 10px 35px rgba(0,0,0,.2)}.hero{min-height:790px;background:radial-gradient(circle at 78% 25%,rgba(255,87,34,.3),transparent 25%),radial-gradient(circle at 15% 85%,rgba(56,217,255,.13),transparent 28%),linear-gradient(135deg,#020b14,#0b2942 52%,#061522)}.hero-grid{grid-template-columns:1.05fr .95fr;gap:70px;padding:90px 0}.hero h1{text-shadow:0 4px 0 #6b1a05,0 9px 0 #03101c,0 20px 38px rgba(0,0,0,.6)}.hero-art{position:relative;min-height:530px;display:grid;place-items:center;perspective:1200px;transform-style:preserve-3d}.logo-stage{position:relative;z-index:5;width:min(430px,82%);padding:24px;border-radius:42px;transform:rotateY(-12deg) rotateX(7deg) translateZ(55px);box-shadow:18px 18px 0 #ff5722,32px 32px 0 #071725,0 55px 90px rgba(0,0,0,.58);transition:transform .2s ease-out}.logo-stage:before{content:"ON AIR";position:absolute;right:-30px;top:-22px;background:#ff2f2f;color:#fff;border:4px solid #fff;border-radius:999px;padding:8px 16px;font-size:.72rem;font-weight:950;letter-spacing:.13em;box-shadow:0 8px 0 #8e1010;animation:onair 1.4s infinite alternate}.vinyl{position:absolute;width:250px;height:250px;border-radius:50%;background:repeating-radial-gradient(circle,#101418 0 6px,#050608 7px 10px);border:4px solid #202a31;box-shadow:0 24px 55px rgba(0,0,0,.6),inset 0 0 0 7px rgba(255,255,255,.04);animation:spin 14s linear infinite}.vinyl:after{content:"";position:absolute;inset:36%;border-radius:50%;background:radial-gradient(circle,#061522 0 12%,#ff5722 14% 62%,#ff9d32 64%);border:2px solid rgba(255,255,255,.5)}.vinyl.one{right:-25px;top:22px}.vinyl.two{left:-35px;bottom:5px;width:185px;height:185px;animation-direction:reverse;animation-duration:10s}.orbit{position:absolute;width:520px;height:520px;border:1px solid rgba(56,217,255,.23);border-radius:50%;box-shadow:0 0 50px rgba(56,217,255,.08),inset 0 0 50px rgba(56,217,255,.05);animation:pulse 4s ease-in-out infinite}.orbit:before,.orbit:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#38d9ff;box-shadow:0 0 20px #38d9ff}.orbit:before{top:55px;left:70px}.orbit:after{right:20px;bottom:145px;background:#ff5722;box-shadow:0 0 20px #ff5722}.equalizer{display:flex;align-items:flex-end;gap:6px;height:46px;margin-top:25px}.equalizer i{display:block;width:7px;border-radius:5px;background:linear-gradient(#ff9d32,#ff5722);box-shadow:0 0 12px rgba(255,87,34,.65);animation:eq .8s ease-in-out infinite alternate}.equalizer i:nth-child(1){height:35%;animation-delay:-.2s}.equalizer i:nth-child(2){height:85%;animation-delay:-.5s}.equalizer i:nth-child(3){height:55%;animation-delay:-.1s}.equalizer i:nth-child(4){height:100%;animation-delay:-.7s}.equalizer i:nth-child(5){height:46%;animation-delay:-.35s}.equalizer i:nth-child(6){height:72%;animation-delay:-.6s}.equalizer span{margin-left:10px;font-size:.72rem;font-weight:900;letter-spacing:.16em;color:#91a9ba}.ticker{position:relative;z-index:6;overflow:hidden;background:#ff5722;color:#fff;border-block:2px solid rgba(255,255,255,.35);box-shadow:0 15px 35px rgba(0,0,0,.28);transform:rotate(-1deg) scale(1.02)}.ticker-track{display:flex;width:max-content;gap:42px;padding:12px 0;font-weight:950;letter-spacing:.12em;text-transform:uppercase;animation:ticker 24s linear infinite}.ticker-track span:after{content:"✦";margin-left:42px;color:#071725}.video-grid{perspective:1400px}.video-card{position:relative;border-radius:24px;box-shadow:0 12px 0 #aebbc5,0 28px 50px rgba(6,24,40,.18);transition:.35s;transform-style:preserve-3d}.video-card:before{position:absolute;z-index:4;left:15px;top:15px;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#ff5722;color:#fff;font-weight:950;box-shadow:0 6px 0 #8d2506}.video-card:nth-child(1):before{content:"01"}.video-card:nth-child(2):before{content:"02"}.video-card:nth-child(3):before{content:"03"}.video-card:hover{transform:translateY(-14px) rotateX(4deg) rotateY(-2deg);box-shadow:0 19px 0 #ff5722,0 42px 70px rgba(6,24,40,.25)}.social-panel{position:relative;border-radius:32px;box-shadow:20px 20px 0 #ff5722,35px 35px 0 #03101d,0 40px 80px rgba(0,0,0,.45);transform:rotateY(-4deg) rotateX(2deg);transform-style:preserve-3d}.social-panel:before{content:"FACEBOOK LIVE";position:absolute;z-index:2;top:-18px;left:28px;background:#1877f2;color:#fff;padding:8px 15px;border-radius:9px;font-size:.72rem;font-weight:950;letter-spacing:.09em;box-shadow:0 6px 0 #0b3d82}.feature{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:0 12px 0 rgba(0,0,0,.22),0 24px 40px rgba(0,0,0,.18);transition:.3s;overflow:hidden}.feature:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-28px;bottom:-28px;background:#ff5722;opacity:.18}.feature:hover{transform:translateY(-9px);border-color:rgba(255,87,34,.7);box-shadow:0 19px 0 rgba(255,87,34,.25),0 32px 50px rgba(0,0,0,.25)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.045);opacity:.7}}@keyframes onair{to{box-shadow:0 8px 0 #8e1010,0 0 28px #ff2f2f}}@keyframes eq{to{height:18%}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:900px){.hero-art{min-height:500px}.orbit{width:430px;height:430px}.social-panel{transform:none}}@media(max-width:520px){.hero-art{min-height:390px}.orbit{width:330px;height:330px}.vinyl{width:160px;height:160px}.vinyl.two{width:120px;height:120px}.logo-stage:before{right:-8px}.ticker-track{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}