/* ==========================================================================
   Sota palette — перекраска темы Proxy под фирменные цвета Сота ВПН
   Подключается ПОСЛЕДНИМ (после media.css). Чтобы откатить — уберите
   строку подключения sota.css из header.php.
   Все цвета — в переменных ниже: поменяли здесь → поменялось на всём сайте.
   ========================================================================== */

:root {
  /* Золото пчелы (снято с логотипа) */
  --sota-gold:       #F1C33B;
  --sota-gold-hi:    #F7D66B;   /* hover / светлее */
  --sota-gold-lo:    #D9A21F;   /* тёмный край градиента */
  --sota-gold-pale:  #F5DF8F;
  --sota-gold-soft:  rgba(241, 195, 59, 0.12);
  --sota-gold-line:  rgba(241, 195, 59, 0.35);

  /* Графит sotavpn.cc */
  --sota-ink:        #1C1C1C;   /* текст на золотом */
  --sota-bg:         #141414;   /* основной фон */
  --sota-bg-2:       #1C1C1C;   /* фон секций */
  --sota-card:       #232323;
  --sota-card-2:     #2B2B2B;
  --sota-line:       #303030;
  --sota-line-2:     #3E3E3E;

  /* Текст */
  --sota-text:       #FFFFFF;
  --sota-text-2:     #C9C6BF;   /* тёплый серый */
  --sota-text-3:     #8F8B84;

  /* Переменные servers.css → в палитру Сота */
  --bg-primary:      var(--sota-bg);
  --bg-secondary:    var(--sota-bg-2);
  --bg-tertiary:     var(--sota-card);
  --bg-card:         var(--sota-card);
  --bg-card-hover:   var(--sota-card-2);
  --text-secondary:  var(--sota-text-2);
  --text-muted:      var(--sota-text-3);
  --accent-primary:  var(--sota-gold);
  --accent-secondary:var(--sota-gold-lo);
  --border-primary:  var(--sota-line);
  --border-secondary:var(--sota-gold-line);
  --gradient-primary:   linear-gradient(90deg, var(--sota-gold-lo) 0%, var(--sota-gold) 50%, var(--sota-gold-pale) 100%);
  --gradient-secondary: linear-gradient(135deg, var(--sota-gold-lo) 0%, var(--sota-gold) 100%);
  --gradient-accent:    linear-gradient(135deg, var(--sota-gold-pale) 0%, var(--sota-gold) 50%, var(--sota-gold-lo) 100%);
  --shadow-glow:     0 0 24px rgba(241, 195, 59, 0.25);
}

/* ---------- База ---------- */
body { background: var(--sota-bg); }
::selection { background: var(--sota-gold); color: var(--sota-ink); }

/* ---------- Шапка ---------- */
header {
  background: rgba(20, 20, 20, 0.88);
  border-bottom: 1px solid var(--sota-line);
}
.menu-desc ul li a { color: var(--sota-text-2); transition: color .2s ease; }
.menu-desc ul li a:hover,
.footer-block-2 a:hover { color: var(--sota-gold); }

/* ---------- Кнопки (основные — золотые) ---------- */
.button-getkey-h-desc,
.menu-popup .button-getkey-h-desc,
.intro-button-getkey,
.button-getkey-vpn,
.get-telegram-btn {
  background: var(--sota-gold);
  color: var(--sota-ink);
  font-weight: 600;
  box-shadow: 0 6px 20px -8px rgba(241, 195, 59, 0.55);
  transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}
.intro-button-getkey:hover,
.button-getkey-h-desc:hover,
.button-getkey-vpn:hover,
.get-telegram-btn:hover {
  background: var(--sota-gold-hi);
  box-shadow: 0 10px 28px -8px rgba(241, 195, 59, 0.65);
}

/* Вторичные — контурные, золото на ховере */
.intro-button-moreinfo,
.support-btn,
.pc-but { border-color: var(--sota-line-2); }
.intro-button-moreinfo:hover {
  background: var(--sota-gold-soft);
  border-color: var(--sota-gold);
  color: var(--sota-gold);
}
.support-btn:hover, .tab-btn:hover, .pc-but:hover {
  background: var(--sota-gold-soft);
  border-color: var(--sota-gold);
  color: var(--sota-gold);
}
.tab-btn.tab-btn-active {
  background: var(--sota-gold);
  border-color: var(--sota-gold);
  color: var(--sota-ink);
}

