/*
Theme Name: katohika-cinematic
Text Domain: katohika-cinematic
Description: Standalone premium cinematic homepage inspired by the approved Katohika mockup; dynamic WordPress content and responsive layout.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html {
	scroll-behavior: smooth;
}

/* Premium titles are emitted as plain text for compatibility with escaped theme headings. */
.single main article .pms-premium-lock,
.single main article .pms-premium-lock div,
.single main article .pms-premium-lock h1,
.single main article .pms-premium-lock h2,
.single main article .pms-premium-lock h3,
.single main article .pms-premium-lock h4,
.single main article .pms-premium-lock p,
.single main article .pms-premium-lock span,
.single main article .pms-premium-lock strong,
.single main article .pms-premium-lock em {
	color:#fff!important;
}
.single main article .pms-premium-lock .pms-premium-kicker{color:#d4af37!important;}
.single main article .pms-premium-lock .pms-premium-note{color:#c9c9c9!important;}
.single main article .pms-premium-lock .pms-premium-btn-gold{color:#111!important;}
.single main article .pms-premium-lock .pms-premium-btn-light{color:#a40e17!important;}
.single main article [style*="background:#111"],
.single main article [style*="background: #111"],
.single main article [style*="background:#0b0b0b"],
.single main article [style*="background: #0b0b0b"] {color:#fff!important;}
.single main article [style*="background:#111"] *,
.single main article [style*="background: #111"] *,
.single main article [style*="background:#0b0b0b"] *,
.single main article [style*="background: #0b0b0b"] * {color:#fff!important;}

/* Premium paywall: force readable white text on dark background. */
.single article .kat-premium-lock,
.single article .kat-premium-lock * {
	color:#fff !important;
}
.single article .kat-premium-lock a.kat-premium-primary {
	color:#000 !important;
}
.single article .kat-premium-lock a.kat-premium-secondary {
	color:#111 !important;
}
.single article .kat-premium-lock h3,
.single article .kat-premium-lock p,
.single article .kat-premium-lock div,
.single article .kat-premium-lock span,
.single article .kat-premium-lock strong {
	color:#fff !important;
}

/* Agreed homepage lower section — plain CSS so preview and live render identically. */
.kat-future-block{margin:14px 0 0;background:#090a0c;border-top:3px solid #a40e17;color:#fff}
.kat-future-head{padding:16px 18px;border-bottom:1px solid #2b2b2b;background:#111214}
.kat-future-head span{font:900 18px/1.2 Georgia,serif;color:#fff}.kat-future-head b{color:#d21b26}.kat-future-head small{display:block;margin-top:4px;color:#aaa;font-size:10px}
.kat-future-track{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:8px;padding:8px}
.kat-future-card{position:relative;min-height:220px;display:flex;align-items:flex-end;overflow:hidden;border:1px solid #2b2b2b;background-image:linear-gradient(0deg,rgba(0,0,0,.96),rgba(0,0,0,.05) 72%),var(--future-img);background-size:cover;background-position:center;color:#fff}
.kat-future-card.is-featured{min-height:300px}.kat-future-card>div{position:relative;z-index:2;padding:14px}.kat-future-card span{display:inline-block;background:#a40e17;padding:4px 6px;font-size:8px;font-weight:900}.kat-future-card h3{margin:7px 0 5px;color:#fff;font:800 14px/1.2 Georgia,serif}.kat-future-card.is-featured h3{font-size:21px}.kat-future-card p{margin:0 0 7px;color:#d6d6d6;font-size:10px;line-height:1.35}.kat-future-card strong{font-size:8px;color:#ddd}
.kat-agreed-flow{margin-top:12px;background:#08090b;border-top:3px solid #a40e17;padding:0 8px 12px}.kat-agreed-flow>header{padding:14px 8px 10px;border-bottom:1px solid #292929}.kat-agreed-flow>header h2{margin:0;color:#fff;font:900 20px/1.1 Georgia,serif}
.kat-agreed-flow-rows{display:flex;flex-direction:column;gap:8px;padding-top:8px}.kat-agreed-flow-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:stretch}
.kat-flow-grid-card,.kat-flow-ad-wrap{height:330px;min-width:0;border:1px solid #2c2c2c;background:#111214;overflow:hidden}.kat-flow-grid-card{display:flex;flex-direction:column;color:#fff;text-decoration:none}
.kat-flow-grid-card img{width:100%;height:112px;object-fit:cover;display:block}.kat-flow-grid-meta{display:flex;justify-content:space-between;gap:8px;padding:8px 10px 0}.kat-flow-grid-meta small{color:#d41b25;font-size:8px;font-weight:900}.kat-flow-grid-meta time{color:#8b8b8b;font-size:8px}.kat-flow-grid-card h3{margin:6px 10px 0;color:#fff;font:800 13px/1.22 Georgia,serif;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.kat-flow-grid-card p{margin:7px 10px 0;color:#aaa;font-size:9px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.kat-flow-grid-card strong{margin:auto 10px 10px;color:#d31b25;font-size:8px}
.kat-flow-ad-wrap{display:flex;align-items:stretch;justify-content:stretch;background:#101113}.kat-flow-ad-wrap .kat-ad-slot{width:100%!important;height:100%!important;min-height:0!important;margin:0!important;border:0!important;background:#101113!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.kat-flow-ad-wrap .kat-ad-label{color:#888!important;font-size:8px!important}.kat-flow-ad-wrap ins.adsbygoogle{display:block!important;width:100%!important;height:280px!important;min-height:0!important;max-height:280px!important}
@media(max-width:1100px){.kat-future-track{grid-template-columns:repeat(2,1fr)}.kat-future-card.is-featured{grid-column:1/-1}.kat-agreed-flow-row{grid-template-columns:repeat(3,minmax(0,1fr))}.kat-flow-grid-card,.kat-flow-ad-wrap{height:340px}}
@media(max-width:700px){.kat-future-track{grid-template-columns:1fr}.kat-future-card,.kat-future-card.is-featured{min-height:230px}.kat-agreed-flow-row{grid-template-columns:1fr}.kat-flow-grid-card,.kat-flow-ad-wrap{height:auto;min-height:300px}.kat-flow-grid-card img{height:180px}.kat-flow-ad-wrap ins.adsbygoogle{height:250px!important;max-height:250px!important}}