/*
Theme Name: Gar's World
Theme URI: https://gars.world
Author: gars.world rebuild
Description: Lightweight, dependency-free theme for The World According To Gar — dark & gold music/art/video showcase. No page builder, fully responsive.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: garsworld
*/

:root{
	--gw-bg:#181818;
	--gw-bg-2:#1f1f1f;
	--gw-bg-3:#262626;
	--gw-gold:#E8D6A7;      /* primary text/gold */
	--gw-gold-2:#CDBF98;    /* accent */
	--gw-gold-3:#caba98;    /* buttons (matches BMC) */
	--gw-gold-dim:#9d9375;
	--gw-muted:#a99f86;
	--gw-line:rgba(232,214,167,.16);
	--gw-max:1200px;
	--gw-head:'Metal', 'Cinzel', serif;
	--gw-body:'Sarala', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
	margin:0;background:var(--gw-bg);color:var(--gw-gold);
	font-family:var(--gw-body);font-size:1.05rem;line-height:1.7;
	-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--gw-gold-2);text-decoration:none;}
a:hover{color:#fff;}
h1,h2,h3,h4,.gw-display{
	font-family:var(--gw-head);font-weight:700;line-height:1.05;
	text-transform:uppercase;letter-spacing:.02em;color:var(--gw-gold);
}
h1{font-size:clamp(2rem,5vw,3.4rem);}
h2{font-size:clamp(1.5rem,3.5vw,2.4rem);}
.gw-wrap{max-width:var(--gw-max);margin:0 auto;padding:0 clamp(16px,4vw,32px);}

/* ---------- Header ---------- */
.gw-header{
	position:sticky;top:0;z-index:50;
	background:rgba(20,20,20,.86);backdrop-filter:blur(10px);
	border-bottom:1px solid var(--gw-line);
}
.gw-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;}
.gw-logo{font-family:var(--gw-head);text-transform:uppercase;font-size:1.5rem;color:var(--gw-gold);line-height:1;}
.gw-logo span{display:block;font-family:var(--gw-body);text-transform:none;font-size:.66rem;letter-spacing:.18em;color:var(--gw-muted);}
.gw-nav>ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px;margin:0;padding:0;align-items:center;}
.gw-nav li{position:relative;}
.gw-nav a{display:block;font-family:var(--gw-head);text-transform:uppercase;font-size:.95rem;letter-spacing:.04em;color:var(--gw-gold);white-space:nowrap;}
.gw-nav a:hover{color:#fff;}
.gw-nav .current-menu-item>a,.gw-nav .current-cat>a{color:var(--gw-gold-3);border-bottom:2px solid var(--gw-gold-3);}
/* dropdowns */
.gw-nav .sub-menu{list-style:none;margin:0;padding:8px 0;position:absolute;top:100%;left:0;min-width:200px;
	background:var(--gw-bg-2);border:1px solid var(--gw-line);border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.5);
	opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;z-index:60;}
.gw-nav li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0);}
.gw-nav .sub-menu a{padding:9px 18px;font-size:.85rem;}
.gw-nav .menu-item-has-children>a::after{content:" \25be";color:var(--gw-muted);}
.gw-burger{display:none;background:none;border:0;color:var(--gw-gold);font-size:1.7rem;cursor:pointer;}

@media(max-width:860px){
	.gw-burger{display:block;}
	/* Closed menu is fully collapsed (max-height:0) so nothing can peek at the top */
	.gw-nav{position:fixed;left:0;right:0;top:68px;background:var(--gw-bg-2);border-bottom:1px solid var(--gw-line);
		max-height:0;overflow:hidden;transition:max-height .28s ease;z-index:49;}
	.gw-nav.open{max-height:85vh;overflow:auto;}
	.gw-header .gw-nav>ul{flex-direction:column!important;flex-wrap:nowrap!important;gap:0!important;padding:6px 0!important;}
	.gw-nav li{width:100%;}
	.gw-nav a{display:block;padding:14px 24px;border-bottom:1px solid var(--gw-line);}
	/* No WordPress admin bar (or its reserved space) on phones/tablets */
	#wpadminbar{display:none!important;}
	html{margin-top:0!important;}
}

/* ---------- Hero / banner ---------- */
.gw-hero{position:relative;overflow:hidden;background:#000;}
.gw-slides{position:relative;height:452px;}   /* matches old site's 452px banner */
@media(max-width:600px){.gw-slides{height:300px;}}
.gw-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;}
.gw-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.gw-slide.active{opacity:1;}
.gw-hero-cap{position:absolute;left:0;right:0;bottom:0;padding:clamp(20px,5vw,60px);
	background:linear-gradient(to top,rgba(0,0,0,.8),transparent);}
