/* ============================================================
   Metta Pic v14.3 — NUCLEAR NAVY
   Every remaining pure-black UI forced to #07152f
   Header identical on ALL pages · Mobile sticky · Splash
   ============================================================ */

:root {
  --mp-navy: #07152f !important;
  --mp-navy-deep: #050e1f !important;
  --mp-orange: #ff6b35 !important;
  --black: #07152f !important;
  --ink: #07152f !important;
  --white: #ffffff !important;
}

/* ========== SPLASH / LOADING ========== */
.mp-splash {
  background: #07152f !important;
  color: #fff !important;
}
.mp-splash-bar {
  background: rgba(255,255,255,.15) !important;
}
.mp-splash-bar i {
  background: linear-gradient(90deg, #ff6b35, #fff) !important;
}
.mp-splash-logo {
  filter: brightness(0) invert(1) !important;
}
body.mp-splash-on { overflow: hidden !important; }

/* ========== HEADER — identical every page ========== */
html body .site-header,
html body[data-page="home"] .site-header,
html body[data-page="inner"] .site-header,
html body:not([data-page="home"]) .site-header,
html body .site-header.scrolled,
html body:not([data-page="home"]) .site-header.scrolled,
html body.mp-home .site-header,
html body.mp-theme .site-header,
html body.single-product .site-header,
html body.woocommerce-page .site-header,
html body.archive .site-header,
html body.page .site-header {
  position: fixed !important;
  top: 14px !important;
  left: 18px !important;
  right: 18px !important;
  width: auto !important;
  max-width: calc(100% - 36px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: #07152f !important;
  background-color: #07152f !important;
  color: #fff !important;
  border: none !important;
  border-bottom: none !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 36px rgba(7,21,47,0.14) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  z-index: 10050 !important;
}
html body .site-header .header-inner {
  height: 56px !important;
  padding: 0 6px 0 10px !important;
  background: transparent !important;
}
/* Logo end — navy capsule */
html body .site-header .brand {
  background: #07152f !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 5px 14px !important;
  margin: 0 !important;
}
html body .site-header .brand strong,
html body .site-header .brand small { color: #fff !important; }
html body .site-header .brand-logo {
  filter: brightness(0) invert(1) !important;
  max-height: 26px !important;
  width: auto !important;
}
/* Nav links */
html body .site-header .desktop-nav a,
html body:not([data-page="home"]) .site-header .desktop-nav a,
html body:not([data-page="home"]) .site-header.scrolled .desktop-nav a,
html body .site-header.scrolled .desktop-nav a {
  color: rgba(255,255,255,.92) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  background: transparent !important;
}
html body .site-header .desktop-nav a:hover,
html body .site-header .desktop-nav a.active {
  color: #ff6b35 !important;
}
/* Actions cluster */
html body .site-header .header-actions {
  background: #07152f !important;
  border-radius: 999px !important;
  padding: 3px 5px !important;
  gap: 2px !important;
}
html body .site-header .header-actions a,
html body .site-header .header-actions button,
html body .site-header .header-cart,
html body .site-header .header-icon,
html body .site-header .header-login-btn,
html body .site-header .menu-toggle {
  background: transparent !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body .site-header .header-actions svg,
html body .site-header .header-cart svg {
  stroke: #fff !important;
  color: #fff !important;
  fill: none !important;
}
html body .site-header .menu-toggle span {
  background: #fff !important;
}
html body .site-header .cart-count,
html body .site-header .mp-cart-count {
  background: #ff6b35 !important;
  color: #fff !important;
  border: 2px solid #07152f !important;
}
/* Dropdown menus — navy professional */
html body .nav-dropdown-menu,
html body .desktop-nav .sub-menu,
html body .mp-nav-dropdown,
html body .nav-menu,
html body .site-header .sub-menu {
  background: #07152f !important;
  border: none !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 50px rgba(7,21,47,0.35) !important;
  padding: 10px 8px !important;
  min-width: 200px !important;
}
html body .nav-dropdown-menu a,
html body .desktop-nav .sub-menu a,
html body .site-header .sub-menu a {
  color: rgba(255,255,255,0.88) !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}
html body .nav-dropdown-menu a:hover,
html body .desktop-nav .sub-menu a:hover {
  background: rgba(255,107,53,0.15) !important;
  color: #ff6b35 !important;
}

/* Search overlay navy */
.mp-search-overlay,
.mp-search-modal,
.mp-search-panel,
#mpSearchOverlay,
.mp-search-pro {
  background: rgba(7,21,47,0.97) !important;
}

/* ========== PRODUCT MEDIA white as requested ========== */
.mp-pcard-media,
.product-media {
  position: relative !important;
  background: linear-gradient(165deg, #fff 0%, #fff 100%) !important;
  aspect-ratio: 1 / 1.05 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
}
.mp-pcard-media img {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}

/* ========== VARIANTS / CHECKBOXES → navy ========== */
.mp-size-item input:checked + .mp-size-box,
.mp-size-item.is-active .mp-size-box,
.mp-variants .mp-size-item:has(input:checked),
.mp-variants .mp-size-item.is-active,
.mp-bl-choice input:checked + span,
.mp-variants .mp-bl-choice:has(input:checked),
.mp-option-choice input:checked + .mp-option-box,
.mp-size-chip input:checked + .mp-option-box,
.mp-tab-btn.is-active,
.mp-product-tabs .is-active,
button.mp-tab.is-active {
  background: #07152f !important;
  border-color: #07152f !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(7,21,47,0.2) !important;
}
.mp-size-box,
.mp-bl-choice span,
.mp-option-box {
  background: #fff !important;
  border: 1.5px solid #d5dce8 !important;
  color: #07152f !important;
  box-shadow: none !important;
  border-radius: 12px !important;
}
.mp-color-dot.is-active {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--swatch, #07152f) !important;
  border-color: transparent !important;
  background: var(--swatch, #07152f) !important;
}

/* Price total bar */
.mp-var-total,
.mp-variants .mp-var-total {
  background: #07152f !important;
  color: #fff !important;
  border-radius: 14px !important;
  padding: 10px 14px !important;
}
.mp-var-total span { color: rgba(255,255,255,.7) !important; font-size: 12px !important; }
.mp-var-total strong,
#mpVariantTotal {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

/* Custom order box — was pure black */
.mp-custom-order-box,
.mp-product-custom-cta,
.mp-single-custom,
[class*="custom-order"],
.mp-idea-box {
  background: #07152f !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 32px rgba(7,21,47,0.2) !important;
}

/* Buy button */
.single_add_to_cart_button,
.mp-buy-now {
  background: #07152f !important;
  color: #fff !important;
  border-radius: 14px !important;
  border: none !important;
}
.single_add_to_cart_button:hover { background: #ff6b35 !important; }

/* Info boxes — clean, no ugly orange lines */
.mp-product-info-boxes {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.mp-product-info-box {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 16px 14px !important;
  box-shadow: 0 4px 16px rgba(7,21,47,0.04) !important;
  position: relative !important;
  overflow: hidden !important;
}
.mp-product-info-box::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 48px !important;
  height: 48px !important;
  background: radial-gradient(circle at 100% 0%, rgba(255,107,53,0.12) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
.mp-product-info-box b {
  color: #07152f !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  margin-bottom: 6px !important;
  display: block !important;
}
.mp-product-info-box span {
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
}
@media (max-width: 900px) {
  .mp-product-info-boxes { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  .mp-product-info-box { padding: 12px 10px !important; }
  .mp-product-info-box b { font-size: 12px !important; }
  .mp-product-info-box span { font-size: 11px !important; }
}

/* Tabs */
.mp-product-tabs button.is-active,
.woocommerce-tabs ul.tabs li.active a,
.mp-tab-active {
  background: #07152f !important;
  color: #fff !important;
  border-color: #07152f !important;
}

/* FAQ accordion icons */
.faq-item summary::marker,
.mp-faq-icon,
details summary .icon,
.faq-item .toggle,
.mp-accordion-icon {
  background: #07152f !important;
  color: #fff !important;
  border-color: #07152f !important;
}

/* Dark sections → navy not pure black */
.mp-final-box,
.mp-wall-cta,
.mp-home-dark,
.mp-cta-dark,
.mp-section-dark,
section.mp-cta,
.mp-idea-cta,
.mp-products,
footer.site-footer,
.footer-main,
.footer-bottom {
  background: #07152f !important;
  background-color: #07152f !important;
}
.footer-bottom { background: #050e1f !important; }

/* Buttons in dark areas */
.mp-final-box .btn,
.mp-wall-cta a.btn,
.mp-home-dark .btn {
  background: #122a55 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 14px !important;
}
.mp-final-box .btn:hover,
.mp-wall-cta a.btn:hover {
  background: #ff6b35 !important;
  border-color: #ff6b35 !important;
}

/* Quick checkout sheet */
.mp-qck-progress i,
#mpQckProg { background: linear-gradient(90deg,#07152f,#ff6b35) !important; }
.mp-qck-next,
.mp-qck-addr-card.is-active,
.mp-qck-gw.is-active {
  background: #07152f !important;
  border-color: #07152f !important;
  color: #fff !important;
}
.mp-qck-back { color: #07152f !important; }

/* ========== MOBILE STICKY PRICE ========== */
@media (max-width: 900px) {
  .mp-sticky-price {
    left: 0 !important;
    right: 0 !important;
    bottom: 72px !important; /* above bottom nav */
    border-radius: 18px 18px 0 0 !important;
    border-top: 1px solid #e2e8f0 !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: 0 -8px 28px rgba(7,21,47,0.12) !important;
    padding: 0 !important;
    max-width: 100% !important;
  }
  .mp-sticky-price-inner {
    padding: 8px 12px !important;
    gap: 8px !important;
  }
  #mpStickyPriceVal { font-size: 13px !important; }
  .mp-sticky-buy {
    font-size: 12px !important;
    padding: 8px 12px !important;
    min-height: 36px !important;
  }
  /* Mobile drawer — gap from bottom */
  .mobile-drawer {
    bottom: 12px !important;
    top: 12px !important;
    height: auto !important;
    max-height: calc(100% - 24px) !important;
    border-radius: 20px !important;
    margin: 0 10px !important;
    background: #07152f !important;
  }
  .mobile-bottom-nav {
    background: #07152f !important;
    border-radius: 18px !important;
    bottom: 8px !important;
    left: 8px !important;
    right: 8px !important;
  }
  html body .site-header {
    top: 8px !important;
    left: 10px !important;
    right: 10px !important;
    max-width: calc(100% - 20px) !important;
  }
}

/* Price typing */
.mp-price-typing.mp-price-up { color: #16a34a !important; }
.mp-price-typing.mp-price-down { color: #dc2626 !important; }
.mp-var-total .mp-price-typing.mp-price-up,
#mpVariantTotal.mp-price-typing.mp-price-up { color: #4ade80 !important; }
.mp-var-total .mp-price-typing.mp-price-down,
#mpVariantTotal.mp-price-typing.mp-price-down { color: #f87171 !important; }

/* Force any leftover pure blacks via attribute selectors (limited) */
.mp-pcard-cart,
.mp-add-cart,
.cart-circle {
  background: #07152f !important;
  color: #fff !important;
}
.mp-pcard-cart:hover { background: #ff6b35 !important; }

/* About button black → navy */
.mp-btn-dark,
a.mp-btn-dark,
button.mp-btn-dark {
  background: #07152f !important;
  color: #fff !important;
  border-radius: 14px !important;
}

/* Auth pages */
.mp-auth-body { background: #07152f !important; }
.mp-auth-card { background: #0c1f45 !important; border-color: #122a55 !important; }

/* Soft orange side glows */
body.mp-theme::before {
  content: '';
  position: fixed;
  top: 20%;
  right: -60px;
  width: 140px;
  height: 220px;
  background: radial-gradient(ellipse, rgba(255,107,53,0.08), transparent 70%);
  pointer-events: none;
  z-index: 0;
}
body.mp-theme::after {
  content: '';
  position: fixed;
  bottom: 15%;
  left: -50px;
  width: 120px;
  height: 200px;
  background: radial-gradient(ellipse, rgba(255,107,53,0.06), transparent 70%);
  pointer-events: none;
  z-index: 0;
}


/* ===== COLOR DOTS MUST KEEP THEIR SWATCH COLOR WHEN SELECTED ===== */
.mp-color-dot,
button.mp-color-dot,
.mp-variants .mp-color-dot {
  background: var(--swatch, #07152f) !important;
  background-color: var(--swatch, #07152f) !important;
}
.mp-color-dot.is-active,
button.mp-color-dot.is-active,
.mp-variants .mp-color-dot.is-active {
  background: var(--swatch, #07152f) !important;
  background-color: var(--swatch, #07152f) !important;
  border-color: transparent !important;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--swatch, #07152f) !important;
  transform: scale(1.1);
  color: inherit !important;
}