﻿/* =========================================================
   DIANAPARTS - PREMIUM TOP HEADER
   Логотип / меню / телефон / корзина
   ========================================================= */

body > header,
.site-header,
.main-header,
.header,
.navbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid rgba(6, 24, 53, 0.08) !important;
  box-shadow: 0 12px 35px rgba(6, 24, 53, 0.10) !important;
}

/* общий контейнер шапки */
body > header > *,
.site-header > *,
.main-header > *,
.header > *,
.navbar > * {
  min-height: 76px !important;
  display: flex !important;
  align-items: center !important;
}

/* логотип Diana parts */
.logo,
.brand,
.site-logo,
.header-logo,
a[href="/"] {
  text-decoration: none !important;
}

.logo,
.brand,
.site-logo,
.header-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-weight: 900 !important;
  letter-spacing: -0.7px !important;
  color: #061a35 !important;
  transform: translateZ(0);
}

/* если логотип текстовый */
.logo span:first-child,
.brand span:first-child,
.site-logo span:first-child,
.header-logo span:first-child {
  background: linear-gradient(135deg, #ffcc27 0%, #ffd95a 100%) !important;
  color: #061a35 !important;
  padding: 5px 9px !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 22px rgba(255, 203, 39, 0.28) !important;
}

/* ссылки меню */
body > header nav a,
.site-header nav a,
.main-header nav a,
.header nav a,
.navbar nav a,
body > header .nav a,
.site-header .nav a,
.main-header .nav a,
.header .nav a,
.navbar .nav a {
  position: relative !important;
  color: #071a33 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  padding: 10px 13px !important;
  border-radius: 12px !important;
  transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

body > header nav a:hover,
.site-header nav a:hover,
.main-header nav a:hover,
.header nav a:hover,
.navbar nav a:hover,
body > header .nav a:hover,
.site-header .nav a:hover,
.main-header .nav a:hover,
.header .nav a:hover,
.navbar .nav a:hover {
  background: rgba(255, 203, 39, 0.18) !important;
  color: #061a35 !important;
  transform: translateY(-1px) !important;
}

/* желтая линия под пунктами меню */
body > header nav a::after,
.site-header nav a::after,
.main-header nav a::after,
.header nav a::after,
.navbar nav a::after {
  content: "" !important;
  position: absolute !important;
  left: 13px !important;
  right: 13px !important;
  bottom: 5px !important;
  height: 2px !important;
  background: #ffcc27 !important;
  border-radius: 999px !important;
  transform: scaleX(0) !important;
  transform-origin: left !important;
  transition: transform .18s ease !important;
}

body > header nav a:hover::after,
.site-header nav a:hover::after,
.main-header nav a:hover::after,
.header nav a:hover::after,
.navbar nav a:hover::after {
  transform: scaleX(1) !important;
}

/* телефон в шапке */
body > header a[href^="tel:"],
.site-header a[href^="tel:"],
.main-header a[href^="tel:"],
.header a[href^="tel:"],
.navbar a[href^="tel:"] {
  color: #061a35 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  padding: 10px 13px !important;
  border-radius: 14px !important;
  background: rgba(6, 26, 53, 0.04) !important;
  border: 1px solid rgba(6, 26, 53, 0.08) !important;
}

/* корзина */
body > header a[href*="cart"],
.site-header a[href*="cart"],
.main-header a[href*="cart"],
.header a[href*="cart"],
.navbar a[href*="cart"],
.cart-link,
.cart-btn,
.header-cart,
.basket-link,
.basket-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 16px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #061a35 0%, #0b2a53 100%) !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  border: 1px solid rgba(255, 203, 39, 0.25) !important;
  box-shadow: 0 10px 25px rgba(6, 26, 53, 0.22) !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body > header a[href*="cart"] *,
.site-header a[href*="cart"] *,
.main-header a[href*="cart"] *,
.header a[href*="cart"] *,
.navbar a[href*="cart"] *,
.cart-link *,
.cart-btn *,
.header-cart *,
.basket-link *,
.basket-btn * {
  color: inherit !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body > header a[href*="cart"]:hover,
.site-header a[href*="cart"]:hover,
.main-header a[href*="cart"]:hover,
.header a[href*="cart"]:hover,
.navbar a[href*="cart"]:hover,
.cart-link:hover,
.cart-btn:hover,
.header-cart:hover,
.basket-link:hover,
.basket-btn:hover {
  transform: translateY(-2px) !important;
  background: linear-gradient(135deg, #0b2a53 0%, #103b72 100%) !important;
  box-shadow:
    0 14px 30px rgba(6, 26, 53, 0.28),
    0 0 22px rgba(255, 203, 39, 0.18) !important;
}

/* счетчик корзины */
body > header a[href*="cart"] .badge,
body > header a[href*="cart"] .count,
body > header a[href*="cart"] .cart-count,
.site-header a[href*="cart"] .badge,
.site-header a[href*="cart"] .count,
.site-header a[href*="cart"] .cart-count,
.cart-link .badge,
.cart-link .count,
.cart-link .cart-count,
.cart-btn .badge,
.cart-btn .count,
.cart-btn .cart-count,
.header-cart .badge,
.header-cart .count,
.header-cart .cart-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  background: #ffcc27 !important;
  color: #061a35 !important;
  font-weight: 900 !important;
  font-size: 13px !important;
}

/* мобильная версия */
@media (max-width: 768px) {
  body > header,
  .site-header,
  .main-header,
  .header,
  .navbar {
    position: sticky !important;
  }

  body > header > *,
  .site-header > *,
  .main-header > *,
  .header > *,
  .navbar > * {
    min-height: 64px !important;
    gap: 8px !important;
  }

  body > header nav a,
  .site-header nav a,
  .main-header nav a,
  .header nav a,
  .navbar nav a {
    padding: 8px 9px !important;
    font-size: 14px !important;
  }

  body > header a[href^="tel:"],
  .site-header a[href^="tel:"],
  .main-header a[href^="tel:"],
  .header a[href^="tel:"],
  .navbar a[href^="tel:"] {
    font-size: 13px !important;
    padding: 8px 9px !important;
  }

  body > header a[href*="cart"],
  .site-header a[href*="cart"],
  .main-header a[href*="cart"],
  .header a[href*="cart"],
  .navbar a[href*="cart"] {
    padding: 9px 12px !important;
    border-radius: 13px !important;
  }
}
