/* ========================================================================== Koora Break — Theme Options runtime layer Static rules driven by body classes + CSS variables set in the dashboard. Variable values are injected by koora_options_render_css() in . ========================================================================== */ /* Content width control (applies to the theme's Tailwind .container too) */ body.kb-opt .container, body.kb-opt .kb-page, body.kb-opt .maxWidth { max-width: var(--kb-container, 1200px); } /* Section spacing on entity pages */ body.kb-opt .kb-section { margin-top: var(--kb-section-gap, 28px); } /* Boxed layout */ body.kb-layout-boxed { --kb-box-pad: 24px; } body.kb-layout-boxed #page, body.kb-layout-boxed .site, body.kb-layout-boxed main { background: var(--kb-card, #fff); } body.kb-layout-boxed .container, body.kb-layout-boxed .kb-page { margin-inline: auto; box-shadow: 0 0 24px rgba(0,0,0,.06); } /* Sticky header toggle (default sticky; class added only when turned OFF) */ body.kb-sticky-off .kb-site-nav { position: static !important; } /* Full-width articles */ body.kb-article-fullwidth.single .container, body.kb-article-fullwidth.single .maxWidth { max-width: 100% !important; } /* Card shadow toggle */ body.kb-card-shadow .kb-player-card, body.kb-card-shadow .kb-match, body.kb-card-shadow .kb-stat, body.kb-card-shadow .carousel-cell { box-shadow: 0 2px 12px rgba(0,0,0,.08); } /* Radius applied to our cards from the variable */ body.kb-opt .kb-player-card, body.kb-opt .kb-match, body.kb-opt .kb-stat, body.kb-opt .kb-hero, body.kb-opt .kb-board { border-radius: var(--kb-radius, 16px); }