/* ============================================================
   VDSKA brand overrides — подключается после huraga.css
   Палитра: indigo-600 #4f46e5 → cyan-500 #06b6d4
   ============================================================ */

:root {
  --bs-primary: #4f46e5;
  --bs-primary-rgb: 79, 70, 229;
  --bs-link-color: #4f46e5;
  --bs-link-color-rgb: 79, 70, 229;
  --bs-link-hover-color: #4338ca;
  --bs-link-hover-color-rgb: 67, 56, 202;
}

[data-bs-theme="dark"] {
  --bs-primary: #818cf8;
  --bs-primary-rgb: 129, 140, 248;
  --bs-link-color: #a5b4fc;
  --bs-link-color-rgb: 165, 180, 252;
  --bs-link-hover-color: #c7d2fe;
  --bs-link-hover-color-rgb: 199, 210, 254;
}

/* --- Кнопки --- */
.btn-primary {
  --bs-btn-bg: #4f46e5;
  --bs-btn-border-color: #4f46e5;
  --bs-btn-hover-bg: #4338ca;
  --bs-btn-hover-border-color: #4338ca;
  --bs-btn-active-bg: #4338ca;
  --bs-btn-active-border-color: #4338ca;
  --bs-btn-disabled-bg: #4f46e5;
  --bs-btn-disabled-border-color: #4f46e5;
  --bs-btn-focus-shadow-rgb: 79, 70, 229;
}
.btn-outline-primary {
  --bs-btn-color: #4f46e5;
  --bs-btn-border-color: #4f46e5;
  --bs-btn-hover-bg: #4f46e5;
  --bs-btn-hover-border-color: #4f46e5;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #4338ca;
  --bs-btn-active-border-color: #4338ca;
  --bs-btn-active-color: #fff;
  --bs-btn-disabled-color: #4f46e5;
  --bs-btn-disabled-border-color: #4f46e5;
  --bs-btn-focus-shadow-rgb: 79, 70, 229;
}
[data-bs-theme="dark"] .btn-primary {
  --bs-btn-bg: #6366f1;
  --bs-btn-border-color: #6366f1;
  --bs-btn-hover-bg: #818cf8;
  --bs-btn-hover-border-color: #818cf8;
  --bs-btn-active-bg: #818cf8;
  --bs-btn-active-border-color: #818cf8;
}
[data-bs-theme="dark"] .btn-outline-primary {
  --bs-btn-color: #a5b4fc;
  --bs-btn-border-color: #a5b4fc;
  --bs-btn-hover-bg: #a5b4fc;
  --bs-btn-hover-border-color: #a5b4fc;
  --bs-btn-color: #a5b4fc;
}

/* --- Формы и контролы --- */
.form-check-input:checked {
  background-color: #4f46e5;
  border-color: #4f46e5;
}
.form-check-input:focus {
  border-color: #818cf8;
  box-shadow: 0 0 0 0.25rem rgba(79, 70, 229, 0.25);
}
.form-control:focus,
.form-select:focus {
  border-color: #818cf8;
  box-shadow: 0 0 0 0.25rem rgba(79, 70, 229, 0.25);
}

/* --- Активные состояния --- */
.nav-link.active {
  color: #4f46e5 !important;
}
[data-bs-theme="dark"] .nav-link.active {
  color: #a5b4fc !important;
}
.dropdown-item.active,
.dropdown-item:active,
.list-group-item.active,
.page-item.active .page-link,
.nav-pills .nav-link.active {
  background-color: #4f46e5 !important;
  border-color: #4f46e5 !important;
}
.text-primary {
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.bg-primary,
.badge.bg-primary {
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

/* ============================================================
   Brand hero — главная витрины
   ============================================================ */
.brand-hero {
  background:
    radial-gradient(1200px 420px at 50% -180px, rgba(34, 211, 238, 0.16), transparent 70%),
    linear-gradient(135deg, #eef2ff 0%, #ecfeff 100%);
  border: 1px solid rgba(79, 70, 229, 0.14);
}
[data-bs-theme="dark"] .brand-hero {
  background:
    radial-gradient(1200px 420px at 50% -180px, rgba(34, 211, 238, 0.12), transparent 70%),
    linear-gradient(135deg, #1e1b4b 0%, #0f172a 100%);
  border: 1px solid rgba(129, 140, 248, 0.22);
}

.brand-badge {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(135deg, #4f46e5, #06b6d4);
  padding: 0.5em 1.1em;
  border-radius: 999px;
}

.brand-feature-card {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(79, 70, 229, 0.12);
  border-radius: 1rem;
  padding: 1rem 1.15rem;
  backdrop-filter: blur(4px);
}
.brand-feature-card h6 {
  color: #4f46e5;
  font-weight: 700;
  margin-bottom: 0.35rem;
}
.brand-feature-card p {
  margin: 0;
  font-size: 0.875rem;
  color: #475569;
}
[data-bs-theme="dark"] .brand-feature-card {
  background: rgba(30, 27, 75, 0.4);
  border-color: rgba(129, 140, 248, 0.2);
}
[data-bs-theme="dark"] .brand-feature-card h6 {
  color: #a5b4fc;
}
[data-bs-theme="dark"] .brand-feature-card p {
  color: #94a3b8;
}

/* Логотип в шапке */
.navbar-brand img {
  object-fit: contain;
}