/*
Theme Name: BK Glass
Theme URI: https://bk-1.com
Description: Тема «Рейтинг БК» — рейтинг букмекеров в стиле iOS liquid-glass. Кастомная классическая PHP-тема.
Author: @fedor_work1
Author URI: https://bk-1.com
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: bk-glass
*/

:root{
  --acc:#0a84ff; --acc2:#0060df; --acc-soft:rgba(10,132,255,.12); --acc-glow:rgba(10,132,255,.7);
  --rad-lg:26px; --rad:22px; --rad-md:20px; --rad-sm:18px;
  --blur:20px; --card-bg:rgba(255,255,255,.6);

  --bg:#e6ebf4;
  --ink:#1c1c1e;        
  --ink-1:#48484a;      
  --ink-2:#6e6e73;      
  --ink-3:#8e8e93;      
  --line:#d1d1d6;       
  --card-border:rgba(255,255,255,.75);

  --ok:#1e8a48; --ok-soft:rgba(30,158,82,.1); --ok2:#22a559; --ok3:#1a8a48;
  --star:#ff9f0a; --danger:#ff453a;

  --dark-card:linear-gradient(165deg,#1c2333,#0f1420);
  --island-bg:rgba(20,22,29,.74);
  --footer-bg:rgba(20,26,38,.94);
  --brand-grad:linear-gradient(150deg,var(--acc),#5e5ce6);

  --sh-card:0 12px 34px -16px rgba(20,32,64,.2);
  --sh-hero:0 20px 50px -20px rgba(20,32,64,.28);
  --sh-btn:0 12px 26px -10px var(--acc-glow);
  --sh-island:0 16px 44px -16px rgba(8,12,22,.6);

  --maxw:1360px;
  --bp-aside:1180px;  
  --bp-grid:900px;    
  --bp-menu:820px;    
}

:root[data-theme="dark"]{
  --bg:#0b0f18;
  --ink:#f2f4f8;
  --ink-1:#c7ccd6;
  --ink-2:#aeb4c2;
  --ink-3:#8b93a5;
  --line:rgba(255,255,255,.12);
  --card-bg:rgba(34,40,54,.55);
  --card-border:rgba(255,255,255,.08);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{margin:0}
body{
  background:var(--bg);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  line-height:1.5;
}
a{color:var(--acc);text-decoration:none}
a:hover{color:var(--acc2)}
::selection{background:rgba(10,132,255,.22)}
img{max-width:100%;height:auto;display:block}
input,button,textarea,select{font-family:inherit}
button{cursor:pointer;font:inherit}
h1,h2,h3,h4,p{margin:0}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:rgba(120,120,128,.3);border-radius:8px}

@keyframes bkFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(0,-22px) scale(1.05)}}
@keyframes bkCookieUp{from{transform:translateY(120%);opacity:0}to{transform:translateY(0);opacity:1}}

.rbk-root{
  position:relative;width:100%;min-height:100vh;overflow:clip;
  display:flex;flex-direction:column;
  background:
    radial-gradient(1100px 620px at 12% -8%,rgba(10,132,255,.20),transparent 60%),
    radial-gradient(900px 560px at 96% 4%,rgba(48,177,90,.16),transparent 55%),
    radial-gradient(820px 720px at 46% 34%,rgba(94,92,230,.11),transparent 60%),
    radial-gradient(900px 560px at 6% 96%,rgba(255,159,10,.11),transparent 60%),
    linear-gradient(180deg,#eef1f8,var(--bg));
}
:root[data-theme="dark"] .rbk-root{
  background:
    radial-gradient(1100px 620px at 12% -8%,rgba(10,132,255,.18),transparent 60%),
    radial-gradient(900px 560px at 96% 4%,rgba(48,177,90,.10),transparent 55%),
    radial-gradient(820px 720px at 46% 34%,rgba(94,92,230,.12),transparent 60%),
    radial-gradient(900px 560px at 6% 96%,rgba(255,159,10,.07),transparent 60%),
    linear-gradient(180deg,#0f1420,var(--bg));
}
.bk-blob{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0}
.bk-blob--1{top:120px;left:-80px;width:320px;height:320px;background:rgba(10,132,255,.28);animation:bkFloat 12s ease-in-out infinite}
.bk-blob--2{top:640px;right:-60px;width:300px;height:300px;background:rgba(48,177,90,.22);animation:bkFloat 15s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){.bk-blob{animation:none}}