/* ============================================================
   Vyrquon Kyvrendal — Custom Styles
   Domain: vyrquonkyvrendal.com
   Theme: MBA & Business Video Courses | Sweden
   ============================================================ */

/* ---------- Text Logo (replaces image logo) ---------- */
.vk-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  flex-shrink: 0;
}

.vk-logo__icon {
  width: 42px;
  height: 42px;
  background: var(--main-600, #1a6b3a);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 20px;
  color: #fff;
}

.vk-logo__text {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}

.vk-logo__brand {
  font-size: 16px;
  font-weight: 800;
  color: #0d1b2a;
  letter-spacing: -0.3px;
  white-space: nowrap;
}

.vk-logo__tagline {
  font-size: 10px;
  font-weight: 500;
  color: #6b7280;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Mobile menu logo */
.mobile-menu__logo .vk-logo__brand { font-size: 15px; }
.mobile-menu__logo .vk-logo__icon  { width: 36px; height: 36px; font-size: 17px; }

/* ---------- Ensure "Get an Quate" btn stays accessible ---------- */
.header-cta-link {
  font-weight: 600;
  font-size: 0.95rem;
  color: #0d1b2a;
  text-decoration: underline;
  white-space: nowrap;
}

/* ---------- Nav anchor links — remove default cursor issues ---------- */
.nav-menu__link[href^="#"],
.nav-submenu__link[href^="#"] {
  cursor: pointer;
}

/* ---------- Smooth scroll ---------- */
html {
  scroll-behavior: smooth;
}

/* ---------- Section anchor offset (sticky header fix) ---------- */
[id] {
  scroll-margin-top: 90px;
}

/* ---------- Favicon emoji placeholder ---------- */
/* (handled via <link> in <head>) */

/* ---------- Responsive logo adjustments ---------- */
@media (max-width: 1199px) {
  .vk-logo__tagline { display: none; }
  .vk-logo__brand   { font-size: 14px; }
}

@media (max-width: 575px) {
  .vk-logo__icon { width: 34px; height: 34px; font-size: 16px; }
  .vk-logo__brand { font-size: 13px; }
}

/* Logo image */
.vk-logo__img { display: block; height: 72px; width: auto; }
.mobile-menu__logo .vk-logo__img { height: 60px; }
@media (max-width: 575px) { .vk-logo__img { height: 56px; } }