/* K2K Design System Lite 1.1 – additive, scoped and reversible. */
:root{
  --k2k-ui-bg:#090b10;--k2k-ui-surface:#151820;--k2k-ui-surface-2:#1b202a;
  --k2k-ui-text:#f8fafc;--k2k-ui-muted:#b7bfcb;
  --k2k-ui-stroke:rgba(255,255,255,.12);
  --k2k-theme-accent:#f43f73;--k2k-theme-accent-2:#db2777;
  --k2k-theme-on:#10131a;--k2k-theme-soft:rgba(244,63,115,.13);
  --k2k-theme-glow:rgba(244,63,115,.26);
}
html[data-k2k-theme="blue"]{--k2k-theme-accent:#38bdf8;--k2k-theme-accent-2:#2563eb;--k2k-theme-on:#08111d;--k2k-theme-soft:rgba(56,189,248,.13);--k2k-theme-glow:rgba(56,189,248,.25)}
html[data-k2k-theme="rose"]{--k2k-theme-accent:#fb437a;--k2k-theme-accent-2:#d61f61;--k2k-theme-on:#10131a;--k2k-theme-soft:rgba(251,67,122,.13);--k2k-theme-glow:rgba(251,67,122,.24)}
html[data-k2k-theme="amber"]{--k2k-theme-accent:#fbbf24;--k2k-theme-accent-2:#f59e0b;--k2k-theme-on:#17110a;--k2k-theme-soft:rgba(251,191,36,.13);--k2k-theme-glow:rgba(251,191,36,.24)}
html[data-k2k-theme="cyan"]{--k2k-theme-accent:#22d3ee;--k2k-theme-accent-2:#0891b2;--k2k-theme-on:#05151a;--k2k-theme-soft:rgba(34,211,238,.13);--k2k-theme-glow:rgba(34,211,238,.23)}
html[data-k2k-theme="violet"]{--k2k-theme-accent:#a78bfa;--k2k-theme-accent-2:#7c3aed;--k2k-theme-on:#100b22;--k2k-theme-soft:rgba(167,139,250,.13);--k2k-theme-glow:rgba(167,139,250,.26)}
html[data-k2k-theme="emerald"]{--k2k-theme-accent:#34d399;--k2k-theme-accent-2:#059669;--k2k-theme-on:#061710;--k2k-theme-soft:rgba(52,211,153,.13);--k2k-theme-glow:rgba(52,211,153,.24)}
html[data-k2k-theme="coral"]{--k2k-theme-accent:#fb7185;--k2k-theme-accent-2:#ea580c;--k2k-theme-on:#180d0c;--k2k-theme-soft:rgba(251,113,133,.13);--k2k-theme-glow:rgba(251,113,133,.25)}
html[data-k2k-theme]{
  /* Bridge existing custom properties, not the Elementor global palette. */
  --k2k-neon-red:var(--k2k-theme-accent);
  --k2k-glow-red:var(--k2k-theme-glow);
  --k2k-accent:var(--k2k-theme-accent);
  --k2k-accent-2:var(--k2k-theme-accent-2);
  --accent:var(--k2k-theme-accent);
  --pag-active-bg:var(--k2k-theme-accent);
  --pag-active-text:var(--k2k-theme-on);
  color-scheme:dark;
}
html[data-k2k-theme] body{background-color:var(--k2k-ui-bg);color:var(--k2k-ui-text)}
/* Headers, active tabs and buttons on current real site */
html[data-k2k-theme] body .bokon-header{border-bottom-color:var(--k2k-theme-accent)!important;box-shadow:0 7px 25px rgba(0,0,0,.4)!important}
html[data-k2k-theme] body .brand-icon{fill:var(--k2k-theme-accent)!important;filter:drop-shadow(0 0 7px var(--k2k-theme-glow))!important}
html[data-k2k-theme] body .search-input-box:focus-within{border-color:var(--k2k-theme-accent)!important;box-shadow:0 0 0 3px var(--k2k-theme-soft)!important}
html[data-k2k-theme] body .site-title{color:var(--k2k-ui-text)!important}
html[data-k2k-theme] body .sidebar-title{color:var(--k2k-theme-accent)!important}
html[data-k2k-theme] body .k2k-tab-active,
html[data-k2k-theme] body .elementor-pagination .page-numbers.current{
  background:linear-gradient(135deg,var(--k2k-theme-accent),var(--k2k-theme-accent-2))!important;
  color:var(--k2k-theme-on)!important;border-color:var(--k2k-theme-accent)!important;
  box-shadow:0 3px 14px var(--k2k-theme-glow)!important;
}
html[data-k2k-theme] body .elementor-pagination a.page-numbers:hover{border-color:var(--k2k-theme-accent)!important;color:var(--k2k-ui-text)!important}
html[data-k2k-theme] body .k2k-load-more-btn:hover,
html[data-k2k-theme] body .k2k-filter-btn:hover,
html[data-k2k-theme] body .story-sort-btn:hover{border-color:var(--k2k-theme-accent)!important}
html[data-k2k-theme] body .bokon-footer-pro,
html[data-k2k-theme] body .bokon-custom-footer{border-color:var(--k2k-theme-accent)!important}
html[data-k2k-theme] body .footer-pro-col h3{color:var(--k2k-theme-accent)!important}
/* Cards: keep layout dimensions untouched, reduce excessive motion on hover. */
html[data-k2k-theme] body :is(.k2k-card,.vg-card,.compact-card-small,.k2k-gallery-item,.bokon-centered-card){
  border-radius:12px!important;
  transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease!important;
}
@media (hover:hover) and (pointer:fine){
  html[data-k2k-theme] body :is(.k2k-card,.vg-card,.compact-card-small,.k2k-gallery-item,.bokon-centered-card):hover{
    transform:translateY(-3px)!important;
    border-color:var(--k2k-theme-accent)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.38)!important;
  }
}
html[data-k2k-theme] body a:focus-visible,
html[data-k2k-theme] body button:focus-visible,
html[data-k2k-theme] body select:focus-visible{outline:2px solid var(--k2k-theme-accent)!important;outline-offset:3px}
/* Theme changer: one compact header button; native dialog works on desktop and mobile. */
.k2k-theme-trigger{flex:0 0 auto;display:inline-grid;place-items:center;width:38px;height:38px;min-width:38px;min-height:38px;padding:0!important;
 border:1px solid var(--k2k-ui-stroke)!important;border-radius:12px!important;background:var(--k2k-ui-surface)!important;color:var(--k2k-ui-text)!important;
 cursor:pointer;box-shadow:none!important;font:inherit!important;line-height:1!important}
.k2k-theme-trigger:hover{border-color:var(--k2k-theme-accent)!important;background:var(--k2k-theme-soft)!important}
.k2k-theme-trigger svg{width:20px;height:20px;stroke:var(--k2k-theme-accent);fill:none;stroke-width:1.8}
.k2k-theme-modal{box-sizing:border-box;max-width:min(440px,calc(100vw - 32px));width:100%;padding:24px;direction:rtl;
 background:var(--k2k-ui-surface);color:var(--k2k-ui-text);border:1px solid var(--k2k-ui-stroke);border-radius:18px;
 box-shadow:0 18px 80px rgba(0,0,0,.75);font-family:Vazirmatn,Tahoma,sans-serif}
.k2k-theme-modal::backdrop{background:rgba(0,0,0,.7)}
.k2k-theme-modal h2{color:var(--k2k-ui-text)!important;margin:0 0 10px;font-size:20px;line-height:1.6}
.k2k-theme-modal p{color:var(--k2k-ui-muted)!important;margin:0 0 18px;line-height:1.9;font-size:13px}
.k2k-theme-modal label{display:block;margin-bottom:8px;font-size:13px;font-weight:700;color:var(--k2k-ui-text)}
.k2k-theme-modal select{width:100%;min-height:46px;background:var(--k2k-ui-bg);color:var(--k2k-ui-text);border:1px solid var(--k2k-ui-stroke);
 border-radius:10px;padding:7px 12px;font:inherit;font-size:14px}
.k2k-theme-modal .k2k-theme-close{width:100%;min-height:44px;margin-top:18px;border:0;border-radius:12px;
 background:var(--k2k-theme-accent);color:var(--k2k-theme-on);font:inherit;font-weight:800;cursor:pointer}
@media (max-width:600px){.k2k-theme-trigger{width:36px;height:36px;min-width:36px;min-height:36px}.k2k-theme-modal{padding:20px}}
@media (prefers-reduced-motion:reduce){
 html[data-k2k-theme] body :is(.k2k-card,.vg-card,.compact-card-small,.k2k-gallery-item,.bokon-centered-card),
 .k2k-theme-trigger{animation:none!important;transition:none!important}
 html[data-k2k-theme] body :is(.k2k-card,.vg-card,.compact-card-small,.k2k-gallery-item,.bokon-centered-card):hover{transform:none!important}
}