/*
Theme Name: Fukrey Online
Theme URI: https://fukrey.online/
Author: Fukrey.online
Description: A responsive, editable WordPress block theme for an independent Fukrey fan and entertainment editorial website.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fukrey-online
Tags: block-theme, full-site-editing, entertainment, blog, news, custom-colors, custom-logo, featured-images, wide-blocks
*/

/* Fukrey Online visual system */
:root { --fo-ink:#111315; --fo-panel:#1b2022; --fo-paper:#f5f2eb; --fo-muted:#a9b0ad; --fo-orange:#ff7138; --fo-lime:#c6ef55; }
body { background:var(--fo-ink); }
a { transition:color .2s ease, opacity .2s ease; }
a:hover { color:var(--fo-orange); }
.site-header { border-bottom:1px solid rgba(245,242,235,.12); padding:18px 24px; }
.header-inner { max-width:1160px; margin:0 auto; min-height:54px; }
.brand-lockup { gap:12px; }
.brand-title a { color:var(--fo-paper); text-decoration:none; }
.brand-title a:before { content:""; display:inline-block; width:10px; height:10px; background:var(--fo-orange); border-radius:50%; margin:0 9px 2px 0; }
.brand-tagline { color:var(--fo-muted); font-size:9px; letter-spacing:.17em; font-weight:800; margin:0; }
.wp-block-navigation a { color:var(--fo-paper); text-decoration:none; }
.wp-block-navigation a:hover { color:var(--fo-lime); }
.site-main,.archive-main,.single-main,.page-main { max-width:1160px; margin:0 auto; padding:0 24px 64px; }
.hero-wrap { padding:clamp(64px,11vw,132px) 0 72px; max-width:900px; }
.eyebrow,.story-category { color:var(--fo-lime); font-size:.72rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.hero-title { font-size:clamp(3rem,8vw,6.8rem); letter-spacing:-.075em; margin:18px 0 20px; max-width:900px; }
.hero-title span { color:var(--fo-orange); }
.hero-copy { color:#c2c7c3; font-size:clamp(1.05rem,2vw,1.3rem); max-width:620px; }
.hero-disclaimer { color:var(--fo-muted); font-size:.8rem; margin-top:28px; }
.wp-block-button__link { background:var(--fo-orange); color:#171717; font-weight:900; padding:13px 22px; }
.wp-block-button.is-style-outline .wp-block-button__link { background:transparent; color:var(--fo-paper); border:1px solid rgba(245,242,235,.35); }
.section-heading { border-top:1px solid rgba(245,242,235,.16); padding-top:28px; margin-bottom:26px; }
.section-heading h2 { font-size:clamp(1.7rem,4vw,2.5rem); letter-spacing:-.05em; margin:0; }
.section-heading p { color:var(--fo-muted); font-size:.9rem; }
.story-grid { gap:24px !important; }
.story-card { background:var(--fo-panel); border:1px solid rgba(245,242,235,.09); border-radius:16px; padding:14px; height:100%; overflow:hidden; }
.story-card .wp-block-post-featured-image { margin:0 0 16px; overflow:hidden; border-radius:10px; }
.story-card .wp-block-post-featured-image img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.story-card:hover .wp-block-post-featured-image img { transform:scale(1.035); }
.story-card .wp-block-post-title { margin:8px 0; font-size:1.22rem; }
.story-card .wp-block-post-title a { color:var(--fo-paper); text-decoration:none; }
.story-card .wp-block-post-excerpt { color:#b9c0bc; font-size:.92rem; }
.story-card .wp-block-post-date { color:var(--fo-muted); font-size:.78rem; }
.editorial-callout { margin:72px 0 0; padding:clamp(28px,6vw,64px); background:linear-gradient(120deg,#252b2c,#171b1c); border:1px solid rgba(198,239,85,.24); border-radius:20px; }
.editorial-callout h2 { font-size:clamp(2rem,5vw,3.8rem); letter-spacing:-.06em; max-width:650px; }
.editorial-callout p:not(.eyebrow) { color:#c2c7c3; max-width:650px; }
.archive-main,.page-main { padding-top:64px; }
.archive-main > h1,.page-title { font-size:clamp(2.4rem,6vw,4.5rem); letter-spacing:-.06em; }
.single-main { padding-top:52px; }
.article-header { max-width:900px; margin:0 auto 36px; }
.article-title { font-size:clamp(2.3rem,6vw,4.7rem); letter-spacing:-.06em; }
.article-meta { color:var(--fo-muted); font-size:.85rem; gap:10px; }
.article-layout { gap:56px; }
.article-layout .wp-block-post-content { font-size:1.08rem; }
.article-layout .wp-block-post-content h2,.article-layout .wp-block-post-content h3 { margin-top:2em; }
.article-layout .wp-block-post-content img { border-radius:12px; }
.site-footer { border-top:1px solid rgba(245,242,235,.12); padding:48px 24px 28px; }
.footer-top { max-width:1160px; margin:0 auto; gap:32px; }
.footer-note { color:var(--fo-muted); max-width:420px; font-size:.9rem; }
.footer-rule { max-width:1160px; margin:34px auto 18px; opacity:.25; }
.copyright-line { color:var(--fo-muted); font-size:.78rem; }
.not-found { min-height:55vh; padding:90px 24px; text-align:center; }
.not-found h1 { color:var(--fo-orange); margin:0; }
.wp-block-search__input { background:#202627; color:var(--fo-paper); border:1px solid #485052; border-radius:999px; padding:12px 16px; }
.wp-block-search__button { border-radius:999px; background:var(--fo-lime); color:#111; font-weight:800; }
@media (max-width:781px) {
  .site-header { padding:14px 18px; }
  .header-inner { gap:14px; }
  .brand-lockup { flex-wrap:wrap; gap:4px 10px; }
  .brand-tagline { display:none; }
  .site-main,.archive-main,.single-main,.page-main { padding-left:18px; padding-right:18px; }
  .hero-wrap { padding-top:66px; padding-bottom:54px; }
  .story-grid { grid-template-columns:1fr !important; }
  .section-heading { align-items:flex-start !important; flex-direction:column; gap:4px; }
  .article-layout { display:block; }
  .article-layout > .wp-block-column { flex-basis:100% !important; }
  .article-layout > .wp-block-column:last-child { margin-top:40px; padding-top:25px; border-top:1px solid rgba(245,242,235,.14); }
}
@media (min-width:782px) and (max-width:1024px) {
  .story-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}