/*
Theme Name: World of Gaballa
Theme URI: https://worldofgaballa.com/
Author: Lot & Portion
Description: Publishing storefront theme for World of Gaballa, with curated previews and WooCommerce support.
Version: 0.5
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: worldofgaballa
*/

:root {
  --gaballa-ink: #171512;
  --gaballa-paper: #f4efe4;
  --gaballa-paper-deep: #e8dfcf;
  --gaballa-gold: #9a7336;
  --gaballa-rust: #6f3d2d;
  --gaballa-night: #1d2630;
  --gaballa-muted: #6e675d;
  --gaballa-line: rgba(23,21,18,.18);
  --gaballa-max: 1240px;
}

*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--gaballa-paper);color:var(--gaballa-ink);font-family:Georgia,"Times New Roman",serif;line-height:1.65}
a{color:var(--gaballa-rust);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--gaballa-gold)}
img{max-width:100%;height:auto}.site-wrap{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1}
.container{width:min(calc(100% - 2rem),var(--gaballa-max));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(244,239,228,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--gaballa-line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:96px}.brand{text-decoration:none;color:var(--gaballa-ink);display:flex;align-items:center}.brand-logo img{display:block;width:190px;max-height:82px;object-fit:contain;object-position:left center}
.primary-nav ul{display:flex;flex-wrap:wrap;gap:1.3rem;list-style:none;margin:0;padding:0}.primary-nav a{text-decoration:none;color:var(--gaballa-ink);font-size:.92rem;letter-spacing:.04em}.primary-nav li.current-menu-item>a,.primary-nav a:hover{color:var(--gaballa-gold)}
.menu-toggle{display:none;border:1px solid var(--gaballa-line);background:transparent;padding:.55rem .7rem;font:inherit}
.hero{min-height:76vh;display:grid;place-items:center;text-align:center;padding:7rem 1rem 6rem;background-image:linear-gradient(rgba(8,11,15,.34),rgba(8,11,15,.62)),url("assets/images/gaballa-home-hero.png");background-size:cover;background-position:center center;background-repeat:no-repeat;color:#fff;border-bottom:1px solid #000;position:relative}
.hero-kicker{font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;opacity:.95;text-shadow:0 2px 8px rgba(0,0,0,.85)}.hero-logo{display:block;width:min(820px,92vw);max-height:460px;object-fit:contain;margin:.65rem auto .9rem;filter:drop-shadow(0 10px 26px rgba(0,0,0,.72))}.hero p{max-width:760px;margin:1rem auto 2rem;font-size:1.1rem;color:#f4ead8;text-shadow:0 2px 8px rgba(0,0,0,.8)}.button-row{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}.button,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-block;padding:.78rem 1.15rem;border:1px solid var(--gaballa-gold);background:var(--gaballa-gold);color:#fff;text-decoration:none;font-family:Arial,sans-serif;font-weight:700;letter-spacing:.03em;border-radius:2px}.button.secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.section{padding:5rem 0}.section.alt{background:var(--gaballa-paper-deep)}.eyebrow{font-family:Arial,sans-serif;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gaballa-gold);font-weight:700}.section-title{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;margin:.45rem 0 1rem}.lede{font-size:1.16rem;max-width:760px;color:#463f36}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:2rem}.card{background:#fbf8f0;border:1px solid var(--gaballa-line);padding:1.5rem;min-height:240px;display:flex;flex-direction:column}.card h3{font-size:1.5rem;margin:.2rem 0}.card p{color:#514a41}.card a.more{margin-top:auto;font-family:Arial,sans-serif;font-weight:700;text-decoration:none}
.feature-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.visual-panel{min-height:390px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,#1b2832,#5b4431 65%,#b1874e);display:flex;align-items:end;padding:1.5rem;color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.13)}
.quote-band{background:var(--gaballa-night);color:#f7f0e3;padding:4rem 0}.quote-band blockquote{font-size:clamp(1.6rem,3vw,2.7rem);line-height:1.25;margin:0;max-width:900px}.quote-band cite{display:block;margin-top:1rem;font-family:Arial,sans-serif;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#cdb68e}
.content-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:4rem;padding:4.5rem 0}.entry-header h1{font-size:clamp(2.6rem,5vw,4.8rem);line-height:1;margin:.4rem 0 1rem}.entry-content{font-size:1.06rem}.entry-content h2{font-size:2rem;margin-top:2.7rem}.entry-content h3{font-size:1.45rem;margin-top:2rem}.entry-content>p:first-child{font-size:1.18rem}.sidebar-card{border-top:3px solid var(--gaballa-gold);padding-top:1rem}.sidebar-card h3{margin-top:0}.sidebar-card ul{padding-left:1.1rem}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;padding:2rem 0 5rem}.post-card{background:#fbf8f0;border:1px solid var(--gaballa-line);padding:1.3rem}.post-card h2,.post-card h3{line-height:1.15}.meta{font-family:Arial,sans-serif;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gaballa-muted)}
.site-footer{background:#151719;color:#ddd3c3;padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:2rem}.site-footer h3{color:#fff;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.site-footer a{color:#ddd3c3}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:.35rem 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:2.5rem;padding-top:1.2rem;font-size:.83rem;color:#aaa296}
.notice{border-left:4px solid var(--gaballa-gold);padding:1rem 1.2rem;background:#fffaf0}.page-hero{background:var(--gaballa-night);color:#fff;padding:4.5rem 0 3.5rem}.page-hero h1{font-size:clamp(2.6rem,5vw,4.8rem);margin:.3rem 0}.breadcrumbs{font-family:Arial,sans-serif;font-size:.8rem;color:#c7bda9}
.woocommerce .woocommerce-breadcrumb{margin-top:2rem}.woocommerce div.product,.woocommerce ul.products{margin-bottom:4rem}
@media(max-width:900px){.cards,.archive-grid{grid-template-columns:1fr 1fr}.feature-grid,.content-shell,.footer-grid{grid-template-columns:1fr}.primary-nav{display:none;position:absolute;left:0;right:0;top:96px;background:var(--gaballa-paper);padding:1rem;border-bottom:1px solid var(--gaballa-line)}.primary-nav.open{display:block}.primary-nav ul{flex-direction:column}.menu-toggle{display:block}}
@media(max-width:620px){.cards,.archive-grid{grid-template-columns:1fr}.hero{min-height:68vh;padding:4rem 1rem 3.5rem;background-position:58% center}.hero-logo{width:min(96vw,650px)}.header-inner{min-height:76px;gap:1rem}.brand-logo img{width:132px;max-height:64px}.primary-nav{top:76px}.section{padding:3.5rem 0}}