/*
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 extension: append only below the existing homepage blocks. */
.kat-future-block,.kat-agreed-flow{max-width:1480px;margin:18px auto 0;background:#050607;color:#fff}
.kat-future-head{border-top:1px solid #8f0d14;border-bottom:1px solid #8f0d14;padding:14px 12px;text-align:center}
.kat-future-head span{font:900 27px/1.1 Georgia,serif;color:#fff}.kat-future-head b{color:#d01822}.kat-future-head small{display:block;margin-top:5px;color:#bbb;font-size:12px}
.kat-future-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:12px 0}
.kat-future-card{display:flex;flex-direction:column;min-height:330px;background:#090a0b;border:1px solid #383838;color:#fff;text-decoration:none;overflow:hidden}
.kat-future-card img{width:100%;height:148px;object-fit:cover;display:block}.kat-future-card>div{display:flex;flex-direction:column;flex:1;padding:12px}
.kat-future-card span{align-self:flex-start;background:#b20e18;color:#fff;font-size:10px;font-weight:900;padding:4px 7px}.kat-future-card h3{font:900 16px/1.2 Georgia,serif;margin:8px 0;color:#fff}.kat-future-card p{font-size:11px;line-height:1.35;color:#ccc;margin:0 0 10px}.kat-future-card strong{margin-top:auto;align-self:flex-start;background:#b20e18;color:#fff;padding:8px 10px;font-size:9px}
.kat-agreed-flow>header{text-align:center;border-top:1px solid #8f0d14;border-bottom:1px solid #8f0d14;margin-bottom:8px}.kat-agreed-flow>header h2{display:inline-block;background:#050607;padding:0 18px;margin:-13px 0 0;font:900 28px/1 Georgia,serif;color:#fff}
.kat-agreed-flow-rows{display:flex;flex-direction:column;gap:6px}.kat-agreed-flow-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;align-items:stretch}
.kat-flow-grid-card,.kat-flow-ad-wrap{height:286px;min-height:286px;max-height:286px;box-sizing:border-box}
.kat-flow-grid-card{display:flex;flex-direction:column;background:#f0ede6;border:1px solid #c9c4bb;color:#111;text-decoration:none;padding:8px;overflow:hidden}
.kat-flow-grid-card img{width:100%;height:105px;min-height:105px;object-fit:cover;display:block;margin-bottom:7px}.kat-flow-grid-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:4px}.kat-flow-grid-meta small{color:#b10f18;font-size:9px;font-weight:900;text-transform:uppercase}.kat-flow-grid-meta time{color:#222;font-size:9px;font-weight:800}
.kat-flow-grid-card h3{font:900 14px/1.2 Georgia,serif;color:#111;margin:0 0 6px;height:50px;overflow:hidden}.kat-flow-grid-card p{font-size:10px;line-height:1.28;color:#333;margin:0;height:39px;overflow:hidden}.kat-flow-grid-card strong{margin-top:auto;color:#b10f18;font-size:8px;font-weight:900;border-top:1px solid #d8d2c7;padding-top:6px}
.kat-flow-ad-wrap{background:#111;border:1px solid #444;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden}.kat-flow-ad-wrap .kat-ad-slot{width:100%!important;height:100%!important;min-height:286px!important;background:linear-gradient(145deg,#111,#202020)!important;border:0!important;display:flex;flex-direction:column;justify-content:center}.kat-flow-ad-wrap .kat-ad-label{color:#777!important}.kat-flow-ad-wrap .adsbygoogle{min-height:220px!important}
.kat-flow-more{display:block;width:max-content;margin:16px auto 20px;padding:10px 18px;border:1px solid #555;color:#fff;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.04em}
@media(max-width:1100px){.kat-future-track{grid-template-columns:repeat(3,1fr)}.kat-agreed-flow-row{grid-template-columns:repeat(3,1fr)}.kat-flow-grid-card,.kat-flow-ad-wrap{height:300px;min-height:300px;max-height:300px}}
@media(max-width:700px){.kat-future-head span{font-size:20px}.kat-future-track{grid-template-columns:1fr 1fr}.kat-agreed-flow-row{grid-template-columns:1fr 1fr}.kat-flow-grid-card,.kat-flow-ad-wrap{height:290px;min-height:290px;max-height:290px}.kat-flow-grid-card h3{font-size:13px}.kat-flow-grid-card img{height:96px;min-height:96px}}