/*!
Theme Name: Poker In The Wood
Theme URI: https://www.pokerinthewood.com
Template: kadence
Author: Poker In The Wood
Description: Dark, warm wood-and-felt poker-club child theme for the Flock of Donkeys. Built on Kadence. Functionality lives in the pitw-league plugin.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
Text Domain: pitw-kadence-child
*/

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=Inter:wght@400;500;600;700&display=swap');

/* ===== Palette: re-skin Kadence's global colour variables =====
   Kadence paints nearly everything from these custom properties, so
   overriding them re-themes the whole site in one place. */
:root, body {
	--global-palette1: #e0b34d; /* gold — primary accent */
	--global-palette2: #c8902f; /* darker gold — hover */
	--global-palette3: #f4ece0; /* headings (cream on dark) */
	--global-palette4: #d9cdbb; /* body text (warm light) */
	--global-palette5: #b7ab98;
	--global-palette6: #2a4d3a; /* borders / felt edge */
	--global-palette7: #143026; /* deep felt */
	--global-palette8: #21150d; /* section background (wood-dark) */
	--global-palette9: #1a120b; /* page background (ink/wood) */

	--pitw-felt:   #1b4332;
	--pitw-gold:   #e0b34d;
	--pitw-cream:  #f4ece0;
	--pitw-wood:   #3b2417;
	--pitw-red:    #a31621;
}