.gw-hero-cap h1{margin:0 0 .2em;text-shadow:0 2px 18px rgba(0,0,0,.7);}
.gw-hero-cap p{margin:0;color:var(--gw-gold-2);font-size:1.15rem;}

/* ---------- Sections ---------- */
.gw-section{padding:clamp(36px,6vw,72px) 0;}
.gw-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:28px;border-bottom:1px solid var(--gw-line);padding-bottom:12px;}
.gw-section-head a{font-family:var(--gw-body);font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;}

/* ---------- Card grid ---------- */
.gw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;}
.gw-card{background:var(--gw-bg-2);border:1px solid var(--gw-line);border-radius:12px;overflow:hidden;
	transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;}
.gw-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(0,0,0,.45);border-color:var(--gw-gold-3);}
.gw-card-thumb{aspect-ratio:100/66;background:#000 center/cover no-repeat;position:relative;}
.gw-card-thumb .gw-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
	font-size:2.4rem;color:#fff;opacity:0;transition:opacity .16s;text-shadow:0 2px 10px #000;}
.gw-card:hover .gw-play{opacity:.95;}
.gw-card-body{padding:14px 16px 18px;}
.gw-card-body h3{font-size:1.05rem;margin:0 0 6px;}
.gw-card-cats{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gw-muted);}

/* ---------- Genre chips ---------- */
.gw-chips{display:flex;flex-wrap:wrap;gap:10px;}
.gw-chip{display:inline-block;padding:.5em 1em;border:1px solid var(--gw-line);border-radius:999px;
	font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gw-gold-2);background:var(--gw-bg-2);}
