/*
Theme Name: Mega Akses Agency
Theme URI: https://megaaksesbersama.com/
Author: Mega Akses Entertainment
Description: Tema resmi beranda Agency TikTok LIVE dengan Mega Akses Music dan Event. Tidak mengubah portal kreator.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mega-akses-agency
*/
:root{--navy:#071321;--navy2:#11263e;--panel:#172d46;--gold:#edbc50;--white:#f6f9ff;--muted:#c0cfdd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font:16px/1.7 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.wrap{max-width:1160px;margin:auto;padding:0 24px}.top{position:sticky;top:0;z-index:20;background:rgba(7,19,33,.96);border-bottom:1px solid #29405a}.topin{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:82px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;line-height:1.1;letter-spacing:.04em}.brand img{height:52px;max-width:125px;object-fit:contain}.brand small{display:block;color:var(--gold);font-size:11px;letter-spacing:.14em;margin-top:5px}.nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.nav a{font-size:14px;font-weight:650}.nav a:hover,.foot a:hover{color:var(--gold)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 23px;border-radius:12px;font-weight:800;background:var(--gold);color:#101c29!important;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn.outline{border:1px solid var(--gold);background:transparent;color:var(--white)!important}.hero{position:relative;overflow:hidden;padding:108px 0 110px;background:radial-gradient(circle at 85% 25%,#144d79 0,transparent 40%),linear-gradient(120deg,#091525,#102d49)}.hero:after{content:'';position:absolute;right:-160px;bottom:-240px;width:600px;height:600px;border:2px solid #edbc5020;border-radius:50%;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:50px;align-items:center}.eyebrow{color:var(--gold);font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1{font-size:clamp(37px,5vw,67px);line-height:1.12;margin:16px 0 24px;letter-spacing:-.035em}h2{font-size:clamp(27px,3.5vw,41px);line-height:1.2;margin:10px 0 18px;letter-spacing:-.025em}h3{margin:0 0 12px;font-size:21px}.lead{color:var(--muted);font-size:18px;max-width:640px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-art{min-height:390px;border:1px solid #36536d;border-radius:26px;background:linear-gradient(145deg,#123f64,#10253e 60%,#1d344a);display:grid;place-items:center;box-shadow:0 24px 70px #0005;position:relative;overflow:hidden}.hero-art:before{content:'';width:290px;height:290px;border:3px solid #edbc5055;border-radius:50%;position:absolute}.hero-art .mic{font-size:116px;z-index:1;filter:drop-shadow(0 15px 20px #0008)}.hero-art .art-caption{position:absolute;bottom:25px;text-align:center;color:#f5d893;font-size:14px;font-weight:800;letter-spacing:.13em}.section{padding:88px 0}.section.alt{background:#102239}.section-head{max-width:750px;margin-bottom:30px}.section p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--panel);padding:30px;border:1px solid #2b4560;border-radius:18px}.card .symbol{font-size:35px;margin-bottom:12px}.card p{margin:0}.feature{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.feature .block{padding:36px;background:linear-gradient(135deg,#193f5e,#14263e);border:1px solid #33516b;border-radius:20px}.pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.pill{padding:6px 13px;border:1px solid #48647b;border-radius:999px;color:#e5edf5;font-size:13px}.cta{text-align:center;padding:64px 28px;background:linear-gradient(110deg,#173957,#15263e);border:1px solid #3e5367;border-radius:22px}.cta p{max-width:650px;margin:0 auto;color:var(--muted)}.cta .actions{justify-content:center}.foot{padding:35px 0;border-top:1px solid #263a50;color:#aebed0}.footin{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot a{margin-left:16px}.inner{min-height:55vh;padding:75px 0}.entry{max-width:850px}.entry img{max-width:100%;height:auto}.entry a:not(.btn){color:var(--gold);text-decoration:underline}.mobile-toggle{display:none}.screen-reader-text{position:absolute;left:-10000px}.screen-reader-text:focus{left:10px;top:10px;background:white;color:black;padding:8px;z-index:99}@media(max-width:850px){.hero-grid,.feature{grid-template-columns:1fr}.hero{padding:65px 0}.hero-art{min-height:270px}.cards{grid-template-columns:1fr 1fr}.nav{gap:12px}.nav a{font-size:12px}}@media(max-width:620px){.topin{min-height:74px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.brand img{height:44px}.mobile-toggle{display:block;border:1px solid #5a6b7b;border-radius:8px;background:none;color:white;padding:7px 12px;font-weight:700}.nav{display:none;width:100%;padding:12px 0;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{font-size:15px;padding:7px 0}.hero-art{min-height:220px}.hero-art .mic{font-size:85px}.cards{grid-template-columns:1fr}.section{padding:60px 0}.wrap{padding:0 19px}.actions .btn{width:100%}.foot a{margin:0 15px 0 0}}

/* v1.1: konsistensi dark mode, tahan terhadap gaya global plugin/WordPress */
body, body.home, body.home main, body.home #content {background:#081321;color:#f3f7ff}
body.home .hero,body.home .section,body.home .section.alt,body.home .cta,body.home .card,body.home .feature .block {color:#f3f7ff}
body.home .hero h1,body.home .section h2,body.home .section h3,body.home .cta h2,body.home .card h3,body.home .hero p,body.home .section p,body.home .cta p {color:#f3f7ff!important;opacity:1}
body.home .hero .lead,body.home .section p,body.home .cta p,body.home .card p{color:#b8c7d8!important}
body.home .eyebrow{color:#e9b94f!important}
body.home .hero{padding:70px 0 76px;background:linear-gradient(125deg,#0a1727,#10253a)}
body.home .hero-grid{gap:32px;grid-template-columns:1.3fr .7fr}
body.home h1{font-size:clamp(35px,4.2vw,54px);max-width:720px;line-height:1.14}
body.home h2{font-size:clamp(26px,3vw,36px)}
body.home .hero-art{min-height:270px;border-radius:18px;background:#14283e;box-shadow:none}
body.home .hero-art:before{width:185px;height:185px}
body.home .hero-art .mic{font-size:86px}
body.home .section{padding:58px 0}
body.home .section.alt{background:#0e2033}
body.home .cards{gap:14px}
body.home .card{padding:22px;border-radius:14px;background:#172b42}
body.home .card .symbol{font-size:28px;margin-bottom:5px}
body.home .card h3{font-size:19px}
body.home .feature .block{background:#162b42;padding:24px;border-radius:14px}
body.home .cta{padding:35px 25px;background:#142a42;border-radius:16px}
body.home .btn{border-radius:10px}
body.home .top,body.home .topin{background:#0b1929}
body.home .nav a:not(.btn),body.home .brand{color:#f3f7ff!important}
body.home .foot{background:#081321}
@media(max-width:850px){body.home .hero-grid{grid-template-columns:1fr}body.home .hero-art{min-height:175px}body.home .hero-art .mic{font-size:64px}body.home .hero-art:before{width:125px;height:125px}body.home .hero{padding:50px 0}body.home .cards{grid-template-columns:1fr}}

@media(max-width:620px){body.home #music .cards{grid-template-columns:1fr!important}}

/* v1.2: single dark header and clean contact footer */
body .top,body.home .top{background:#0b1929!important;color:#f3f7ff!important;border-bottom:1px solid #263b52!important}body .top .brand,body .top .nav a:not(.btn){color:#f3f7ff!important}body .top .nav a:not(.btn):hover{color:#edbc50!important}body .top .topin{min-height:76px}body .foot .footer-contact{display:flex;gap:16px;flex-wrap:wrap;align-items:center}body .foot .footer-contact a{margin:0;color:#c0cfdd}body .foot .footer-contact a:hover{color:#edbc50}@media(max-width:620px){body .top .topin{min-height:68px}body .foot .footer-contact{flex-direction:column;align-items:flex-start;gap:5px}}

/* v1.2.1: pastikan navigasi tema tampil, tanpa mengaktifkan header Pagelayer lama */
.mega-agency-site-header{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;width:100%;z-index:50;background:#0b1929!important}
.mega-agency-site-header .topin{display:flex!important;align-items:center;justify-content:space-between;gap:20px;min-height:76px}
.mega-agency-site-header .brand{display:flex!important;visibility:visible!important;align-items:center;color:#f3f7ff!important}
.mega-agency-site-header .mega-agency-site-nav{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center;justify-content:flex-end;gap:20px}
.mega-agency-site-header .mega-agency-site-nav a{display:inline-flex!important;visibility:visible!important;opacity:1!important;color:#f3f7ff!important}
.mega-agency-site-header .mega-agency-site-nav a.btn{color:#101c29!important}
@media(max-width:620px){.mega-agency-site-header .topin{flex-wrap:wrap}.mega-agency-site-header .mega-agency-site-nav{display:none!important;width:100%;flex-direction:column;align-items:stretch;gap:5px}.mega-agency-site-header .mega-agency-site-nav.open{display:flex!important}.mega-agency-site-header .mega-agency-site-nav a{padding:8px 0}.mega-agency-site-header .mobile-toggle{display:block!important}}

/* v1.2.2 - area pengajuan TikTok Backstage */
.pengajuan-section{background:#0b1929}
.pengajuan-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:44px;align-items:center}
.pengajuan-info p{color:#c0cfdd}
.pengajuan-info .pengajuan-note{font-size:13px;color:#a9bfd1;margin-top:20px}
.pengajuan-qr{padding:20px;background:#152b43;border:1px solid #36536d;border-radius:18px;text-align:center}
.pengajuan-qr img{display:block;width:100%;max-width:330px;max-height:500px;object-fit:contain;margin:0 auto;border-radius:12px}
.pengajuan-qr p{margin:12px 0 0;font-size:14px;color:#c0cfdd}
#pengajuan{scroll-margin-top:90px}
@media(max-width:850px){.pengajuan-grid{grid-template-columns:1fr;gap:24px}.pengajuan-qr{max-width:440px;margin:auto}}

/* v1.2.3: QR lebih ringkas dan tombol unduh */
#pengajuan .pengajuan-qr{width:100%;max-width:310px;margin-left:auto;margin-right:auto;padding:16px}
#pengajuan .pengajuan-qr img{width:100%;max-width:250px;max-height:none;height:auto;object-fit:contain;margin:0 auto;border-radius:10px}
#pengajuan .pengajuan-qr .pengajuan-download{display:inline-flex;margin-top:14px;padding:10px 20px;font-size:14px}
@media(max-width:850px){#pengajuan .pengajuan-qr{margin-left:auto;margin-right:auto}}

/* MEGA AKSES — Neon Pastel Full Color, 2026-10-22 */
:root{--navy:#0c1029;--navy2:#15143d;--panel:#191a46;--gold:#63f0f1;--white:#f9f8ff;--muted:#c9c6e7;--neon-cyan:#27e8ef;--neon-pink:#ff55ba;--neon-purple:#9869ff;--neon-blue:#428cff;--neon-peach:#ffc188}
html{scroll-padding-top:86px}
body,body.home,body.home main,body.home #content{background:#0b1027;color:#f9f8ff}
body .top,body.home .top,.mega-agency-site-header{background:rgba(10,15,36,.97)!important;border-bottom:1px solid rgba(121,153,255,.35)!important;box-shadow:0 6px 30px rgba(9,11,38,.25)}
.mega-agency-site-header .brand small,.brand small{color:#8ef5f1!important}
.mega-agency-site-header .mega-agency-site-nav a:not(.btn):hover,.nav a:not(.btn):hover{color:#74f5f0!important}
.btn,body.home .btn,.mega-agency-site-header .mega-agency-site-nav a.btn{background:linear-gradient(110deg,#38e9ee 0%,#9a81ff 51%,#ff78bb 100%)!important;color:#11142b!important;border:0!important;box-shadow:0 7px 23px rgba(116,91,242,.24)}
.btn:hover{filter:brightness(1.08);transform:translateY(-2px)}
.btn.outline,body.home .btn.outline{background:rgba(26,29,66,.76)!important;color:#fff!important;border:1px solid #8f9eff!important;box-shadow:none}
body.home .hero,.hero{background:radial-gradient(ellipse at 80% 25%,rgba(47,203,239,.20),transparent 45%),radial-gradient(ellipse at 12% 75%,rgba(255,75,178,.16),transparent 45%),linear-gradient(125deg,#0d1431,#17143d 57%,#102344)!important}
.hero:after{border-color:rgba(91,234,241,.18)}
.eyebrow,body.home .eyebrow{color:#7af5f1!important}
h1,h2,h3{color:#f9f8ff}
body.home .hero h1{background:linear-gradient(100deg,#fff 5%,#e5e1ff 53%,#8ff8f1 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
body.home .hero-art,.hero-art{background:linear-gradient(145deg,rgba(44,72,119,.7),rgba(80,35,115,.65))!important;border:1px solid rgba(123,194,255,.45)!important;box-shadow:0 22px 65px rgba(58,37,139,.2)!important}
.hero-art:before{border-color:rgba(240,104,199,.47)!important}
.hero-art .art-caption{color:#a4fcfa!important}
body.home .section.alt,.section.alt{background:linear-gradient(125deg,#151737,#1b1944 55%,#14233f)!important}
body.home .card,.card{background:linear-gradient(145deg,rgba(37,43,90,.94),rgba(37,29,79,.94))!important;border:1px solid rgba(151,133,255,.35)!important;box-shadow:0 10px 30px rgba(7,9,29,.12)}
.card:nth-child(3n+2){border-color:rgba(66,222,236,.38)!important}
.card:nth-child(3n+3){border-color:rgba(255,121,193,.37)!important}
body.home .feature .block,.feature .block,body.home .cta,.cta{background:linear-gradient(130deg,#242452,#183454 60%,#392047)!important;border:1px solid rgba(129,181,255,.38)!important}
body.home .section p,body.home .card p,body.home .cta p,body.home .hero .lead{color:#d2d2eb!important}
body .foot,body.home .foot{background:#0b1027!important;border-top:1px solid rgba(151,133,255,.3)!important}
/* Keep QR compact; protect existing download button */
#pengajuan img{max-width:100%;height:auto}
#pengajuan .btn{white-space:normal}
@media(max-width:620px){.mega-agency-site-header .mega-agency-site-nav a.btn{justify-content:center}.hero{background:radial-gradient(ellipse at 75% 18%,rgba(47,203,239,.19),transparent 55%),linear-gradient(145deg,#111632,#20153d)!important}}