/* ===== Base ===== */
body {
	background-color: var(--global-palette9);
	background-image:
		radial-gradient(ellipse at top, rgba(27,67,50,.35), transparent 60%),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 0h40v40H0z' fill='%231a120b'/%3E%3Cpath d='M0 0h40v1H0zM0 0v40h1V0z' fill='%23ffffff08'/%3E%3C/svg%3E");
	color: var(--global-palette4);
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

h1, h2, h3, h4, .entry-title, .site-title {
	font-family: 'Cinzel', Georgia, serif;
	color: var(--global-palette3);
	letter-spacing: .01em;
}
h1, .entry-title { font-weight: 900; }

a { color: var(--pitw-gold); }
a:hover { color: #fff; }

/* ===== Header ===== */
.site-header, #masthead,
.site-header-row-container-inner {
	background: linear-gradient(180deg, #2a160c, #1a120b) !important;
	border-bottom: 2px solid rgba(224,179,77,.4);
}
.site-title a, .site-branding a { color: var(--pitw-gold) !important; }
.site-description { color: var(--pitw-cream) !important; opacity: .8; font-style: italic; }
.header-navigation .menu-item > a { color: var(--pitw-cream) !important; text-transform: uppercase; letter-spacing: .06em; font-size: .92rem; }
.header-navigation .menu-item > a:hover { color: var(--pitw-gold) !important; }

/* ===== Content surfaces ===== */
.content-bg, .entry-content, .single .entry-content, .page .content-area,
.entry-content-wrap {
	background: transparent !important;
}
.entry-content { max-width: 1100px; }

/* Cards / blocks that need a felt surface */
.pitw-panel {
	background: linear-gradient(160deg, rgba(59,36,23,.92), rgba(33,21,13,.92));
	border: 1px solid rgba(224,179,77,.3);
	border-radius: 16px;
	padding: 1.75rem;
	box-shadow: 0 14px 36px rgba(0,0,0,.4);
}

/* ===== Hero ===== */
.pitw-hero {
	position: relative;
	text-align: center;
	padding: 4.5rem 1.5rem 4rem;
	border-radius: 18px;
	overflow: hidden;
	background:
		radial-gradient(ellipse at center, rgba(27,67,50,.9), rgba(20,48,38,.96)),
		var(--pitw-felt);
	border: 1px solid rgba(224,179,77,.35);
	box-shadow: inset 0 0 120px rgba(0,0,0,.5), 0 18px 40px rgba(0,0,0,.4);
	margin-bottom: 2.5rem;
}
.pitw-hero h1 {
	font-size: clamp(2.2rem, 6vw, 4rem);
	margin: 0 0 .4rem;
	color: var(--pitw-gold);
	text-shadow: 0 2px 0 rgba(0,0,0,.4);
}
.pitw-hero .pitw-tagline {
	font-family: 'Cinzel', serif;
	font-size: clamp(1rem, 2.5vw, 1.4rem);
	color: var(--pitw-cream);
	letter-spacing: .14em;
	text-transform: uppercase;
}
.pitw-hero .pitw-sub { max-width: 620px; margin: 1rem auto 0; opacity: .9; }

/* ===== Buttons ===== */
.wp-block-button__link, .button, .kb-button, .pitw-btn {
	background: linear-gradient(180deg, var(--pitw-gold), #b9892b) !important;
	color: #2a160c !important;
	font-weight: 700;
	border: none !important;
	border-radius: 999px !important;
	padding: .7rem 1.6rem !important;
	text-transform: uppercase;
	letter-spacing: .05em;
}
.wp-block-button__link:hover, .pitw-btn:hover { filter: brightness(1.08); color: #1a120b !important; }
.pitw-btn { display: inline-block; text-decoration: none; }

/* ===== Section headings ===== */
.pitw-section-title {
	display: flex; align-items: center; gap: .75rem;
	font-size: 1.6rem; margin: 2.5rem 0 1rem;
}
.pitw-section-title::before, .pitw-section-title::after {
	content: ""; height: 1px; flex: 1; background: linear-gradient(90deg, transparent, rgba(224,179,77,.5), transparent);
}

/* ===== Footer ===== */
.site-footer, #colophon, .site-footer-row-container-inner {
	background: #140d07 !important;
	color: var(--pitw-cream) !important;
	border-top: 2px solid rgba(224,179,77,.35);
}
.site-footer a { color: var(--pitw-gold) !important; }

/* ===== Two-column intro ===== */
.pitw-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.pitw-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
@media (max-width: 768px) {
	.pitw-grid-2, .pitw-grid-3 { grid-template-columns: 1fr; }
}

/* Story callout */
.pitw-story {
	border-left: 5px solid var(--pitw-gold);
	background: rgba(0,0,0,.25);
	padding: 1.25rem 1.5rem;
	border-radius: 0 12px 12px 0;
	font-size: 1.05rem;
}
.pitw-story em { color: var(--pitw-gold); font-style: normal; }

/* =========================================================================
   CINEMATIC REDESIGN — header, hero, stat cards, timeline, museum sections
   ========================================================================= */

/* ---- Premium header: translucent, blurred, gold underline, hover ---- */
.site-header, #masthead,
.site-header-row-container-inner,
.site-header-inner-wrap {
	background: rgba(20,13,7,.72) !important;
	-webkit-backdrop-filter: blur(12px) saturate(140%);
	backdrop-filter: blur(12px) saturate(140%);
	border-bottom: 1px solid rgba(224,179,77,.45);
	box-shadow: 0 2px 24px rgba(0,0,0,.35);
}
/* transparent-header mode (homepage): let the hero show through */
.transparent-header .site-header-row-container-inner,
.transparent-header .site-header-inner-wrap {
	background: linear-gradient(180deg, rgba(15,9,5,.75), rgba(15,9,5,0)) !important;
	border-bottom-color: rgba(224,179,77,.25);
	backdrop-filter: blur(4px);
}
.header-navigation .menu-item > a {
	position: relative;
	transition: color .2s ease;
}
.header-navigation .menu-item > a::after {
	content: ""; position: absolute; left: 0; right: 100%; bottom: -2px;
	height: 2px; background: var(--pitw-gold);
	transition: right .25s ease; opacity: .9;
}
.header-navigation .menu-item > a:hover::after { right: 0; }

/* Emblem before the site title */
.site-branding .site-title a::before,
.site-header .site-title a::before {
	content: "";
	display: inline-block;
	width: 38px; height: 38px;
	margin-right: .55rem;
	vertical-align: -10px;
	background: url("assets/emblem.svg") center/contain no-repeat;
	filter: drop-shadow(0 2px 4px rgba(0,0,0,.5));
}
.site-title a { display: inline-flex; align-items: center; }

/* ---- Full-bleed homepage: neutralise Kadence container padding ---- */
.page-id-77 .content-container,
.page-id-77 .entry-content-wrap,
.page-id-77 .entry-content {
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.page-id-77 .entry-content > * { /* re-center normal blocks */ }
.pitw-wrap { max-width: 1120px; margin: 0 auto; padding: 0 1.25rem; }

/* ---- Section system: alternating felt / wood, gold hairlines ---- */
.pitw-section { position: relative; padding: 4.5rem 0; }
.pitw-section-felt {
	background:
		radial-gradient(80% 60% at 50% 0%, rgba(27,67,50,.55), transparent 70%),
		linear-gradient(180deg,#15301f,#102619);
	border-top: 1px solid rgba(224,179,77,.25);
	border-bottom: 1px solid rgba(224,179,77,.25);
}
.pitw-section-wood {
	background:
		repeating-linear-gradient(92deg, rgba(255,255,255,.018) 0 2px, transparent 2px 7px),
		linear-gradient(180deg,#2a1a0e,#1c1109);
}
.pitw-section-dark { background: linear-gradient(180deg,#160d06,#1a120b); }
.pitw-section .pitw-eyebrow {
	text-align: center; color: var(--pitw-gold);
	text-transform: uppercase; letter-spacing: .28em; font-size: .8rem; margin-bottom: .4rem;
}
.pitw-section h2.pitw-h {
	text-align: center; font-size: clamp(1.8rem,4vw,2.8rem); margin: 0 0 2rem;
	color: var(--pitw-cream);
}

/* ---- Chip divider ---- */
.pitw-chip-divider {
	display: flex; align-items: center; justify-content: center; gap: 1rem;
	padding: 1.5rem 0; color: var(--pitw-gold);
}
.pitw-chip-divider::before, .pitw-chip-divider::after {
	content: ""; height: 1px; width: min(38%, 360px);
	background: linear-gradient(90deg, transparent, rgba(224,179,77,.55), transparent);
}
.pitw-chip-divider .suit { font-size: 1.1rem; letter-spacing: .4rem; opacity: .85; }

/* =========================  CINEMATIC HERO  ========================= */
.pitw-cine-hero {
	position: relative; isolation: isolate;
	width: 100%; min-height: clamp(580px, 92vh, 860px);
	display: flex; align-items: center; justify-content: center;
	text-align: center; overflow: hidden;
	padding: 7rem 1.25rem 5rem;
	background:
		radial-gradient(58% 42% at 50% 6%, rgba(224,179,77,.26), transparent 62%),
		radial-gradient(130% 95% at 50% 42%, rgba(27,67,50,.6), rgba(20,48,38,.18) 55%, transparent 78%),
		linear-gradient(180deg,#241308,#140b05);
}
/* blurred scattered chips + cards */
.pitw-cine-hero::before {
	content: ""; position: absolute; inset: -40px; z-index: -2;
	background-image:
		url("assets/tex-chip.svg"),
		url("assets/tex-card.svg"),
		url("assets/tex-chip.svg"),
		url("assets/tex-card.svg");
	background-repeat: no-repeat;
	background-size: 240px, 150px, 150px, 110px;
	background-position: 8% 78%, 22% 30%, 86% 70%, 78% 22%;
	opacity: .14;
	filter: blur(3px) saturate(120%);
	transform: rotate(-4deg);
}
/* vignette + film grain */
.pitw-cine-hero::after {
	content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
	box-shadow: inset 0 0 240px 70px rgba(0,0,0,.9);
	background: url("assets/tex-noise.svg");
	background-size: 220px;
	opacity: .35; mix-blend-mode: overlay;
}
.pitw-cine-hero .pitw-hero-inner { max-width: 880px; }
.pitw-hero-emblem {
	width: 96px; height: 96px; margin: 0 auto 1.25rem;
	background: url("assets/emblem.svg") center/contain no-repeat;
	filter: drop-shadow(0 6px 18px rgba(0,0,0,.6));
	animation: pitw-fade 1s ease both;
}
.pitw-cine-hero h1 {
	font-family: 'Cinzel', Georgia, serif; font-weight: 900;
	font-size: clamp(2.6rem, 8vw, 5.5rem); line-height: 1; margin: 0;
	color: var(--pitw-cream);
	text-shadow: 0 2px 0 rgba(0,0,0,.5), 0 0 40px rgba(224,179,77,.25);
	letter-spacing: .02em;
	animation: pitw-rise .9s ease both;
}
.pitw-cine-hero .pitw-sub-name {
	font-family: 'Cinzel', serif; color: var(--pitw-gold);
	text-transform: uppercase; letter-spacing: .42em; font-size: clamp(.9rem,2.4vw,1.4rem);
	margin: .9rem 0 0; padding-left: .42em;
	animation: pitw-rise 1s ease .1s both;
}
.pitw-cine-hero .pitw-tag {
	max-width: 620px; margin: 1.3rem auto 0; font-size: clamp(1rem,2vw,1.22rem);
	color: var(--pitw-cream); opacity: .92; line-height: 1.55;
	animation: pitw-fade 1.2s ease .25s both;
}
.pitw-hero-btns { margin-top: 2.1rem; display: flex; gap: .9rem; justify-content: center; flex-wrap: wrap; animation: pitw-fade 1.2s ease .4s both; }
.pitw-hero-btns a {
	text-decoration: none; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
	padding: .85rem 1.7rem; border-radius: 999px; font-size: .92rem; transition: transform .18s ease, box-shadow .18s ease, background .2s;
}
.pitw-hero-btns .pitw-b-primary { background: linear-gradient(180deg,var(--pitw-gold),#b9892b); color:#241308; box-shadow: 0 8px 24px rgba(224,179,77,.3); }
.pitw-hero-btns .pitw-b-ghost { background: rgba(244,236,224,.06); color: var(--pitw-cream); border: 1px solid rgba(224,179,77,.5); }
.pitw-hero-btns a:hover { transform: translateY(-2px); }
.pitw-hero-btns .pitw-b-ghost:hover { background: rgba(224,179,77,.14); }
.pitw-scroll-cue { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); color: var(--pitw-gold); opacity: .6; font-size: 1.4rem; animation: pitw-bob 2s ease-in-out infinite; }

@keyframes pitw-rise { from { opacity:0; transform: translateY(18px);} to {opacity:1; transform:none;} }
@keyframes pitw-fade { from { opacity:0;} to {opacity:1;} }
@keyframes pitw-bob { 0%,100%{ transform: translateX(-50%) translateY(0);} 50%{ transform: translateX(-50%) translateY(6px);} }
@media (prefers-reduced-motion: reduce) { .pitw-cine-hero *{ animation: none !important; } .pitw-scroll-cue{ animation:none;} }

/* =========================  STAT CARDS  ========================= */
.pitw-stat-cards {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.1rem;
	max-width: 1120px; margin: -3.5rem auto 0; padding: 0 1.25rem; position: relative; z-index: 3;
}
.pitw-stat-card {
	background: linear-gradient(165deg, rgba(59,36,23,.96), rgba(28,17,9,.97));
	border: 1px solid rgba(224,179,77,.32);
	border-radius: 16px; padding: 1.3rem 1.25rem;
	box-shadow: 0 16px 40px rgba(0,0,0,.45);
	transition: transform .2s ease, border-color .2s ease;
}
.pitw-stat-card:hover { transform: translateY(-4px); border-color: rgba(224,179,77,.7); }
.pitw-stat-top { display: flex; align-items: center; gap: .55rem; color: var(--pitw-gold); margin-bottom: .7rem; }
.pitw-icon svg { display: block; }
.pitw-stat-kicker { text-transform: uppercase; letter-spacing: .1em; font-size: .68rem; color: var(--pitw-gold); }
.pitw-stat-big { font-family: 'Cinzel', serif; font-size: 1.7rem; font-weight: 800; color: var(--pitw-cream); line-height: 1.1; }
.pitw-stat-sub { font-size: .85rem; opacity: .82; margin-top: .2rem; }
.pitw-stat-link { display: inline-block; margin-top: .8rem; font-size: .8rem; color: var(--pitw-gold); text-decoration: none; font-weight: 600; }
.pitw-stat-link:hover { color: #fff; }
.pitw-stat-list { list-style: none; margin: .2rem 0 0; padding: 0; }
.pitw-stat-list li { padding: .28rem 0; border-top: 1px solid rgba(255,255,255,.08); font-size: .92rem; }
.pitw-stat-list li:first-child { border-top: 0; }

/* big-number stat strip */
.pitw-bigstats { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; }
.pitw-bigstat { text-align: center; }
.pitw-bigstat-n { display: block; font-family:'Cinzel',serif; font-size: 2.4rem; font-weight: 900; color: var(--pitw-gold); }
.pitw-bigstat-l { display: block; font-size: .9rem; opacity: .85; }

/* =========================  TIMELINE (ONE TABLE. TWENTY YEARS.)  ========================= */
.pitw-timeline { max-width: 820px; margin: 0 auto; position: relative; padding-left: 2rem; }
.pitw-timeline::before { content:""; position:absolute; left: 7px; top: 6px; bottom: 6px; width: 2px; background: linear-gradient(180deg, var(--pitw-gold), rgba(224,179,77,.15)); }
.pitw-tl-item { position: relative; padding: 0 0 1.6rem 1.4rem; }
.pitw-tl-item::before { content:""; position:absolute; left: -2rem; top: 4px; width: 16px; height: 16px; border-radius: 50%; background:#1a120b; border: 3px solid var(--pitw-gold); box-shadow: 0 0 0 4px rgba(224,179,77,.12); }
.pitw-tl-item h4 { margin: 0 0 .2rem; color: var(--pitw-cream); font-family:'Cinzel',serif; font-size: 1.05rem; }
.pitw-tl-item p { margin: 0; opacity: .88; }
.pitw-tl-item.pitw-tl-star::before { background: var(--pitw-gold); }
.pitw-tl-maisie {
	background: rgba(0,0,0,.32); border: 1px solid rgba(224,179,77,.4);
	border-left: 5px solid var(--pitw-gold); border-radius: 0 14px 14px 0;
	padding: 1.3rem 1.5rem; margin: .4rem 0 1.6rem; font-size: 1.08rem; line-height: 1.6;
}
.pitw-tl-maisie em { color: var(--pitw-gold); font-style: normal; }

/* =========================  FRAMED PHOTO PLACEHOLDERS  ========================= */
.pitw-photo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap: 1.4rem; }
.pitw-frame {
	background:
		repeating-linear-gradient(45deg, rgba(0,0,0,.18) 0 8px, transparent 8px 16px),
		linear-gradient(160deg,#23170d,#16100a);
	border: 8px solid #1c130a;
	border-radius: 4px;
	box-shadow: 0 14px 34px rgba(0,0,0,.5), inset 0 0 0 2px rgba(224,179,77,.5);
	aspect-ratio: 4/3; position: relative; overflow: hidden;
	display: flex; align-items: center; justify-content: center; text-align: center;
	transition: transform .2s ease;
}
.pitw-frame:hover { transform: rotate(-1deg) scale(1.01); }
.pitw-frame .pitw-frame-inner { padding: 1rem; color: rgba(244,236,224,.55); }
.pitw-frame .pitw-frame-suit { font-size: 1.6rem; color: rgba(224,179,77,.5); display:block; margin-bottom: .3rem; }
.pitw-frame .pitw-frame-cap { font-family:'Cinzel',serif; font-size: 1rem; color: rgba(244,236,224,.8); }
.pitw-frame .pitw-frame-note { font-size: .72rem; opacity: .6; margin-top: .35rem; text-transform: uppercase; letter-spacing: .12em; }
.pitw-photo-hint { text-align:center; opacity:.6; font-size:.85rem; margin-top:1.2rem; font-style: italic; }

/* =========================  MUSEUM (History / Hall of Shame)  ========================= */
.pitw-museum-frame { /* a framed gallery wrapper */
	padding: 1.2rem; border: 1px solid rgba(224,179,77,.3); border-radius: 14px;
	background: rgba(0,0,0,.25);
}
.pitw-museum-frame .wp-block-gallery, .pitw-museum-frame .blocks-gallery-grid { gap: 14px !important; }
.pitw-museum-frame figure img {
	border: 6px solid #1c130a; border-radius: 3px;
	box-shadow: 0 10px 26px rgba(0,0,0,.5), inset 0 0 0 1px rgba(224,179,77,.4);
}
.pitw-exhibit-label {
	display:inline-block; background: var(--pitw-gold); color:#241308; font-weight:800;
	text-transform: uppercase; letter-spacing:.12em; font-size:.7rem; padding:.3rem .8rem; border-radius:4px;
}

/* =========================  RESPONSIVE  ========================= */
@media (max-width: 980px) {
	.pitw-stat-cards { grid-template-columns: repeat(2,1fr); margin-top: -2rem; }
	.pitw-bigstats { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 560px) {
	.pitw-stat-cards { grid-template-columns: 1fr; }
	.pitw-cine-hero { min-height: 78vh; padding-top: 6rem; }
	.site-branding .site-title a::before { width: 30px; height: 30px; vertical-align: -8px; }
}