/*
Theme Name: Hello Elementor Child (G.House)
Template: hello-elementor
Description: Child theme for The G.House Series — adds a custom, plugin-free track submission system (custom post type + REST endpoint).
Version: 1.0.0
Author: THECOMISSION
*/

:root{
	--gh-bg:#08070a;
	--gh-cream:#f2e9d8;
	--gh-gold-1:#f6dfa8;
	--gh-gold-2:#d9a94e;
	--gh-gold-3:#a9782b;
	--gh-accent:#e8c37c;
	--gh-accent-2:#e99708;
	--gh-muted:#b8a98f;
	--gh-muted-2:#a9895a;
	--gh-muted-3:#7d6f5c;
	--gh-line:#4c4438;
	--gh-panel:#100d12;
	--gh-border:rgba(232,195,124,.14);
	--gh-font-display:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
	--gh-font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
body{background:var(--gh-bg); color:var(--gh-cream); font-family:var(--gh-font-body);}
body .site-header{background:var(--gh-bg); padding:26px 24px 18px; text-align:center; border-bottom:1px solid var(--gh-border);}
body .site-title{font-family:var(--gh-font-display); font-style:italic; font-weight:500; margin:0; font-size:1.6rem;}
body .site-title a{color:var(--gh-accent);}
body .site-description{margin:6px 0 0; font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:var(--gh-muted-3);}
body .site-navigation ul{list-style:none; display:flex; justify-content:center; gap:24px; margin:16px 0 0; padding:0;}
body .site-navigation a{color:var(--gh-muted); font-size:.82rem; letter-spacing:.06em; text-transform:uppercase;}
body .site-navigation a:hover{color:var(--gh-accent);}
.gh-wrap{max-width:900px; margin:0 auto; padding:0 24px; position:relative; z-index:1;}
.gh-hero{padding:30px 0 60px; text-align:center; position:relative; overflow:hidden;}
.gh-hero::before{content:""; position:absolute; inset:-20%; background:radial-gradient(circle at 50% 30%, rgba(232,195,124,.14), rgba(232,195,124,0) 55%); pointer-events:none;}
.gh-ring{position:absolute; top:36%; left:50%; width:min(70vw,560px); height:min(70vw,560px); transform:translate(-50%,-50%); border-radius:50%; border:1px solid var(--gh-border); pointer-events:none;}
.gh-eyebrow{display:inline-block; font-size:11px; letter-spacing:.42em; text-transform:uppercase; color:var(--gh-muted-2); margin-bottom:20px; position:relative;}
.gh-hero h1{font-family:var(--gh-font-display); font-style:italic; font-weight:500; font-size:clamp(30px,6vw,52px); line-height:1.15; margin:0 0 18px; color:var(--gh-cream); position:relative;}
.gh-rule{width:64px; height:1px; margin:26px auto; background:linear-gradient(90deg, rgba(232,195,124,0), rgba(232,195,124,.7), rgba(232,195,124,0)); position:relative;}
.gh-hero p.lead{max-width:560px; margin:0 auto; color:var(--gh-muted); font-size:1rem; line-height:1.7; position:relative;}

.gh-series{padding:50px 0;}
.gh-series-head{text-align:center; margin-bottom:34px;}
.gh-series-head h2{font-family:var(--gh-font-display); font-style:italic; font-weight:500; font-size:clamp(24px,4vw,34px); margin:0 0 8px; background:linear-gradient(180deg,var(--gh-gold-1) 0%,var(--gh-gold-2) 55%,var(--gh-gold-3) 100%); -webkit-background-clip:text; background-clip:text; color:transparent;}
.gh-series-head p{color:var(--gh-muted-3); font-size:.9rem; letter-spacing:.02em;}
.gh-tracks{display:grid; gap:12px;}
.gh-track{background:var(--gh-panel); border:1px solid var(--gh-border); border-radius:10px; padding:10px 14px;}
.gh-track iframe{display:block; width:100%; height:42px;}
.gh-track-link{display:flex; align-items:center; justify-content:space-between; background:var(--gh-panel); border:1px solid var(--gh-border); border-radius:10px; padding:16px 20px; font-family:var(--gh-font-display); font-size:1.05rem; font-style:italic; color:var(--gh-accent);}
.gh-track-link:hover{border-color:var(--gh-accent);}
.gh-track-link span{font-family:var(--gh-font-body); font-style:normal; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gh-muted-3);}

.gh-context{padding:60px 0 20px; text-align:center;}
.gh-context .gh-series-head{margin-bottom:22px;}
.gh-context .gh-series-head p{max-width:560px; margin:10px auto 0; color:var(--gh-muted); line-height:1.7;}
.gh-context .gh-track-link{max-width:420px; margin:0 auto;}

.gh-howto{padding:30px 0 20px;}
.gh-howto-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.gh-howto-step{background:var(--gh-panel); border:1px solid var(--gh-border); border-radius:14px; padding:26px 22px; text-align:center;}
.gh-howto-num{font-family:var(--gh-font-display); font-style:italic; color:var(--gh-accent); font-size:1.4rem; margin-bottom:10px;}
.gh-howto-step h4{margin:0 0 8px; font-size:1rem; color:var(--gh-cream);}
.gh-howto-step p{margin:0; font-size:.88rem; color:var(--gh-muted); line-height:1.6;}
@media (max-width:720px){ .gh-howto-grid{grid-template-columns:1fr;} }

.gh-footer{border-top:1px solid var(--gh-border); padding:50px 0 30px; margin-top:20px;}
.gh-footer-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:30px; text-align:center;}
.gh-footer h4{font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:var(--gh-accent); margin:0 0 14px;}
.gh-footer ul{list-style:none; margin:0; padding:0;}
.gh-footer li{margin-bottom:8px; font-size:.88rem;}
.gh-footer a{color:var(--gh-muted); text-decoration:none;}
.gh-footer a:hover{color:var(--gh-accent);}
.gh-footer-bottom{text-align:center; margin-top:44px; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--gh-line);}
@media (max-width:720px){ .gh-footer-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:460px){ .gh-footer-grid{grid-template-columns:1fr;} }