.gw-chip:hover{background:var(--gw-gold-3);color:#111;}
.gw-chip.current{background:var(--gw-gold-3);color:#111;border-color:var(--gw-gold-3);font-weight:700;}

/* ---------- Single ---------- */
.gw-single{padding:clamp(28px,5vw,56px) 0;}
.gw-single-head{margin-bottom:24px;}
.gw-single-head .gw-card-cats{margin-top:8px;}
.gw-content{max-width:820px;margin:0 auto;font-size:1.08rem;}
.gw-content figure{margin:22px 0;}
.gw-content audio{width:100%;margin:14px 0;filter:sepia(.2) saturate(1.1);}
.gw-content iframe{max-width:100%;border-radius:10px;}
.gw-content img{border-radius:10px;margin:10px auto;}
.gw-content h2,.gw-content h3{margin:1.4em 0 .5em;}
.gw-content a{text-decoration:underline;}
/* Imported content often has black/dark inline text colors — force readable on the dark theme */
.gw-content .has-black-color,
.gw-content [style*="color:#000"],.gw-content [style*="color: #000"],
.gw-content [style*="color:#333"],.gw-content [style*="color: #333"],
.gw-content [style*="color:#4B4536"],.gw-content [style*="color:#4b4536"],
.gw-content [style*="color:#222"],.gw-content [style*="color: #222"]{color:var(--gw-gold)!important;}
/* SoundCloud players load slowly — frame them so the user sees where the music is */
.gw-content iframe[src*="soundcloud"]{
	display:block;width:100%;box-sizing:border-box;
	min-height:44px;padding:11px 12px;margin:16px 0;
	background:#262626;                       /* slightly lighter than the page */
	border:1px solid rgba(232,214,167,.3);
	border-radius:9px;
	box-shadow:inset 0 2px 10px rgba(0,0,0,.55);
}

/* post navigation */
.gw-postnav{display:flex;justify-content:space-between;gap:16px;margin:40px auto 0;max-width:820px;font-family:var(--gw-head);text-transform:uppercase;font-size:.9rem;}

/* About: bio (left 2/3) + drumset composer image (right 1/3) */
.gw-about-cols{display:grid;grid-template-columns:2fr 1fr;gap:36px;align-items:start;padding:clamp(24px,4vw,40px) 0;}
.gw-about-main{max-width:none;margin:0;}
.gw-about-side{position:sticky;top:90px;}
.gw-about-side figure{margin:0;}
.gw-about-side img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid rgba(232,214,167,.28);box-shadow:0 8px 26px rgba(0,0,0,.45);}
@media(max-width:820px){
	.gw-about-cols{grid-template-columns:1fr;}
	.gw-about-side{position:static;max-width:440px;margin:8px auto 0;}
}

/* ---------- Footer ---------- */
.gw-footer{background:var(--gw-bg-2);border-top:1px solid var(--gw-line);padding:40px 0 32px;margin-top:40px;}
.gw-footer-bmc{text-align:center;margin-bottom:24px;}
.gw-legal-wrap{text-align:center;}
.gw-legal{display:inline-block;text-align:center;color:var(--gw-muted);
	border:1px solid rgba(232,214,167,.3);border-radius:8px;
	box-shadow:inset 0 2px 12px rgba(0,0,0,.55);padding:14px 30px;}
.gw-legal p{margin:.28em 0;font-size:.78rem;line-height:1.4;white-space:nowrap;}
@media(max-width:940px){
	.gw-legal{display:block;padding:14px 18px;}
	.gw-legal p{white-space:normal;font-size:.8rem;}
}

/* pagination */
.gw-pagination{display:flex;gap:8px;justify-content:center;margin-top:40px;flex-wrap:wrap;}
.gw-pagination .page-numbers{padding:.5em .9em;border:1px solid var(--gw-line);border-radius:8px;color:var(--gw-gold);}
.gw-pagination .current{background:var(--gw-gold-3);color:#111;}

.gw-archive-head{padding:clamp(28px,5vw,56px) 0 0;text-align:center;}

/* ---------- RADIO ---------- */
.gw-radio{padding:clamp(20px,4vw,40px) 0;}
.gw-radio-head{text-align:center;margin-bottom:18px;}
.gw-radio-head h1{margin:0 0 .2em;}
.gw-radio-head p{color:var(--gw-muted);margin:0;}
.gw-radio-cats{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-bottom:22px;}
.gw-radio-cats .gw-chip{cursor:pointer;font-family:var(--gw-body);border:1px solid var(--gw-line);}
.gw-radio-body{display:grid;grid-template-columns:2fr 1fr;gap:26px;align-items:start;}
.gw-radio-stage{position:sticky;top:84px;}
.gw-radio-player{position:relative;background:#000;border-radius:12px;overflow:hidden;border:1px solid var(--gw-line);}
.gw-radio-player.is-video{aspect-ratio:16/9;}
.gw-radio-player.is-audio{height:340px;background:#161616;}
.gw-radio-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.gw-radio-placeholder{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:var(--gw-muted);font-family:var(--gw-head);text-transform:uppercase;letter-spacing:.05em;}
.gw-radio-now{margin-top:12px;color:var(--gw-gold-2);font-family:var(--gw-head);text-transform:uppercase;font-size:1rem;letter-spacing:.03em;min-height:1.2em;}
.gw-radio-list{list-style:none;margin:0;padding:0;max-height:70vh;overflow:auto;border:1px solid var(--gw-line);border-radius:12px;background:var(--gw-bg-2);}
.gw-radio-item{display:flex;gap:12px;align-items:center;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--gw-line);transition:background .12s;}
.gw-radio-item:last-child{border-bottom:0;}
.gw-radio-item:hover{background:#2a2a2a;}
.gw-radio-item.playing{background:var(--gw-gold-3);color:#111;}
.gw-radio-item.playing .gw-radio-badge{color:#111;}
.gw-radio-thumb{flex:0 0 auto;width:56px;height:38px;border-radius:6px;background:#000 center/cover no-repeat;}
.gw-radio-meta{display:flex;flex-direction:column;min-width:0;}
.gw-radio-title{font-weight:700;font-size:.95rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gw-radio-badge{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gw-muted);}
@media(max-width:820px){
	.gw-radio-body{grid-template-columns:1fr;}
	.gw-radio-stage{position:static;}
	.gw-radio-list{max-height:none;}
}
/* Pop-out button — computers only (hidden on touch / small screens) */
.gw-radio-popout{margin-left:12px;display:inline-flex;align-items:center;gap:.4em;
	font-family:var(--gw-head);text-transform:uppercase;font-size:.78rem;letter-spacing:.04em;
	background:#1c1c1c;color:var(--gw-gold);border:1px solid var(--gw-gold-3);border-radius:999px;
	padding:.45em 1em;cursor:pointer;vertical-align:middle;transition:background .12s,color .12s;}
.gw-radio-popout:hover{background:#282828;color:#fff;}
@media(pointer:coarse),(max-width:900px){ .gw-radio-popout{display:none;} }
/* Pop-out standalone window (compact, single column) */
body.gw-radio-popup{margin:0;background:var(--gw-bg);}
.gw-radio-pop{padding:10px;}
.gw-radio-pop .gw-radio-body{grid-template-columns:1fr;gap:12px;}
.gw-radio-pop .gw-radio-stage{position:static;}
.gw-radio-pop .gw-radio-cats{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-bottom:12px;padding-bottom:6px;}
.gw-radio-pop .gw-radio-cats .gw-chip{white-space:nowrap;}
.gw-radio-pop .gw-radio-player.is-audio{height:300px;}
.gw-radio-pop .gw-radio-list{max-height:46vh;}

/* ---------- MOBILE persistent radio panel (phones/tablets only) ---------- */
.gwmr-launch{position:fixed;right:16px;bottom:16px;z-index:9996;font-family:var(--gw-head);text-transform:uppercase;
	font-size:.85rem;letter-spacing:.03em;background:#1c1c1c;color:var(--gw-gold);border:1px solid var(--gw-gold-3);
	border-radius:999px;padding:.6em 1.05em;box-shadow:0 4px 14px rgba(0,0,0,.5);cursor:pointer;}
.gwmr-panel{position:fixed;left:0;right:0;bottom:0;z-index:9997;background:var(--gw-bg-2);border-top:1px solid var(--gw-gold-3);
	box-shadow:0 -8px 24px rgba(0,0,0,.55);max-height:88vh;display:flex;flex-direction:column;}
.gwmr-panel.is-closed{display:none;}
.gwmr-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px;}
.gwmr-player{background:#000;border-radius:8px;overflow:hidden;position:relative;flex:1 1 100%;aspect-ratio:16/9;max-height:34vh;}
.gwmr-player.is-audio{aspect-ratio:auto;height:200px;}
.gwmr-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.gwmr-barinfo{flex:1 1 100%;display:flex;align-items:center;gap:8px;}
.gwmr-title{flex:1;font-weight:700;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gw-gold);}
.gwmr-ctrls{display:flex;gap:5px;}
.gwmr-ctrls button{background:#262626;color:var(--gw-gold);border:1px solid var(--gw-line);border-radius:8px;padding:.32em .55em;font-size:1rem;line-height:1;cursor:pointer;}
.gwmr-drawer{overflow:auto;border-top:1px solid var(--gw-line);}
.gwmr-cats{display:flex;gap:8px;overflow-x:auto;padding:10px;}
.gwmr-chip{white-space:nowrap;background:var(--gw-bg);color:var(--gw-gold-2);border:1px solid var(--gw-line);border-radius:999px;padding:.4em .9em;font-size:.78rem;text-transform:uppercase;cursor:pointer;}
.gwmr-chip.current{background:var(--gw-gold-3);color:#111;}
.gwmr-list{list-style:none;margin:0;padding:0;}
.gwmr-item{display:flex;gap:10px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--gw-line);cursor:pointer;}
.gwmr-item.playing{background:var(--gw-gold-3);color:#111;}
.gwmr-thumb{width:44px;height:30px;border-radius:5px;background:#000 center/cover no-repeat;flex:0 0 auto;}
.gwmr-t{flex:1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gwmr-b{font-size:.85rem;opacity:.7;}
/* minimized: compact bar + small live player, drawer hidden (audio keeps playing) */
.gwmr-panel.is-min .gwmr-drawer{display:none;}
.gwmr-panel.is-min .gwmr-bar{flex-wrap:nowrap;}
.gwmr-panel.is-min .gwmr-player{flex:0 0 96px;height:54px;max-height:54px;aspect-ratio:16/9;}
.gwmr-panel.is-min .gwmr-player.is-audio{height:54px;}
.gwmr-panel.is-min .gwmr-barinfo{flex:1 1 auto;}
@media(min-width:901px){ .gwmr-launch,.gwmr-panel{display:none!important;} }
/* on mobile the in-page Radio UI is replaced by the persistent panel */
.gw-radio-mobopen{display:none;}
@media(max-width:900px){
	.gw-radio-body,.gw-radio-cats,.gw-radio-popout{display:none;}
	.gw-radio-mobopen{display:inline-block;margin-top:10px;font-family:var(--gw-head);text-transform:uppercase;
		background:var(--gw-gold-3);color:#111;border:0;border-radius:999px;padding:.7em 1.3em;font-size:1rem;cursor:pointer;}
}

/* ---------- Header hardening: keep header consistent even where Elementor's
   kit CSS is still loaded (Elementor pages not yet rebuilt) ---------- */
.gw-header{background:rgba(20,20,20,.9)!important;border-bottom:1px solid var(--gw-line)!important;}
.gw-header .gw-logo{color:var(--gw-gold)!important;font-family:var(--gw-head)!important;text-transform:uppercase!important;}
.gw-header .gw-logo span{color:var(--gw-muted)!important;font-family:var(--gw-body)!important;text-transform:none!important;}
.gw-header .gw-nav a{color:var(--gw-gold)!important;font-family:var(--gw-head)!important;text-transform:uppercase!important;background:none!important;padding:0!important;border:0;}
.gw-header .gw-nav a:hover{color:#fff!important;}
.gw-header .gw-nav .current-menu-item>a,.gw-header .gw-nav .current-cat>a{color:var(--gw-gold-3)!important;border-bottom:2px solid var(--gw-gold-3)!important;}
.gw-header .gw-nav>ul{display:flex!important;flex-wrap:wrap;gap:6px 22px;}