/* =========================================
   VERTILE HYBRID (PURPLE + ELECTRIC BLUE)
========================================= */

/* ===== COLORS =====
Main: Blue (#00bfff)
Accent: Purple (#8000ff)
Glow: Mix
==================== */


/* Center subtitle */
.site-layout--landing .landing-title .subtitle,
.site-layout--landing .landing-subtitle,
.site-layout--landing h1 .subtitle {
  color: #00bfff !important;
  text-shadow: 0 0 10px #8000ff;
}

/* Center button */
.site-layout--landing .btn--landing.btn-primary,
.site-layout--landing .btn.btn-primary.btn--landing {
  background: linear-gradient(135deg, #8000ff, #00bfff) !important;
  border: none !important;
  color: #ffffff !important;
  box-shadow: 0 0 30px rgba(128, 0, 255, 0.4),
              0 0 50px rgba(0, 191, 255, 0.3);
}

/* Button layers */
.site-layout--landing .btn--landing.btn-primary::before,
.site-layout--landing .btn.btn-primary.btn--landing::before {
  background: linear-gradient(135deg, #5f00bf, #0099cc) !important;
}

.site-layout--landing .btn--landing.btn-primary::after,
.site-layout--landing .btn.btn-primary.btn--landing::after {
  background: linear-gradient(135deg, #400080, #0077aa) !important;
}

/* Button hover */
.site-layout--landing .btn--landing.btn-primary:hover,
.site-layout--landing .btn--landing.btn-primary:focus,
.site-layout--landing .btn--landing.btn-primary:active,
.site-layout--landing .btn.btn-primary.btn--landing:hover,
.site-layout--landing .btn.btn-primary.btn--landing:focus,
.site-layout--landing .btn.btn-primary.btn--landing:active {
  background: linear-gradient(135deg, #00bfff, #8000ff) !important;
  box-shadow: 0 0 40px rgba(0, 191, 255, 0.5),
              0 0 60px rgba(128, 0, 255, 0.5);
}

/* Toggle icons (+ / -) */
.main-nav__toggle,
.main-nav__toggle-2,
.mobile-bar-item .main-nav__toggle,
.mobile-bar-item .main-nav__toggle-2 {
  background-color: #8000ff !important;
}

.main-nav__toggle::before,
.main-nav__toggle::after,
.main-nav__toggle-2::before,
.main-nav__toggle-2::after,
.mobile-nav__toggle::before,
.mobile-nav__toggle::after,
.mobile-nav__toggle-2::before,
.mobile-nav__toggle-2::after {
  background-color: #00bfff !important;
}

/* Toggle hover/open */
li:hover > .main-nav__toggle,
li:hover > .main-nav__toggle-2,
li.focus > .main-nav__toggle,
li.focus > .main-nav__toggle-2 {
  background-color: #8000ff !important;
}

/* Side landing details */
.landing-detail span {
  border-color: #8000ff !important;
  box-shadow: 0 0 10px #00bfff;
}

.landing-detail-cover span {
  border-color: #00bfff !important;
}

/* Social icons */
.social-menu--landing li a i,
.social-menu--landing-glitch li a i,
.social-menu li a i {
  color: #00bfff !important;
}

/* Social hover */
.social-menu--landing li a:hover,
.social-menu--landing li a:hover i,
.social-menu--landing-glitch li a:hover,
.social-menu--landing-glitch li a:hover i,
.social-menu li a:hover,
.social-menu li a:hover i {
  color: #8000ff !important;
}

/* Top menu hover */
.main-nav__list > li > a:hover,
.main-nav__list > li:hover > a,
.main-nav__list > li.active > a {
  color: #00bfff !important;
  text-shadow: 0 0 5px #8000ff;
}

.main-nav__sub li a:hover {
  color: #8000ff !important;
}

/* Accent text */
.color-primary {
  color: #00bfff !important;
}

/* Remove green underline */
.main-nav__list > li > a:before,
.main-nav__list > li > a:after {
  background: linear-gradient(90deg, #8000ff, #00bfff) !important;
}

/* ===== FORCE + / - TO FULL BLUE ===== */

/* Base bar (the "-" part) */
.main-nav__toggle,
.main-nav__toggle-2,
.mobile-bar-item .main-nav__toggle,
.mobile-bar-item .main-nav__toggle-2 {
  background-color: #00bfff !important;
}

/* Vertical + line + both pieces */
.main-nav__toggle::before,
.main-nav__toggle::after,
.main-nav__toggle-2::before,
.main-nav__toggle-2::after,
.mobile-nav__toggle::before,
.mobile-nav__toggle::after,
.mobile-nav__toggle-2::before,
.mobile-nav__toggle-2::after {
  background-color: #00bfff !important;
}

/* Hover / open / active states */
li:hover > .main-nav__toggle,
li:hover > .main-nav__toggle-2,
li.focus > .main-nav__toggle,
li.focus > .main-nav__toggle-2,
.mobile-bar-item .mobile-bar-item__header:not(.collapsed) .main-nav__toggle,
.mobile-bar-item .mobile-bar-item__header:not(.collapsed) .main-nav__toggle-2 {
  background-color: #00bfff !important;
}