/* ==========================================================================
   Mega Next Shop — theme override (meganextshop.com)
   This file is ADDED on top of the original style.css, which is untouched.
   Palette: deep navy #0A2540 · teal #12A594 · gold #FFB703 · mint #F2F7F6
   ========================================================================== */
:root {
  --mns-navy: #0A2540;
  --mns-navy-2: #123B5C;
  --mns-teal: #12A594;
  --mns-teal-dark: #0E8577;
  --mns-gold: #FFB703;
  --mns-mint: #F2F7F6;
  --mns-ink: #13293D;
}

::selection { background: var(--mns-teal); color: #fff; }

/* ---------- Top contact bar ---------- */
.py-1.bg-black {
  background: linear-gradient(90deg, var(--mns-navy) 0%, var(--mns-navy-2) 100%) !important;
}
.topper .icon span { color: var(--mns-gold); }
.topper .text { color: #E6F1EF; }

/* ---------- Navbar (stays navy, also when scrolled) ---------- */
.ftco_navbar.bg-dark { background-color: var(--mns-navy) !important; }
.ftco-navbar-light.scrolled {
  background: var(--mns-navy) !important;
  box-shadow: 0 4px 18px rgba(10, 37, 64, .28);
}
.ftco-navbar-light .navbar-nav .nav-link,
.ftco-navbar-light.scrolled .nav-link { color: rgba(255, 255, 255, .85) !important; }
.ftco-navbar-light .navbar-nav .nav-link:hover,
.ftco-navbar-light .navbar-nav .nav-link:focus,
.ftco-navbar-light.scrolled .nav-link:hover,
.ftco-navbar-light.scrolled .nav-link:focus { color: var(--mns-gold) !important; }
.navbar-brand .mns-logo { display: block; height: 44px; width: auto; }

/* ---------- Typography & links ---------- */
a { color: var(--mns-teal); }
a:hover, a:focus { color: var(--mns-teal-dark); }
h1, h2, h3, h4, h5 { color: var(--mns-ink); }
.ftco-heading-2 { color: var(--mns-navy); }

/* ---------- Buttons ---------- */
.btn-primary {
  background: var(--mns-teal);
  border-color: var(--mns-teal);
  border-radius: 50px;
  box-shadow: 0 6px 18px rgba(18, 165, 148, .35);
  transition: all .25s ease;
}
.btn-primary:hover, .btn-primary:focus {
  background: var(--mns-teal-dark);
  border-color: var(--mns-teal-dark);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(14, 133, 119, .35);
}

/* ---------- Hero banner ---------- */
.owl-carousel.home-slider .slider-item .overlay {
  background: linear-gradient(90deg, rgba(10, 37, 64, .50) 0%, rgba(10, 37, 64, 0) 65%);
}
.owl-carousel.home-slider .slider-item .slider-text .subheading {
  color: var(--mns-gold);
  letter-spacing: .35em;
  text-transform: uppercase;
  font-weight: 700;
}
.owl-carousel.home-slider .slider-item .slider-text .horizontal h3.vr {
  background-image: linear-gradient(180deg, var(--mns-teal), var(--mns-navy)) !important;
}
.owl-carousel.home-slider .slider-item .slider-text h1 { color: var(--mns-navy); }
.owl-carousel.home-slider .slider-item .slider-text p { color: #33475B; }

/* ---------- Light sections ---------- */
.bg-light { background-color: var(--mns-mint) !important; }

/* ---------- Product & category cards ---------- */
.product {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(10, 37, 64, .08);
  transition: all .25s ease;
}
.product:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 30px rgba(10, 37, 64, .16);
}
.product .text h3 { color: var(--mns-ink); }
.price, .price span, .price-sale { color: var(--mns-teal) !important; }
.add-to-cart {
  background: var(--mns-teal);
  color: #fff !important;
  border-radius: 8px;
  transition: background .2s ease;
}
.add-to-cart:hover { background: var(--mns-teal-dark); }
.category {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(10, 37, 64, .10);
  transition: all .25s ease;
}
.category:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(10, 37, 64, .18); }
.category img { transition: transform .35s ease; }
.category:hover img { transform: scale(1.05); }

/* ---------- Testimonials accent ---------- */
.testimony-section h3 { color: var(--mns-teal); }
.testimony-section .owl-carousel .owl-stage-outer { padding-top: 2em; }

/* ---------- Inner page hero (breadcrumbs) ---------- */
.hero-wrap.hero-bread { box-shadow: inset 0 0 0 2000px rgba(10, 37, 64, .45); }
.hero-wrap .slider-text .breadcrumbs span a { color: var(--mns-gold); }

/* ---------- Forms ---------- */
.form-control:focus,
.contact-container input:focus,
.contact-container textarea:focus,
.form-group .form-control:focus {
  border-color: var(--mns-teal);
  box-shadow: 0 0 0 3px rgba(18, 165, 148, .15);
}
.contact-container h2 { color: var(--mns-navy); }
.contact-container button.btn-primary { color: #fff; }

/* ---------- Footer ---------- */
.ftco-footer.bg-light { background: var(--mns-navy) !important; }
.ftco-footer .ftco-heading-2 { color: var(--mns-gold); }
.ftco-footer p, .ftco-footer .block-23 p { color: rgba(255, 255, 255, .72); }
.ftco-footer ul li a { color: rgba(255, 255, 255, .72) !important; }
.ftco-footer ul li a:hover { color: var(--mns-teal) !important; }
.ftco-footer .row > .col-md-12 p,
.ftco-footer .row > .col-md-12 p a { color: rgba(255, 255, 255, .55) !important; }
.ftco-footer .row > .col-md-12 p a:hover { color: var(--mns-gold) !important; }

/* ---------- Misc ---------- */
#ftco-loader .path { stroke: var(--mns-teal); }
.mouse-icon { border-color: var(--mns-teal); }
.mouse-wheel span { color: var(--mns-teal); }
.block-9 .contact-container { border-radius: 16px; }