/* ---------- Первый экран: соты + золотое свечение ---------- */
.v2ray-vpn,
.first-block-v2ray,
.downloadpc-v2ray {
  background:
    radial-gradient(ellipse 70% 55% at 50% 0%, rgba(241, 195, 59, 0.14) 0%, transparent 70%),
    linear-gradient(180deg, var(--sota-bg) 0%, var(--sota-bg-2) 100%);
  position: relative;
  overflow: hidden;
}
.v2ray-vpn::before,
.first-block-v2ray::before,
.downloadpc-v2ray::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66zm0 34V66' fill='none' stroke='%23F1C33B' stroke-width='1'/%3E%3C/svg%3E");
  background-size: 56px 100px;
  opacity: 0.09;
  -webkit-mask-image: radial-gradient(ellipse 60% 70% at 50% 35%, #000 0%, transparent 75%);
          mask-image: radial-gradient(ellipse 60% 70% at 50% 35%, #000 0%, transparent 75%);
}
.first-block-v2ray > .container,
.downloadpc-v2ray > .container { position: relative; z-index: 2; }

.title-h1-v2ray,
.h1-v2ray-vpn {
  background: linear-gradient(120deg, #FFFFFF 0%, #FFFFFF 45%, var(--sota-gold-pale) 70%, var(--sota-gold) 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.use-v2ray, .first-block-txt, .get-for-pc-txt { color: var(--sota-text-2); }

.intro-numb { color: var(--sota-gold); }
.intro-txt  { color: var(--sota-text-3); letter-spacing: 0.04em; }

/* ---------- Секции ---------- */
.why, .faq, .set-platform, .platforms-supported, .support-diagnostic { background: var(--sota-bg-2); }
.support-solutions { background: var(--sota-bg); }
.now {
  background:
    radial-gradient(ellipse 60% 80% at 50% 100%, rgba(241, 195, 59, 0.16) 0%, transparent 70%),
    var(--sota-bg);
  border-top: 1px solid var(--sota-line);
}
.info-test { color: var(--sota-text-2); }

/* ---------- Карточки ---------- */
.choose-v2ray,
.v2ray-pc-advantage,
.multiplatforms-v2rayvpn,
.diagnostic-card,
.solution-card,
.step-item,
.tab-btn {
  background: var(--sota-card);
  border-color: var(--sota-line);
}
.choose-v2ray { transition: transform .5s, opacity .5s, border-color .3s ease; }
.choose-v2ray:hover,
.v2ray-pc-advantage:hover,
.multiplatforms-v2rayvpn:hover { border-color: var(--sota-gold-line); }
.choose-v2ray p,
.v2ray-pc-advantage p,
.advantage-info p,
.diagnostic-card p,
.step-content p,
.cont-tab p { color: var(--sota-text-2); }

/* Иконки — «золотые соты» */
.why-icon,
.why-pc-ic,
.plat-ic-t {
  background: var(--sota-gold-soft);
  border: 1px solid var(--sota-gold-line);
  color: var(--sota-gold);
}
.why-icon svg { color: var(--sota-gold); fill: currentColor; }
.why-pc-ic svg, .plat-ic-t svg { fill: currentColor; }

.platform-icon, .pc-img { background: var(--sota-gold); color: var(--sota-ink); }

/* Номера шагов, бейджи */
.numb-step, .step-number, .tops {
  background: var(--sota-gold);
  color: var(--sota-ink);
}
.step, .recommended-settings-vpn, .down-windows-macos { background: var(--sota-card-2); }
.down-windows-macos { border-color: var(--sota-line-2); }
.recommended-settings-vpn { border-left-color: var(--sota-gold); }
.recommended-settings-vpn ul li { border-bottom-color: var(--sota-line-2); color: var(--sota-text-2); }
.time-d { background: var(--sota-gold-soft); color: var(--sota-gold); }
.plat-spis li { border-bottom-color: var(--sota-line); color: var(--sota-text-2); }
.plat-spis li::before { color: var(--sota-gold); }

/* ---------- Серверы ---------- */
.server-card { background: var(--sota-card); }
.server-card:hover { border-color: var(--sota-gold-line); }
.server-stat-value { color: var(--sota-text); }

/* ---------- FAQ ---------- */
.details { border-bottom-color: var(--sota-line); }
.details::after { border-color: var(--sota-gold); }
.details__title { transition: color .2s ease; }
.details__title:hover, .details[open] .details__title { color: var(--sota-gold); }
.details__content { color: var(--sota-text-2); }

/* ---------- Подвал ---------- */
.footer-v2ray { background: #101010; border-top-color: var(--sota-line); }
.footer-bottom { border-top-color: var(--sota-line); color: var(--sota-text-3); }
.footer-txt, .footer-block-2 a { color: var(--sota-text-3); }

/* ---------- Мобильное меню ---------- */
.menu-popup { background: var(--sota-bg); border-left: 1px solid var(--sota-line); }
.menu-mob ul li a:hover { color: var(--sota-gold); }

/* ---------- Блог и записи (перебиваем встроенные <style>) ---------- */
body .post-card { background: var(--sota-card); border: 1px solid var(--sota-line); }
body .post-card:hover { border-color: var(--sota-gold-line); }
body .post-meta { color: var(--sota-text-3); }
body .pagination a, body .pagination span { background: var(--sota-card); color: var(--sota-text-2); }
body .pagination a:hover { color: var(--sota-gold); }
body .pagination .current { background: var(--sota-gold); color: var(--sota-ink); }
body .post-content a { color: var(--sota-gold); }
body .post-content blockquote { border-left-color: var(--sota-gold); color: var(--sota-text-2); }