/* =========================================================
   MOTORCYCLE PREMIUM THEME — motor-bike-website
   Power · Speed · Precision · Luxury
   Brand Colors: #2563EB | #16A34A | #F97316
   Author: Apleefix IT | Version: 1.0.0
   =========================================================
   LOAD ORDER: Loaded LAST in master.blade.php
   This file safely overrides previous theme layers.

   ⛔ PROTECTED (zero changes in this file):
      .all__category__list > a  — ALL CATEGORIES button
      .side__bar / .side__barsub / .side__barchild — dropdown
      .slider-section / .home-slider-container — hero/banner
      .main_slider .owl-prev / .owl-next — slider arrows
   ========================================================= */

/* =========================================================
   1. CSS DESIGN TOKENS — MOTORCYCLE BRAND PALETTE
   ========================================================= */
:root {
  /* — Primary Blue Family — */
  --moto-blue:            #2563EB;
  --moto-blue-deep:       #1D4ED8;
  --moto-blue-dark:       #1E3A8A;
  --moto-blue-midnight:   #172554;
  --moto-blue-light:      #3B82F6;
  --moto-blue-glow:       rgba(37,99,235,0.35);
  --moto-blue-glow-sm:    rgba(37,99,235,0.14);
  --moto-blue-glow-xs:    rgba(37,99,235,0.07);
  --moto-blue-rgb:        37, 99, 235;

  /* — Success Green Family — */
  --moto-green:           #16A34A;
  --moto-green-deep:      #15803D;
  --moto-green-dark:      #14532D;
  --moto-green-glow:      rgba(22,163,74,0.30);
  --moto-green-rgb:       22, 163, 74;

  /* — Accent Orange Family — */
  --moto-orange:          #F97316;
  --moto-orange-deep:     #EA580C;
  --moto-orange-dark:     #C2410C;
  --moto-orange-light:    #FB923C;
  --moto-orange-glow:     rgba(249,115,22,0.35);
  --moto-orange-rgb:      249, 115, 22;

  /* — Neutrals (no black backgrounds) — */
  --moto-bg:              #F0F4FF;
  --moto-surface:         #FFFFFF;
  --moto-surface-alt:     #F8FAFF;
  --moto-border:          #DBEAFE;
  --moto-border-mid:      #BFDBFE;
  --moto-text:            #0F172A;
  --moto-text-muted:      #475569;
  --moto-text-light:      #94A3B8;

  /* — Shadows (brand-color, no black) — */
  --moto-shadow-sm:       0 1px 3px rgba(37,99,235,0.08), 0 1px 2px rgba(37,99,235,0.04);
  --moto-shadow-md:       0 4px 16px rgba(37,99,235,0.14), 0 2px 6px rgba(37,99,235,0.06);
  --moto-shadow-lg:       0 8px 32px rgba(37,99,235,0.20), 0 4px 12px rgba(37,99,235,0.08);
  --moto-shadow-hover:    0 12px 40px rgba(37,99,235,0.28), 0 6px 16px rgba(37,99,235,0.10);
  --moto-shadow-orange:   0 4px 16px rgba(249,115,22,0.30);
  --moto-shadow-green:    0 4px 14px rgba(22,163,74,0.28);

  /* — Gradients — */
  --moto-grad-blue:       linear-gradient(135deg, #1E3A8A 0%, #1D4ED8 50%, #2563EB 100%);
  --moto-grad-blue-rev:   linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);
  --moto-grad-orange:     linear-gradient(135deg, #C2410C 0%, #EA580C 50%, #F97316 100%);
  --moto-grad-nav:        linear-gradient(135deg, #172554 0%, #1E3A8A 60%, #1D4ED8 100%);
  --moto-grad-accent:     linear-gradient(90deg, #1E3A8A, #2563EB 50%, #F97316);
  --moto-grad-footer:     linear-gradient(135deg, #0F172A 0%, #172554 100%);

  /* — Transitions — */
  --moto-transition:      all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  --moto-transition-fast: all 0.18s ease;
  --moto-transition-slow: all 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* — Border Radius — */
  --moto-radius-sm:       6px;
  --moto-radius-md:       10px;
  --moto-radius-lg:       16px;
  --moto-radius-xl:       24px;
}

/* =========================================================
   2. BODY & PAGE BACKGROUND
   ========================================================= */
body {
  background: var(--moto-bg) !important;
  color: var(--moto-text) !important;
  font-family: "Inter","Plus Jakarta Sans","Hind Siliguri",sans-serif !important;
}

body p, body span:not(.sale-badge-text):not([class*="fa"]):not([class*="feather"]),
body h1, body h2, body h3, body h4, body h5, body h6,
body li:not(.footer_nav li),
body label,
body td, body th,
body strong, body b {
  color: var(--moto-text) !important;
}

/* =========================================================
   3. TOP ANNOUNCEMENT BAR
   Deep blue gradient — premium motorsport feel
   ========================================================= */
.top_header,
body .top_header,
header .top_header {
  background: var(--moto-grad-nav) !important;
  background-color: #172554 !important;
  background-image: var(--moto-grad-nav) !important;
  border-bottom: 1px solid rgba(249,115,22,0.25) !important;
  min-height: 36px !important;
  animation: none !important;
}

.top_header,
.top_header p,
.top_header span,
.top_header a,
.top_header div,
.top_header marquee {
  color: rgba(255,255,255,0.92) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.top_header a[href^="tel"],
.top_header a[href^="tel"] * {
  background: rgba(249,115,22,0.20) !important;
  border: 1px solid rgba(249,115,22,0.45) !important;
  border-radius: 4px !important;
  padding: 3px 12px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  transition: var(--moto-transition) !important;
}

.top_header a[href^="tel"]:hover {
  background: rgba(249,115,22,0.35) !important;
  border-color: rgba(249,115,22,0.70) !important;
}

/* =========================================================
   4. DESKTOP HEADER
   White surface with premium blue accent line + elevation
   ========================================================= */
.main-header,
.logo-area,
body .main-header,
body .logo-area {
  background: #ffffff !important;
  background-image: none !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid var(--moto-border) !important;
  box-shadow: 0 2px 16px rgba(37,99,235,0.10), 0 1px 4px rgba(37,99,235,0.06) !important;
  animation: none !important;
  position: relative !important;
}

/* Vivid accent gradient line under header */
.main-header::after,
.logo-area::after {
  content: "" !important;
  display: block !important;
  height: 3px !important;
  background: var(--moto-grad-accent) !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  opacity: 0.9 !important;
}

.main-header *,
.logo-area * {
  color: var(--moto-text) !important;
}

/* =========================================================
   5. MOBILE HEADER
   ========================================================= */
.mobile-header {
  background: #ffffff !important;
  border-bottom: 2px solid var(--moto-blue) !important;
  box-shadow: 0 2px 12px var(--moto-blue-glow-sm) !important;
  animation: none !important;
  background-image: none !important;
  background-size: unset !important;
}

.mobile-header * {
  color: var(--moto-text) !important;
}

.menu-bar i,
.toggle i {
  color: var(--moto-blue) !important;
  font-size: 24px !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
}

.menu-bag i,
.cart-dialog i,
#cart-qty i {
  color: var(--moto-blue) !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
}

.menu-bag .margin-shopping span,
.mobilecart-qty {
  background: var(--moto-orange) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 8px var(--moto-orange-glow) !important;
}

/* Mobile hotline bar (d-flex d-sm-none) */
div[style*="4A2390"],
div[style*="background: #4A2390"] {
  background: var(--moto-grad-nav) !important;
}

/* =========================================================
   6. SEARCH BAR — DESKTOP & MOBILE
   ========================================================= */
.main-search form,
.mobile-search form {
  border: 2px solid var(--moto-blue) !important;
  border-radius: var(--moto-radius-md) !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 2px 8px var(--moto-blue-glow-sm) !important;
  transition: var(--moto-transition) !important;
  display: flex !important;
  align-items: stretch !important;
}

.main-search form:focus-within,
.mobile-search form:focus-within {
  border-color: var(--moto-orange) !important;
  box-shadow: 0 4px 18px var(--moto-blue-glow) !important;
}

.search_keyword,
.msearch_keyword {
  background: var(--moto-surface-alt) !important;
  border: none !important;
  color: var(--moto-text) !important;
  font-weight: 500 !important;
  padding-left: 16px !important;
  flex: 1 !important;
}

.search_keyword::placeholder,
.msearch_keyword::placeholder {
  color: var(--moto-text-light) !important;
}

.main-search form button,
.mobile-search form button {
  background: var(--moto-grad-blue) !important;
  border: none !important;
  color: #ffffff !important;
  padding: 0 20px !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  min-width: 48px !important;
  transition: background 0.25s ease !important;
}

.main-search form button:hover,
.mobile-search form button:hover {
  background: var(--moto-blue-dark) !important;
}

.main-search form button svg,
.mobile-search form button svg,
.main-search form button i,
.mobile-search form button i {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none !important;
  width: 18px !important;
  height: 18px !important;
  pointer-events: none !important;
}

/* Mobile search full form override */
@media (max-width: 767px) {
  .mobile-search form {
    border-radius: 24px !important;
    background: var(--moto-surface-alt) !important;
    border-color: var(--moto-blue) !important;
  }
  .mobile-search form input {
    background: transparent !important;
    color: var(--moto-text) !important;
  }
  .mobile-search form button {
    border-radius: 0 24px 24px 0 !important;
    background: var(--moto-grad-blue) !important;
    flex: 0 0 60px !important;
  }
}

/* =========================================================
   7. NAVIGATION BAR — MENU AREA
   Deep midnight blue gradient — motorsport premium
   NOTE: .all__category__list button is PROTECTED — not modified
   ========================================================= */
.menu-area {
  background: var(--moto-grad-nav) !important;
  background-image: var(--moto-grad-nav) !important;
  box-shadow: 0 3px 16px rgba(23,37,84,0.45) !important;
  position: relative !important;
  z-index: 1001 !important;
  overflow: visible !important;
}

/* Nav links: Home, Hotdeals, Contact — premium glass hover */
.heder__category > li:not(.all__category__list) a,
.right__menu__top li a,
.right__menu__top li p a,
.for_order > p > a {
  color: rgba(255,255,255,0.90) !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  padding: 6px 14px !important;
  border-radius: var(--moto-radius-sm) !important;
  border: 1px solid transparent !important;
  transition: var(--moto-transition) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

.heder__category > li:not(.all__category__list) a:hover,
.right__menu__top li a:hover,
.right__menu__top li p a:hover,
.for_order > p > a:hover {
  background: rgba(249,115,22,0.18) !important;
  color: #ffffff !important;
  border-color: rgba(249,115,22,0.35) !important;
  box-shadow: 0 2px 10px rgba(249,115,22,0.15) !important;
}

/* Prevent ::after sweep on nav items (from premium.css) */
.heder__category > li:not(.all__category__list) a::after { display: none !important; }

/* Header action icons: Track Order, Cart */
.header-list-items ul li a {
  transition: var(--moto-transition) !important;
}

.header-list-items ul li a:hover i {
  color: var(--moto-orange) !important;
  transform: scale(1.15) !important;
}

.header-list-items svg {
  width: 20px !important;
  height: 20px !important;
  stroke: var(--moto-blue) !important;
  fill: none !important;
}

.header-list-items ul li span {
  background: var(--moto-orange) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px var(--moto-orange-glow) !important;
}

/* Cart dropdown summary */
.cshort-summary {
  border-radius: var(--moto-radius-md) !important;
  box-shadow: var(--moto-shadow-lg) !important;
  border: 1px solid var(--moto-border) !important;
}

/* =========================================================
   8. MOBILE SLIDE MENU
   ========================================================= */
.mobile-menu {
  background: #ffffff !important;
  box-shadow: 4px 0 32px rgba(37,99,235,0.20) !important;
  border-right: 2px solid var(--moto-blue) !important;
}

.mobile-menu * { color: var(--moto-text) !important; }

.mobile-menu-logo {
  background: var(--moto-grad-blue) !important;
  padding: 14px 16px !important;
}

.mobile-menu-logo * { color: #ffffff !important; }

.mobile-menu-close i {
  color: rgba(255,255,255,0.90) !important;
  font-size: 20px !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
}

.mobile-menu .menu-category-name {
  font-weight: 600 !important;
  border-bottom: 1px solid var(--moto-border) !important;
  padding: 12px 16px !important;
  transition: var(--moto-transition) !important;
}

.mobile-menu .menu-category-name:hover {
  background: var(--moto-blue-glow-xs) !important;
  color: var(--moto-blue) !important;
  padding-left: 22px !important;
}

/* =========================================================
   9. SECTION TITLES
   ========================================================= */
.homeproduct {
  background: transparent !important;
  margin-bottom: 8px !important;
  padding: 12px 0 !important;
}

.sec_title { margin-bottom: 12px !important; }

.section-title-header {
  border-bottom: 2px solid var(--moto-border) !important;
  padding-bottom: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.section-title-name {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--moto-blue-dark) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  padding-bottom: 8px !important;
  border-bottom: 3px solid var(--moto-blue) !important;
  display: inline-block !important;
  position: relative !important;
  bottom: -2px !important;
}

/* Orange streak accent left of section title */
.section-title-name::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 1em !important;
  background: var(--moto-orange) !important;
  border-radius: 2px !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
  position: relative !important;
  top: -1px !important;
}

/* =========================================================
   10. CATEGORY CARDS
   Premium hover — blue glow lift
   ========================================================= */
.cat_item {
  background: var(--moto-surface) !important;
  border: 1.5px solid var(--moto-border) !important;
  border-radius: var(--moto-radius-md) !important;
  padding: 14px 6px !important;
  text-align: center !important;
  transition: var(--moto-transition) !important;
  box-shadow: var(--moto-shadow-sm) !important;
  height: 130px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.cat_item:hover {
  border-color: var(--moto-blue) !important;
  box-shadow: var(--moto-shadow-md), 0 0 0 2px rgba(37,99,235,0.10) !important;
  transform: translateY(-4px) scale(1.02) !important;
}

.cat_img {
  width: 100% !important;
  height: 75px !important;
  overflow: hidden !important;
  margin: 0 auto 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: var(--moto-transition) !important;
}

.cat_item:hover .cat_img { transform: scale(1.08) !important; }

.cat_img img {
  width: auto !important;
  max-width: 90% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.cat_name a {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--moto-text) !important;
  display: block !important;
  line-height: 1.3 !important;
  transition: var(--moto-transition) !important;
}

.cat_item:hover .cat_name a { color: var(--moto-blue) !important; }

/* =========================================================
   11. BOTTOM ADS BANNERS (below slider)
   ========================================================= */
.bottoads_area {
  padding: 16px 0 !important;
  background: var(--moto-bg) !important;
  margin-bottom: 8px !important;
}

.ads_item {
  border-radius: var(--moto-radius-md) !important;
  overflow: hidden !important;
  box-shadow: var(--moto-shadow-sm) !important;
  transition: var(--moto-transition) !important;
}

.ads_item:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--moto-shadow-md) !important;
}

.ads_item img { border-radius: var(--moto-radius-md) !important; }

/* =========================================================
   12. PRODUCT CARDS — PREMIUM MOTORCYCLE SHOWCASE
   Preserved dimensions: height 190px img, 48px name, 10px padding
   ========================================================= */
.product_item,
.product-item,
.wist_item {
  background: var(--moto-surface) !important;
  border: 1.5px solid var(--moto-border) !important;
  border-radius: var(--moto-radius-md) !important;
  box-shadow: var(--moto-shadow-sm) !important;
  transition: var(--moto-transition-slow) !important;
  overflow: hidden !important;
  padding: 10px !important;
  margin-bottom: 16px !important;
  margin-top: 4px !important;
  position: relative !important;
}

.product_item:hover,
.product-item:hover,
.wist_item:hover {
  transform: translateY(-7px) !important;
  box-shadow: var(--moto-shadow-hover) !important;
  border-color: var(--moto-blue-light) !important;
  z-index: 10 !important;
  margin-top: 0 !important;
}

/* Product image area — preserved 190px height */
.pro_img {
  height: 190px !important;
  border-radius: var(--moto-radius-sm) !important;
  overflow: hidden !important;
  background: var(--moto-surface-alt) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.pro_img > a {
  display: flex !important;
  height: 100% !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: center !important;
}

.pro_img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transition: transform 0.45s cubic-bezier(0.25,0.46,0.45,0.94) !important;
}

.product_item:hover .pro_img img,
.wist_item:hover .pro_img img {
  transform: scale(1.08) !important;
}

/* Product name — preserved 48px height, 2-line clamp */
.pro_name {
  height: 48px !important;
  margin-top: 8px !important;
}

.pro_name a {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--moto-text) !important;
  line-height: 1.4 !important;
  transition: var(--moto-transition) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-decoration: none !important;
}

.pro_name a:hover {
  color: var(--moto-blue) !important;
  text-decoration: none !important;
}

/* Price */
.pro_price {
  margin-top: 8px !important;
  margin-bottom: 6px !important;
}

.pro_price p {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--moto-blue-dark) !important;
  text-align: left !important;
}

.pro_price del,
.pro_price s {
  color: var(--moto-text-light) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  margin-right: 4px !important;
}

/* Star ratings */
.product_item i.fas.fa-star,
.product_item i.fas.fa-star-half-alt,
.wist_item i.fas.fa-star,
.wist_item i.fas.fa-star-half-alt {
  color: var(--moto-orange) !important;
  font-size: 11px !important;
}

.product_item i.far.fa-star,
.wist_item i.far.fa-star {
  color: var(--moto-border-mid) !important;
  font-size: 11px !important;
}

/* Sale / discount badge — orange for motorcycle energy */
.sale-badge-box {
  background: linear-gradient(135deg, var(--moto-orange-dark) 0%, var(--moto-orange) 100%) !important;
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  box-shadow: 0 3px 10px var(--moto-orange-glow) !important;
}

.sale-badge-text,
.sale-badge-text p {
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  line-height: 1.1 !important;
}

/* =========================================================
   13. PRODUCT CARD BUTTON — ORDER NOW / ADD TO CART
   Blue gradient shimmer with shine sweep
   ========================================================= */
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton {
  background: linear-gradient(135deg, #1E3A8A 0%, #1D4ED8 50%, #2563EB 100%) !important;
  background-size: 200% 200% !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--moto-radius-sm) !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  height: 38px !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  position: relative !important;
  overflow: hidden !important;
  z-index: 1 !important;
  box-shadow: 0 4px 14px var(--moto-blue-glow-sm),
              inset 0 1px 0 rgba(255,255,255,0.15) !important;
  transition: background-position 0.5s ease,
              transform 0.25s cubic-bezier(0.4,0,0.2,1),
              box-shadow 0.25s ease !important;
  animation: motoBtnShift 4s ease infinite !important;
}

/* Reset slide-up animation from style.css */
.cart_btn.order_button a::after { display: none !important; }
.cart_btn.order_button a span {
  position: relative !important;
  top: 0 !important;
  height: auto !important;
  display: inline !important;
  line-height: normal !important;
  transition: none !important;
  background: transparent !important;
  color: #ffffff !important;
}
.cart_btn.order_button a:hover span { top: 0 !important; }

.pro_btn .cart_btn button:hover,
.pro_btn .order_button a:hover,
.addcartbutton:hover {
  background-position: right center !important;
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 8px 24px var(--moto-blue-glow),
              0 0 0 2px rgba(59,130,246,0.25),
              inset 0 1px 0 rgba(255,255,255,0.20) !important;
  animation: none !important;
}

/* Shine sweep on hover */
.pro_btn .cart_btn button::before,
.pro_btn .order_button a::before,
.addcartbutton::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 55% !important;
  height: 100% !important;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,0.22),transparent) !important;
  transform: skewX(-20deg) !important;
  transition: left 0.55s ease !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.pro_btn .cart_btn button:hover::before,
.pro_btn .order_button a:hover::before,
.addcartbutton:hover::before { left: 150% !important; }

.pro_btn .cart_btn button *,
.pro_btn .order_button a *,
.addcartbutton * { color: #ffffff !important; background: transparent !important; }

.addcartbutton span {
  color: #ffffff !important;
  background: transparent !important;
  display: inline-block !important;
  position: relative !important;
  z-index: 2 !important;
}

/* =========================================================
   14. GENERAL SECTION BUTTONS
   ========================================================= */

/* Go To Cart — blue gradient glow */
.go_cart {
  background: linear-gradient(135deg, #1E3A8A, #1D4ED8, #2563EB) !important;
  color: #ffffff !important;
  border-radius: var(--moto-radius-sm) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.4px !important;
  text-align: center !important;
  padding: 10px 0 !important;
  display: block !important;
  transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;
  box-shadow: 0 4px 16px var(--moto-blue-glow-sm) !important;
  position: relative !important;
  overflow: hidden !important;
  animation: motoCartGlow 2.8s ease-in-out infinite !important;
}

.go_cart:hover {
  background: linear-gradient(135deg, #172554, #1E3A8A) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px var(--moto-blue-glow) !important;
  animation: none !important;
}

/* Cart Store — orange gradient (urgency) */
.cart_store {
  background: linear-gradient(135deg, var(--moto-orange-dark), var(--moto-orange)) !important;
  border-color: var(--moto-orange-dark) !important;
  color: #ffffff !important;
  border-radius: var(--moto-radius-sm) !important;
  font-weight: 700 !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 14px var(--moto-orange-glow) !important;
}

.cart_store:hover {
  background: linear-gradient(135deg, #9A3412, var(--moto-orange-dark)) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px var(--moto-orange-glow) !important;
}

/* View More — outlined blue → solid on hover */
.view_more_btn,
a.view_more_btn {
  background: transparent !important;
  background-image: none !important;
  color: var(--moto-blue) !important;
  border: 2px solid var(--moto-blue) !important;
  border-radius: var(--moto-radius-sm) !important;
  padding: 5px 16px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  transition: all 0.28s ease !important;
  text-decoration: none !important;
  float: none !important;
  display: inline-block !important;
  box-shadow: none !important;
}

.view_more_btn:hover,
a.view_more_btn:hover {
  background: var(--moto-grad-blue) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px var(--moto-blue-glow-sm) !important;
}

/* Track Order — ghost blue outlined */
.track_btn a {
  color: var(--moto-blue) !important;
  font-weight: 600 !important;
  border: 1.5px solid var(--moto-blue) !important;
  padding: 5px 14px !important;
  border-radius: var(--moto-radius-sm) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  transition: all 0.26s ease !important;
  background: transparent !important;
  font-size: 13.5px !important;
}

.track_btn a i {
  color: var(--moto-blue) !important;
  font-size: 14px !important;
  transition: inherit !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
}

.track_btn a:hover {
  background: var(--moto-grad-blue) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px var(--moto-blue-glow-sm) !important;
  transform: translateY(-1px) !important;
}

.track_btn a:hover i { color: #ffffff !important; }

/* Submit / Login / Register — blue pill shine */
.submit-btn {
  background: linear-gradient(135deg, #1E3A8A 0%, #1D4ED8 50%, #2563EB 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 30px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.5px !important;
  padding: 11px 0 !important;
  width: 100% !important;
  transition: all 0.35s cubic-bezier(0.4,0,0.2,1) !important;
  box-shadow: 0 5px 18px var(--moto-blue-glow-sm) !important;
  position: relative !important;
  overflow: hidden !important;
  display: block !important;
  text-align: center !important;
}

.submit-btn:hover {
  background: linear-gradient(135deg, #172554 0%, #1E3A8A 100%) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 28px var(--moto-blue-glow) !important;
}

.submit-btn::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: -80% !important;
  width: 60% !important; height: 100% !important;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent) !important;
  transform: skewX(-15deg) !important;
  transition: left 0.6s ease !important;
  pointer-events: none !important; z-index: 1 !important;
}
.submit-btn:hover::before { left: 150% !important; }

/* Order Place (Checkout CTA) — orange gradient pulse */
.order_place {
  background: linear-gradient(90deg, #C2410C 0%, #EA580C 40%, #F97316 70%, #FB923C 100%) !important;
  background-size: 200% auto !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--moto-radius-md) !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 13px 0 !important;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  transition: background-position 0.5s ease,
              transform 0.3s ease,
              box-shadow 0.3s ease !important;
  box-shadow: 0 5px 20px var(--moto-orange-glow) !important;
  position: relative !important;
  overflow: hidden !important;
  animation: motoOrderPulse 2.5s ease-in-out infinite !important;
}

.order_place:hover {
  background-position: right center !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 30px var(--moto-orange-glow), 0 0 0 2px rgba(249,115,22,0.20) !important;
  animation: none !important;
  color: #ffffff !important;
}

/* Bootstrap primary / success buttons */
.btn-primary,
.button-primary {
  background: var(--moto-grad-blue-rev) !important;
  border-color: var(--moto-blue) !important;
  color: #ffffff !important;
  border-radius: var(--moto-radius-sm) !important;
  font-weight: 700 !important;
  transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;
  box-shadow: 0 4px 14px var(--moto-blue-glow-sm) !important;
}

.btn-primary:hover,
.button-primary:hover {
  background: linear-gradient(135deg, #172554, #1E3A8A) !important;
  border-color: var(--moto-blue-dark) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px var(--moto-blue-glow) !important;
}

.btn-success {
  background: linear-gradient(135deg, var(--moto-green-deep), var(--moto-green)) !important;
  border-color: var(--moto-green-deep) !important;
  color: #ffffff !important;
  border-radius: var(--moto-radius-sm) !important;
  font-weight: 700 !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 14px var(--moto-green-glow) !important;
}

.btn-success:hover {
  background: linear-gradient(135deg, var(--moto-green-dark), var(--moto-green-deep)) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px var(--moto-green-glow) !important;
}

/* Checkout button */
.checkout-btn {
  background: var(--moto-blue-dark) !important;
  border: 2px solid var(--moto-blue) !important;
  color: #ffffff !important;
  border-radius: var(--moto-radius-sm) !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  transition: all 0.3s ease !important;
}

.checkout-btn:hover {
  background: var(--moto-grad-blue) !important;
  box-shadow: 0 0 0 3px var(--moto-blue-glow-sm), 0 8px 20px var(--moto-blue-glow) !important;
  transform: translateY(-2px) !important;
}

/* Submit type buttons */
button[type="submit"].btn,
input[type="submit"].btn {
  background: var(--moto-grad-blue-rev) !important;
  color: #ffffff !important;
  border-color: var(--moto-blue) !important;
  border-radius: var(--moto-radius-sm) !important;
  font-weight: 700 !important;
  transition: all 0.28s ease !important;
  box-shadow: 0 3px 10px var(--moto-blue-glow-sm) !important;
}

button[type="submit"].btn:hover,
input[type="submit"].btn:hover {
  background: linear-gradient(135deg, #172554, #1E3A8A) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px var(--moto-blue-glow) !important;
}

/* =========================================================
   15. PRODUCT DETAILS PAGE BUTTONS
   Premium motorsport dual-button layout
   ========================================================= */

/* Add to Cart — Deep Midnight Blue Aurora */
.single_product.d-flex .add_cart_btn {
  background: linear-gradient(135deg,
    #0d1b4b 0%, #1a3a8f 30%, #2563EB 60%, #1a3a8f 85%, #0d1b4b 100%
  ) !important;
  background-size: 280% 280% !important;
  color: #e8f0ff !important;
  border: 1px solid rgba(99,179,255,0.22) !important;
  border-radius: 12px !important;
  height: 52px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.9px !important;
  text-transform: uppercase !important;
  position: relative !important;
  overflow: hidden !important;
  flex: 1 !important;
  width: auto !important;
  cursor: pointer !important;
  transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1),
              box-shadow 0.35s ease,
              border-color 0.35s ease !important;
  box-shadow: 0 4px 20px rgba(13,27,75,0.45),
              inset 0 1px 0 rgba(148,196,255,0.18),
              inset 0 -1px 0 rgba(0,0,22,0.25) !important;
  animation: motoAuroraDrift 6s ease infinite !important;
}

.single_product.d-flex .add_cart_btn::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important; left: -75% !important;
  width: 50% !important; height: 200% !important;
  background: linear-gradient(105deg,transparent 30%,rgba(180,220,255,0.20) 50%,transparent 70%) !important;
  transform: skewX(-15deg) !important;
  transition: left 0.7s ease !important;
  pointer-events: none !important; z-index: 2 !important;
}
.single_product.d-flex .add_cart_btn:hover::before { left: 130% !important; }

.single_product.d-flex .add_cart_btn::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 10% !important;
  width: 80% !important; height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(148,196,255,0.6), transparent) !important;
  pointer-events: none !important; z-index: 3 !important;
}

.single_product.d-flex .add_cart_btn:hover {
  transform: translateY(-4px) scale(1.025) !important;
  border-color: rgba(99,179,255,0.45) !important;
  box-shadow: 0 14px 36px rgba(13,27,75,0.55),
              0 0 0 1px rgba(99,179,255,0.22),
              inset 0 1px 0 rgba(148,196,255,0.25) !important;
  animation: none !important;
}

.single_product.d-flex .add_cart_btn:active {
  transform: translateY(-1px) scale(0.985) !important;
}

/* Order Now — Solar Orange Flare */
.single_product.d-flex .order_now_btn {
  background: linear-gradient(135deg,
    #7a1f00 0%, #C2410C 20%, #EA580C 45%, #F97316 65%, #C2410C 85%, #7a1f00 100%
  ) !important;
  background-size: 280% 280% !important;
  color: #fff8f0 !important;
  border: none !important;
  border-radius: 12px !important;
  height: 52px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: 0.9px !important;
  text-transform: uppercase !important;
  position: relative !important;
  overflow: hidden !important;
  flex: 1 !important;
  width: auto !important;
  cursor: pointer !important;
  transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1),
              box-shadow 0.35s ease !important;
  animation: motoSolarFlare 2.5s ease-in-out infinite !important;
}

.single_product.d-flex .order_now_btn::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important; left: -80% !important;
  width: 45% !important; height: 200% !important;
  background: linear-gradient(105deg,transparent 25%,rgba(255,200,150,0.28) 50%,transparent 75%) !important;
  transform: skewX(-18deg) !important;
  transition: none !important;
  pointer-events: none !important; z-index: 2 !important;
}
.single_product.d-flex .order_now_btn:hover::before {
  left: 130% !important;
  transition: left 0.65s ease !important;
}

.single_product.d-flex .order_now_btn::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 8% !important;
  width: 84% !important; height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255,180,120,0.75), transparent) !important;
  pointer-events: none !important; z-index: 3 !important;
}

.single_product.d-flex .order_now_btn:hover {
  transform: translateY(-4px) scale(1.025) !important;
  animation: none !important;
  box-shadow: 0 14px 38px var(--moto-orange-glow), 0 0 0 2px rgba(249,115,22,0.22) !important;
}

.single_product.d-flex .order_now_btn:active {
  transform: translateY(-1px) scale(0.985) !important;
}

.single_product.d-flex .order_now_btn,
.single_product.d-flex .order_now_btn * { color: #fff8f0 !important; }

/* =========================================================
   16. CALL NOW & WHATSAPP BUTTONS (product details)
   ========================================================= */

/* Call Now — Deep Blue Premium */
.call_now_btn[href^="tel"] {
  background: linear-gradient(135deg,
    #172554 0%, #1E3A8A 25%, #1D4ED8 50%, #2563EB 70%, #1D4ED8 88%, #172554 100%
  ) !important;
  background-size: 260% 260% !important;
  color: #e8f4ff !important;
  box-shadow: 0 4px 20px var(--moto-blue-glow-sm),
              inset 0 1px 0 rgba(148,196,255,0.18) !important;
  animation: motoBlueBreath 3.2s ease-in-out infinite !important;
}

.call_now_btn[href^="tel"] * { color: #e8f4ff !important; }
.call_now_btn[href^="tel"] i { color: #93c5fd !important; }

.call_now_btn[href^="tel"]::before {
  background: linear-gradient(105deg,transparent 20%,rgba(148,196,255,0.28) 50%,transparent 80%) !important;
}

.call_now_btn[href^="tel"]::after {
  background: linear-gradient(90deg,transparent,rgba(147,197,253,0.70),transparent) !important;
}

.call_now_btn[href^="tel"]:hover {
  transform: translateY(-4px) scale(1.025) !important;
  animation: none !important;
  box-shadow: 0 14px 36px var(--moto-blue-glow),
              0 0 0 2px rgba(59,130,246,0.25) !important;
}

/* WhatsApp — Jade Forest Green */
.call_now_btn[href*="whatsapp"],
.call_now_btn[href*="api.whatsapp"] {
  background: linear-gradient(135deg,
    #14532D 0%, #15803D 25%, #16A34A 50%, #22C55E 70%, #15803D 88%, #14532D 100%
  ) !important;
  background-size: 260% 260% !important;
  color: #f0fdf4 !important;
  box-shadow: 0 4px 20px var(--moto-green-glow),
              inset 0 1px 0 rgba(167,243,208,0.20) !important;
  animation: motoGreenBreath 3s ease-in-out infinite !important;
}

.call_now_btn[href*="whatsapp"] * { color: #f0fdf4 !important; }
.call_now_btn[href*="whatsapp"] i { color: #86efac !important; }

.call_now_btn[href*="whatsapp"]::before {
  background: linear-gradient(105deg,transparent 20%,rgba(187,247,208,0.30) 50%,transparent 80%) !important;
}

.call_now_btn[href*="whatsapp"]::after {
  background: linear-gradient(90deg,transparent,rgba(134,239,172,0.65),transparent) !important;
}

.call_now_btn[href*="whatsapp"]:hover {
  transform: translateY(-4px) scale(1.025) !important;
  animation: none !important;
  box-shadow: 0 14px 36px var(--moto-green-glow), 0 0 0 2px rgba(74,222,128,0.28) !important;
}

/* Shared call_now_btn base layout preserved */
.call_now_btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  height: 50px !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.45px !important;
  width: 100% !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.38s cubic-bezier(0.34,1.56,0.64,1),
              box-shadow 0.35s ease !important;
  border: none !important;
  cursor: pointer !important;
}

.call_now_btn * { position: relative !important; z-index: 2 !important; }

.call_now_btn::before {
  content: "" !important;
  position: absolute !important;
  top: -60% !important; left: -90% !important;
  width: 46% !important; height: 220% !important;
  transform: skewX(-16deg) !important;
  pointer-events: none !important; z-index: 3 !important;
  transition: none !important;
}
.call_now_btn:hover::before {
  left: 135% !important;
  transition: left 0.68s cubic-bezier(0.4,0,0.2,1) !important;
}
.call_now_btn::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 8% !important;
  width: 84% !important; height: 1px !important;
  pointer-events: none !important; z-index: 4 !important;
}
.call_now_btn:active {
  transform: translateY(-1px) scale(0.982) !important;
}

/* =========================================================
   17. COUNTDOWN TIMER
   ========================================================= */
.timer_inner .syotimer-cell {
  background: var(--moto-grad-blue-rev) !important;
  color: #ffffff !important;
  border-radius: var(--moto-radius-sm) !important;
  box-shadow: 0 2px 8px var(--moto-blue-glow-sm) !important;
  font-weight: 700 !important;
  min-width: 40px !important;
  padding: 8px !important;
}

/* =========================================================
   18. FORMS & INPUTS
   ========================================================= */
.form-control,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
select,
textarea {
  background: #ffffff !important;
  border: 1.5px solid var(--moto-border-mid) !important;
  color: var(--moto-text) !important;
  border-radius: var(--moto-radius-sm) !important;
  transition: var(--moto-transition) !important;
}

.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
  border-color: var(--moto-blue) !important;
  box-shadow: 0 0 0 3px var(--moto-blue-glow-sm) !important;
  outline: none !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
  color: var(--moto-text-light) !important;
}

/* Auth / Login forms */
.auth-title {
  color: var(--moto-blue-dark) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  background: var(--moto-blue-glow-xs) !important;
  border-bottom: 2px solid var(--moto-border) !important;
}

.form-content {
  border-radius: var(--moto-radius-lg) !important;
  border: 1px solid var(--moto-border) !important;
  box-shadow: var(--moto-shadow-md) !important;
}

.no-account a,
.register-now a { color: var(--moto-blue) !important; font-weight: 600 !important; }
.forget-link { color: var(--moto-blue) !important; }

/* Payment radio */
.payment-methods .form-check-input { border: 2px solid var(--moto-blue) !important; }
.payment-methods .form-check-input:checked::after { background-color: var(--moto-blue) !important; }
.payment-methods .form-check-input:checked { border-color: var(--moto-blue) !important; }
.payment-methods .form-check-input:checked + .form-check-label {
  color: var(--moto-blue) !important;
  font-weight: 700 !important;
}

/* =========================================================
   19. CART & CHECKOUT UI
   ========================================================= */
.checkout-shipping .card-header,
.cart_details .card-header {
  background: var(--moto-blue-glow-xs) !important;
  border-bottom: 1px solid var(--moto-border) !important;
}

.checkout-shipping h5,
.cart_details h5 { color: var(--moto-blue-dark) !important; }
.checkout-shipping h6 { color: var(--moto-blue) !important; }

.coupon-form form button {
  background: var(--moto-grad-blue-rev) !important;
  color: #ffffff !important;
}

.wcart-btn,
.wcart-btn:focus {
  background: var(--moto-grad-blue-rev) !important;
  color: #ffffff !important;
}

.remove-cart,
.remove-cart:focus {
  background: #DC2626 !important;
  border-radius: 50% !important;
}

/* =========================================================
   20. FOOTER — Deep Navy Premium
   ========================================================= */
footer,
.footer-top,
.footer-bottom,
.main-footer,
body footer,
body .footer-top,
body .footer-bottom {
  background: var(--moto-grad-footer) !important;
  background-image: var(--moto-grad-footer) !important;
  background-color: #0F172A !important;
}

.footer-top {
  padding: 52px 0 36px !important;
  border-top: 3px solid var(--moto-blue) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Subtle orange accent line atop footer */
.footer-top::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--moto-blue), var(--moto-blue-light) 50%, var(--moto-orange)) !important;
}

.footer-top *,
.footer-bottom *,
footer *,
.main-footer * {
  color: rgba(255,255,255,0.82) !important;
}

.footer-about p {
  color: rgba(255,255,255,0.72) !important;
  font-size: 13.5px !important;
  line-height: 1.8 !important;
  margin-top: 12px !important;
}

.footer-hotlint {
  color: var(--moto-orange) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  transition: var(--moto-transition) !important;
}

.footer-hotlint:hover { color: #ffffff !important; }

.footer-menu ul li.title a {
  color: var(--moto-orange) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  display: block !important;
  border: none !important;
  border-bottom: 2px solid rgba(249,115,22,0.30) !important;
  padding-bottom: 8px !important;
  margin-bottom: 16px !important;
}

.footer-menu ul li a {
  color: rgba(255,255,255,0.72) !important;
  font-size: 13.5px !important;
  transition: var(--moto-transition) !important;
  line-height: 2 !important;
}

.footer-menu ul li a:hover {
  color: var(--moto-orange) !important;
  padding-left: 6px !important;
}

.social_link li a {
  background: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.80) !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  transition: var(--moto-transition) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}

.social_link li a:hover {
  background: var(--moto-grad-blue-rev) !important;
  color: #ffffff !important;
  transform: translateY(-3px) !important;
  border-color: var(--moto-blue) !important;
  box-shadow: 0 4px 12px var(--moto-blue-glow-sm) !important;
}

.d_app h2 {
  color: var(--moto-orange) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
}

.footer-bottom {
  background: #050E1C !important;
  background-color: #050E1C !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  padding: 16px 0 !important;
}

.copyright p,
.copyright p span {
  color: rgba(255,255,255,0.45) !important;
  font-size: 13px !important;
  text-align: center !important;
}

.developer-credit-link {
  color: var(--moto-green) !important;
  font-weight: 700 !important;
}

.developer-credit-link:hover { color: #ffffff !important; }

/* =========================================================
   21. MOBILE BOTTOM NAVIGATION
   Deep navy · Orange home button · Blue active glow
   Preserving ALL original dimensions exactly
   ========================================================= */
@media (max-width: 767px) {
  body { padding-bottom: 78px !important; }

  .footer_nav {
    display: block !important;
    position: fixed !important;
    bottom: 0 !important; left: 0 !important; right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background: #0D1B40 !important;
    border-top: 1px solid rgba(249,115,22,0.50) !important;
    box-shadow: 0 -3px 20px rgba(37,99,235,0.25) !important;
    height: 68px !important;
    padding: 0 !important; margin: 0 !important;
  }

  .footer_nav ul {
    display: grid !important;
    grid-template-columns: repeat(5,1fr) !important;
    width: 100% !important;
    height: 68px !important;
    margin: 0 !important; padding: 0 !important;
    align-items: center !important;
    justify-items: center !important;
    list-style: none !important;
  }

  .footer_nav ul li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    list-style: none !important;
    margin: 0 !important; padding: 0 !important;
  }

  .footer_nav ul li a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 52px !important; height: 52px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    position: relative !important;
    cursor: pointer !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
  }

  .footer_nav ul li a span:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    line-height: 1 !important;
    position: relative !important; z-index: 1 !important;
  }

  /* All tab icons — muted white */
  .footer_nav ul li a span i {
    font-size: 20px !important;
    font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
    display: block !important; line-height: 1 !important;
    color: rgba(255,255,255,0.55) !important;
    transition: color 0.2s ease !important;
  }

  .footer_nav ul li a span svg {
    width: 20px !important; height: 20px !important;
    stroke-width: 2px !important; display: block !important;
    stroke: rgba(255,255,255,0.55) !important;
    transition: stroke 0.2s ease !important;
  }

  /* Tab labels */
  .footer_nav ul li a span:last-child {
    font-size: 9.5px !important; font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    text-transform: capitalize !important; line-height: 1 !important;
    color: rgba(255,255,255,0.45) !important;
    transition: color 0.2s ease !important;
  }

  .footer_nav ul li a::after { display: none !important; }

  /* Hover — orange accent */
  .footer_nav ul li a:hover {
    background: rgba(249,115,22,0.12) !important;
    border-color: rgba(249,115,22,0.28) !important;
  }
  .footer_nav ul li a:hover span i { color: var(--moto-orange) !important; }
  .footer_nav ul li a:hover span svg { stroke: var(--moto-orange) !important; }
  .footer_nav ul li a:hover span:last-child { color: var(--moto-orange) !important; }

  /* Home tab (3rd) — elevated orange */
  .footer_nav ul li:nth-child(3) a {
    width: 58px !important; height: 58px !important;
    border-radius: 16px !important;
    margin-top: -16px !important;
    background: var(--moto-grad-orange) !important;
    border: 1.5px solid rgba(251,146,60,0.40) !important;
    box-shadow: 0 4px 18px var(--moto-orange-glow),
                inset 0 1px 0 rgba(255,255,255,0.18) !important;
  }
  .footer_nav ul li:nth-child(3) a span i { color: #ffffff !important; font-size: 22px !important; }
  .footer_nav ul li:nth-child(3) a span:last-child {
    color: rgba(255,255,255,0.92) !important; font-weight: 700 !important;
  }
  .footer_nav ul li:nth-child(3) a:hover {
    background: linear-gradient(135deg, #9A3412, #C2410C) !important;
    box-shadow: 0 6px 22px var(--moto-orange-glow),
                inset 0 1px 0 rgba(255,255,255,0.15) !important;
    border-color: rgba(251,146,60,0.55) !important;
  }

  /* Cart badge */
  .footer_nav .mobilecart-qty {
    position: absolute !important;
    top: -4px !important; right: -3px !important;
    background: var(--moto-orange) !important;
    color: #0D1B40 !important;
    border-radius: 50% !important;
    min-width: 17px !important; height: 17px !important;
    font-size: 9px !important; font-weight: 900 !important;
    display: flex !important;
    align-items: center !important; justify-content: center !important;
    border: 2px solid #0D1B40 !important; z-index: 10 !important;
  }

  /* Home item reset */
  .footer_nav li.mobile_home {
    background: transparent !important; border: none !important;
    margin-top: 0 !important; border-radius: 0 !important;
    width: auto !important; height: auto !important; padding: 0 !important;
  }

  /* Footer bottom padding */
  .footer-bottom { padding-bottom: 84px !important; margin-bottom: 0 !important; }
}

@media (min-width: 768px) {
  .footer_nav { display: none !important; }
  body { padding-bottom: 0 !important; }
}

/* =========================================================
   22. FLOATING BUTTONS — WhatsApp & Scroll Top
   ========================================================= */
.float {
  background: #25D366 !important;
  box-shadow: 0 4px 18px rgba(37,211,102,0.40) !important;
  border: none !important;
  transition: var(--moto-transition) !important;
  animation: motoFloatBob 3s ease-in-out infinite !important;
}

.float:hover {
  background: #20BA5A !important;
  animation: none !important;
  transform: scale(1.12) !important;
  box-shadow: 0 8px 24px rgba(37,211,102,0.55) !important;
}

.scrolltop {
  background: var(--moto-grad-blue-rev) !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 14px var(--moto-blue-glow) !important;
  transition: var(--moto-transition) !important;
}

.scrolltop:hover {
  background: linear-gradient(135deg, #172554, #1E3A8A) !important;
  transform: scale(1.08) !important;
}

.scrolltop .scroll i,
.scrolltop i {
  color: #ffffff !important;
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome !important;
}

/* =========================================================
   23. PAGINATION
   ========================================================= */
.pagination .page-item.active .page-link {
  background: var(--moto-grad-blue-rev) !important;
  border-color: var(--moto-blue) !important;
  color: #ffffff !important;
  border-radius: var(--moto-radius-sm) !important;
}

.pagination .page-link {
  color: var(--moto-blue) !important;
  border-color: var(--moto-border) !important;
  border-radius: var(--moto-radius-sm) !important;
  transition: var(--moto-transition) !important;
}

.pagination .page-link:hover {
  background: var(--moto-blue-glow-xs) !important;
  color: var(--moto-blue) !important;
}

/* =========================================================
   24. TABLES
   ========================================================= */
.table td,
.table th { color: var(--moto-text) !important; border-color: var(--moto-border) !important; }

.table-striped tbody tr:nth-of-type(odd) { background: var(--moto-blue-glow-xs) !important; }

.tracktable thead { background: var(--moto-grad-blue) !important; }
.tracktable thead * { color: #ffffff !important; }

/* =========================================================
   25. BADGES & ALERTS
   ========================================================= */
.badge { font-weight: 600 !important; border-radius: var(--moto-radius-xl) !important; }
.badge-success, .bg-success { background: var(--moto-green) !important; }
.badge-danger, .bg-danger   { background: #DC2626 !important; }
.badge-primary, .bg-primary { background: var(--moto-blue) !important; }

.alert-success {
  background: #F0FDF4 !important;
  border: 1px solid #BBF7D0 !important;
  color: #166534 !important;
  border-radius: var(--moto-radius-md) !important;
}

.alert-info {
  background: var(--moto-blue-glow-xs) !important;
  border-color: rgba(37,99,235,0.20) !important;
  color: var(--moto-blue-dark) !important;
}

/* =========================================================
   26. MODAL & OVERLAYS
   ========================================================= */
.modal-view {
  border-radius: var(--moto-radius-lg) !important;
  box-shadow: var(--moto-shadow-lg) !important;
  border: 1px solid var(--moto-border) !important;
}

.close-modal {
  background: #DC2626 !important;
  color: #ffffff !important;
  border-radius: 50% !important;
}

#page-overlay { background: rgba(15,23,42,0.65) !important; }

.confirm-btn {
  background: var(--moto-grad-blue-rev) !important;
  border-radius: var(--moto-radius-sm) !important;
  transition: var(--moto-transition) !important;
}
.confirm-btn:hover { background: linear-gradient(135deg, #172554, #1E3A8A) !important; }
.continue-btn:hover { background: var(--moto-grad-blue-rev) !important; color: #ffffff !important; }

/* =========================================================
   27. CUSTOMER ACCOUNT SIDEBAR
   ========================================================= */
.customer-sidebar,
.sidebar-menu {
  background: #ffffff !important;
  border: 1px solid var(--moto-border) !important;
  border-radius: var(--moto-radius-md) !important;
  box-shadow: var(--moto-shadow-sm) !important;
}

.sidebar-menu li a {
  color: var(--moto-text) !important;
  border-bottom: 1px solid var(--moto-border) !important;
  transition: var(--moto-transition) !important;
}

.sidebar-menu li a:hover,
.sidebar-menu li a.active {
  color: var(--moto-blue) !important;
  background: var(--moto-blue-glow-xs) !important;
  padding-left: 20px !important;
}

.account-title {
  color: var(--moto-blue-dark) !important;
  border-bottom: 2px solid var(--moto-blue) !important;
}

.invoice_btn,
.invoice_btn:focus {
  background: var(--moto-grad-blue-rev) !important;
  color: #ffffff !important;
  border-radius: var(--moto-radius-sm) !important;
}

/* =========================================================
   28. MISC UI — Filter, Progress, Stars, Contact, Toastr
   ========================================================= */
.filter_btn {
  background: var(--moto-grad-blue-rev) !important;
  color: #ffffff !important;
  border-radius: var(--moto-radius-sm) !important;
}

.filter_close {
  background: var(--moto-blue) !important;
  color: #ffffff !important;
  border-radius: var(--moto-radius-sm) !important;
}

.progress-bar { background: var(--moto-grad-blue-rev) !important; }

.fas.fa-star, .fas.fa-star-half-alt { color: var(--moto-orange) !important; }
.far.fa-star { color: var(--moto-border-mid) !important; }
.details-ratting-wrapper i { color: var(--moto-orange) !important; }
.details-ratting-wrapper i.far.fa-star { color: var(--moto-border-mid) !important; }

.contact-form {
  background: var(--moto-blue-glow-xs) !important;
  border: 1px solid var(--moto-border) !important;
  border-radius: var(--moto-radius-md) !important;
}

.custom-loader {
  --c: radial-gradient(farthest-side, var(--moto-blue) 92%, #0000) !important;
}

/* Toastr notifications */
#toast-container > div {
  border-radius: var(--moto-radius-md) !important;
  box-shadow: var(--moto-shadow-lg) !important;
}
#toast-container > .toast-success { background-color: rgba(22,163,74,0.95) !important; }
#toast-container > .toast-error   { background-color: rgba(220,38,38,0.95) !important; }
#toast-container > .toast-warning { background-color: rgba(249,115,22,0.95) !important; }
#toast-container > .toast-info    { background-color: rgba(37,99,235,0.95) !important; }

/* Scrollbar */
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-track { background: var(--moto-bg); }
::-webkit-scrollbar-thumb {
  background: rgba(var(--moto-blue-rgb), 0.35);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover { background: var(--moto-blue); }

/* Details action btn */
.details-action-box .section-head .action .details-action-btn {
  background: var(--moto-grad-blue-rev) !important;
  border-color: var(--moto-blue) !important;
  color: #ffffff !important;
}

/* =========================================================
   29. PRODUCT DETAILS PAGE — misc elements
   ========================================================= */
.product-details-area .details-price {
  color: var(--moto-blue-dark) !important;
  font-size: 24px !important;
  font-weight: 800 !important;
}

.details-price {
  color: var(--moto-blue-dark) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}

.details-price del {
  color: var(--moto-text-light) !important;
  font-size: 19px !important;
}

/* Breadcrumb */
.breadcrumb ul li a { color: var(--moto-text-muted) !important; font-size: 14px !important; }
.breadcrumb ul li span { color: var(--moto-text-light) !important; }

/* Product name on details page */
.product-cart .name {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--moto-text) !important;
}

/* =========================================================
   30. KEYFRAME ANIMATIONS — PREMIUM MOTORCYCLE SYSTEM
   ========================================================= */

/* Product card button gradient shift */
@keyframes motoBtnShift {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Cart button glow pulse */
@keyframes motoCartGlow {
  0%, 100% { box-shadow: 0 4px 16px var(--moto-blue-glow-sm); }
  50%       { box-shadow: 0 4px 28px var(--moto-blue-glow), 0 0 0 4px rgba(37,99,235,0.10); }
}

/* Order place orange pulse */
@keyframes motoOrderPulse {
  0%, 100% { box-shadow: 0 5px 20px var(--moto-orange-glow); }
  50%       { box-shadow: 0 5px 30px var(--moto-orange-glow), 0 0 0 4px rgba(249,115,22,0.12); }
}

/* Details page Add to Cart — aurora drift */
@keyframes motoAuroraDrift {
  0%   { background-position: 0% 50%; }
  33%  { background-position: 100% 0%; }
  66%  { background-position: 50% 100%; }
  100% { background-position: 0% 50%; }
}

/* Details page Order Now — solar flare */
@keyframes motoSolarFlare {
  0%   { background-position: 0% 50%;
         box-shadow: 0 4px 20px var(--moto-orange-glow); }
  50%  { background-position: 100% 50%;
         box-shadow: 0 4px 32px var(--moto-orange-glow), 0 0 0 3px rgba(249,115,22,0.12); }
  100% { background-position: 0% 50%;
         box-shadow: 0 4px 20px var(--moto-orange-glow); }
}

/* Call Now button — blue breath */
@keyframes motoBlueBreath {
  0%   { background-position: 0% 50%;
         box-shadow: 0 4px 18px var(--moto-blue-glow-sm); }
  50%  { background-position: 100% 50%;
         box-shadow: 0 4px 28px var(--moto-blue-glow), 0 0 0 3px rgba(37,99,235,0.10); }
  100% { background-position: 0% 50%;
         box-shadow: 0 4px 18px var(--moto-blue-glow-sm); }
}

/* WhatsApp button — green breath */
@keyframes motoGreenBreath {
  0%   { background-position: 0% 50%;
         box-shadow: 0 4px 18px var(--moto-green-glow); }
  50%  { background-position: 100% 50%;
         box-shadow: 0 4px 28px var(--moto-green-glow), 0 0 0 3px rgba(22,163,74,0.10); }
  100% { background-position: 0% 50%;
         box-shadow: 0 4px 18px var(--moto-green-glow); }
}

/* WhatsApp float button bob */
@keyframes motoFloatBob {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-7px); }
}

/* Card fade-up on scroll (WOW.js compatible) */
@keyframes motoFadeUp {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Mobile menu slide in */
@keyframes motoSlideInLeft {
  from { transform: translateX(-100%); opacity: 0; }
  to   { transform: translateX(0); opacity: 1; }
}

/* Announcement bar subtle shimmer */
@keyframes motoTopBarShimmer {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* =========================================================
   31. APPLY ANIMATIONS TO ELEMENTS
   ========================================================= */

/* Product & category cards entrance */
.product_item,
.cat_item,
.homeproduct .row > * {
  animation: motoFadeUp 0.42s ease both;
}

/* WhatsApp float bob */
.float { animation: motoFloatBob 3s ease-in-out infinite !important; }
.float:hover { animation: none !important; transform: scale(1.12) !important; }

/* Mobile menu slide in */
.mobile-menu.active { animation: motoSlideInLeft 0.3s ease both !important; }

/* =========================================================
   32. REDUCED MOTION — ACCESSIBILITY
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .float { animation: none !important; }
  .order_place { animation: none !important; }
  .go_cart { animation: none !important; }
  .single_product.d-flex .add_cart_btn { animation: none !important; }
  .single_product.d-flex .order_now_btn { animation: none !important; }
  .call_now_btn { animation: none !important; }
  .pro_btn .cart_btn button { animation: none !important; }
}

/* =========================================================
   33. MOBILE RESPONSIVE OVERRIDES
   Preserving ALL original dimensions
   ========================================================= */
@media (max-width: 767px) {

  /* Mobile header */
  .mobile-header {
    background: #ffffff !important;
    border-bottom: 2px solid var(--moto-blue) !important;
    box-shadow: 0 2px 10px var(--moto-blue-glow-sm) !important;
  }

  /* Preserve original mobile slider height */
  .slider-item { height: 150px !important; }
  .home-slider-container { border-radius: var(--moto-radius-sm) !important; }

  /* Preserve original mobile product card dimensions */
  .product_item { padding: 8px !important; margin-bottom: 10px !important; }
  .pro_img { height: 150px !important; }
  .pro_price p { font-size: 14px !important; }
  .pro_name { height: 44px !important; }
  .pro_name a { font-size: 12.5px !important; }

  /* Preserve original mobile category card dimensions */
  .cat_img { height: 60px !important; width: 60px !important; }
  .cat_item { height: 110px !important; padding: 8px 4px !important; }
  .cat_name a { font-size: 11px !important; }

  /* Section title */
  .section-title-name { font-size: 14px !important; }

  /* Footer padding for bottom nav */
  .footer-top { padding: 30px 0 28px !important; }

  /* Details page buttons */
  .single_product.d-flex .add_cart_btn,
  .single_product.d-flex .order_now_btn {
    height: 46px !important; font-size: 13px !important;
  }

  /* Scroll top hidden on mobile (above bottom nav) */
  .scrolltop { bottom: 84px !important; display: none !important; }

  /* Content padding-top preserved */
  #content { padding-top: 163px !important; }
}

@media (max-width: 575px) {
  #content { padding-top: 193px !important; }
}

/* =========================================================
   34. TABLET RESPONSIVE OVERRIDES
   ========================================================= */
@media (min-width: 768px) and (max-width: 991px) {
  .cat_item { height: 120px !important; }
  .pro_img { height: 170px !important; }
}

/* =========================================================
   35. DESKTOP HOVER ENHANCEMENT
   ========================================================= */
@media (min-width: 992px) {
  .product_item:hover { transform: translateY(-7px) !important; }
  .cat_item { height: 135px !important; }
}

/* =========================================================
   36. ICON FONT PROTECTION
   Ensures FA & Feather icons are never broken by font overrides
   ========================================================= */
.fa, .fas, .far, .fab, .fal, .fad,
.fa-solid, .fa-regular, .fa-brands, .fa-light,
[class^="fa-"], [class*=" fa-"] {
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free",
               "FontAwesome","Font Awesome 4" !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased !important;
  display: inline-block !important;
}

svg, svg * { font-family: inherit !important; }
svg[data-feather] { fill: none !important; stroke: currentColor !important; }

/* =========================================================
   37. LEGACY TOKEN REMAPPING
   Maps old --purple-* vars to motorcycle blue palette
   Ensures any premium.css fallbacks pick up correct colors
   ========================================================= */
:root {
  --purple-dark:          var(--moto-blue-dark);
  --purple-main:          var(--moto-blue);
  --purple-accent:        var(--moto-blue-light);
  --purple-light:         rgba(37,99,235,0.25);
  --purple-soft-bg:       rgba(37,99,235,0.06);
  --purple-gradient:      var(--moto-grad-blue);
  --purple-gradient-rev:  var(--moto-grad-blue-rev);
  --purple-glow:          var(--moto-blue-glow);
  --purple-glow-sm:       var(--moto-blue-glow-sm);
  --body-bg:              var(--moto-bg);
  --card-bg:              var(--moto-surface);
  --text-primary:         var(--moto-text);
  --text-muted:           var(--moto-text-muted);
  --text-price:           var(--moto-blue-dark);
  --border-light:         var(--moto-border);
  --shadow-card:          var(--moto-shadow-sm);
  --shadow-hover:         var(--moto-shadow-hover);
  --radius-card:          var(--moto-radius-md);
  --radius-btn:           var(--moto-radius-sm);
  --dark-footer:          #0F172A;
  --nav-bg:               #172554;

  /* Override g-* tokens to match motorcycle palette */
  --g-primary:            var(--moto-blue);
  --g-primary-dark:       var(--moto-blue-dark);
  --g-primary-light:      var(--moto-blue-light);
  --g-accent:             var(--moto-orange);
  --g-accent-dark:        var(--moto-orange-deep);
  --g-bg:                 var(--moto-bg);
  --g-bg-card:            var(--moto-surface);
  --g-text:               var(--moto-text);
  --g-text-muted:         var(--moto-text-muted);
  --g-success:            var(--moto-green);
  --g-error:              #DC2626;
  --g-border:             var(--moto-border);
  --g-shadow-sm:          var(--moto-shadow-sm);
  --g-shadow-md:          var(--moto-shadow-md);
  --g-shadow-lg:          var(--moto-shadow-lg);
  --g-shadow-hover:       var(--moto-shadow-hover);
}

/* =========================================================
   38. FINAL NUCLEAR OVERRIDES
   Extra-specific selectors to ensure nothing from
   style.css / premium.css bleeds through
   ========================================================= */

/* Body background */
body, #content {
  background: var(--moto-bg) !important;
  background-color: var(--moto-bg) !important;
}

section { background: transparent !important; }
.homeproduct { background: transparent !important; }

/* Footer background — absolute final authority */
footer, footer .footer-top, footer .footer-bottom,
.footer-top, .footer-bottom {
  background-color: #0F172A !important;
  background-image: var(--moto-grad-footer) !important;
}

footer *, .footer-top *, .footer-bottom * {
  color: rgba(255,255,255,0.82) !important;
}

/* Menu area background */
.menu-area {
  background: var(--moto-grad-nav) !important;
  background-image: var(--moto-grad-nav) !important;
  background-color: #172554 !important;
}

/* Section title underline color */
.section-title-name {
  border-bottom-color: var(--moto-blue) !important;
  color: var(--moto-blue-dark) !important;
}

/* Cart badge */
.header-list-items ul li span { background: var(--moto-orange) !important; }

/* Sidebar account hover */
.sidebar-menu ul li:hover > a {
  background-color: var(--moto-blue-glow-xs) !important;
  color: var(--moto-blue) !important;
}

/* Non-details .add_cart_btn fallback */
.add_cart_btn:not(.single_product .add_cart_btn) {
  background: var(--moto-grad-blue-rev) !important;
  border-color: var(--moto-blue) !important;
  color: #ffffff !important;
}

.add_cart_btn:not(.single_product .add_cart_btn):hover {
  background: linear-gradient(135deg, #172554, #1E3A8A) !important;
  border-color: var(--moto-blue-dark) !important;
  color: #ffffff !important;
}
/* =========================================================
   END OF MOTORCYCLE PREMIUM THEME
   motor-bike-website | Version 1.0.0
   ========================================================= */

/* =========================================================
   39. MOBILE HOTLINE BAR
   ========================================================= */
.moto-hotline-bar {
  background: linear-gradient(90deg, #172554, #1E3A8A 60%, #1D4ED8) !important;
  border-bottom: 1px solid rgba(249,115,22,0.30) !important;
}

.moto-hotline-bar a {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  letter-spacing: 0.3px !important;
  transition: var(--moto-transition) !important;
}

.moto-hotline-bar a:hover {
  color: var(--moto-orange) !important;
}

/* =========================================================
   40. PREMIUM SECTION BACKGROUNDS
   Subtle blue-tinted alternating rows for visual depth
   ========================================================= */
.homeproduct:nth-child(even) {
  background: var(--moto-surface-alt) !important;
  border-radius: var(--moto-radius-md) !important;
}

/* Hot deal review section header */
.homeproduct .text-center.text-light.py-2 {
  background: var(--moto-grad-nav) !important;
  border-radius: var(--moto-radius-sm) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
}

/* =========================================================
   41. PRODUCT SECTION PAGE (category / hotdeals / search)
   ========================================================= */
.product-section {
  padding: 20px 0 !important;
  background: var(--moto-surface) !important;
  margin-bottom: 10px !important;
  margin-top: 10px !important;
  border-radius: var(--moto-radius-md) !important;
  box-shadow: var(--moto-shadow-sm) !important;
}

/* Breadcrumb */
.category-breadcrumb a {
  color: var(--moto-text-muted) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  transition: var(--moto-transition) !important;
}

.category-breadcrumb a:hover { color: var(--moto-blue) !important; }
.category-breadcrumb span, .category-breadcrumb strong {
  color: var(--moto-text-muted) !important;
}

/* Sort form select */
.sort-form .form-select,
.sort-form .form-control {
  border: 1.5px solid var(--moto-border-mid) !important;
  border-radius: var(--moto-radius-sm) !important;
  color: var(--moto-text) !important;
  transition: var(--moto-transition) !important;
}

.sort-form .form-select:focus,
.sort-form .form-control:focus {
  border-color: var(--moto-blue) !important;
  box-shadow: 0 0 0 3px var(--moto-blue-glow-sm) !important;
}

/* Filter sidebar */
.feature-products {
  background-color: var(--moto-surface) !important;
}

.feature-products p {
  color: var(--moto-text) !important;
  font-weight: 600 !important;
}

.feature-products p::after {
  background-color: var(--moto-blue) !important;
}

.cust_according_body ul li a {
  color: var(--moto-text) !important;
  transition: var(--moto-transition) !important;
}

.cust_according_body ul li:hover a {
  background-color: var(--moto-blue-glow-xs) !important;
  color: var(--moto-blue) !important;
}

.subcategory-filter-label {
  color: var(--moto-text) !important;
  transition: var(--moto-transition) !important;
}

.subcategory-filter-label:hover {
  background-color: var(--moto-blue-glow-xs) !important;
}

.subcategory-filter-label input {
  border: 2px solid var(--moto-blue) !important;
}

.subcategory-filter-label input[type=checkbox]:checked {
  background-color: var(--moto-blue) !important;
}

/* =========================================================
   42. PRODUCT DETAILS — FULL PAGE PREMIUM STYLING
   ========================================================= */
.pro_details_area {
  background: var(--moto-surface) !important;
  padding: 25px 0 !important;
  border-radius: var(--moto-radius-md) !important;
  box-shadow: var(--moto-shadow-sm) !important;
}

/* Details slider */
.details_slider {
  border: 1.5px solid var(--moto-border) !important;
  border-radius: var(--moto-radius-md) !important;
  overflow: hidden !important;
  box-shadow: var(--moto-shadow-sm) !important;
}

/* Thumbnail indicators */
.indicator-item {
  border: 1.5px solid var(--moto-border) !important;
  border-radius: var(--moto-radius-sm) !important;
  overflow: hidden !important;
  transition: var(--moto-transition) !important;
  cursor: pointer !important;
}

.indicator-item:hover {
  border-color: var(--moto-blue) !important;
  box-shadow: 0 2px 8px var(--moto-blue-glow-sm) !important;
}

/* Details right panel */
.details_right {
  border: 1.5px solid var(--moto-border) !important;
  padding: 20px !important;
  height: 100% !important;
  border-radius: var(--moto-radius-md) !important;
  background: var(--moto-surface) !important;
  box-shadow: var(--moto-shadow-sm) !important;
}

/* Product code badge */
.product-code p {
  background: linear-gradient(135deg, var(--moto-blue-dark), var(--moto-blue)) !important;
  color: #ffffff !important;
  border-right-color: var(--moto-surface) !important;
  border-radius: 0 !important;
}

/* Brand / unit labels */
.pro_brand p,
.pro_unig label {
  color: var(--moto-text) !important;
  font-weight: 600 !important;
}

/* Color & size selector */
.selector-item_label {
  border: 1px solid var(--moto-border-mid) !important;
  color: var(--moto-text) !important;
  transition: var(--moto-transition) !important;
}

.selector-item_radio:checked + .selector-item_label,
.selector-item_label:hover {
  background-color: var(--moto-blue) !important;
  border-color: var(--moto-blue) !important;
  color: #ffffff !important;
}

/* Quantity controls */
.qty-cart .quantity {
  border: 1.5px solid var(--moto-border-mid) !important;
  border-radius: var(--moto-radius-sm) !important;
}

.quantity .minus,
.quantity .plus {
  color: var(--moto-blue) !important;
  border-color: var(--moto-border-mid) !important;
  transition: var(--moto-transition) !important;
}

.quantity .minus:hover,
.quantity .plus:hover {
  background: var(--moto-blue-glow-xs) !important;
  color: var(--moto-blue-dark) !important;
}

/* Description tab nav */
.desc-nav-ul li a {
  background-color: var(--moto-surface) !important;
  color: var(--moto-text) !important;
  border-radius: var(--moto-radius-sm) !important;
  box-shadow: var(--moto-shadow-sm) !important;
  transition: var(--moto-transition) !important;
}

.desc-nav-ul li.active a,
.desc-nav-ul li:hover a {
  background: var(--moto-grad-blue) !important;
  color: #ffffff !important;
  box-shadow: var(--moto-shadow-md) !important;
}

/* Product description content */
.description {
  background: var(--moto-surface-alt) !important;
  padding: 16px !important;
  border-radius: var(--moto-radius-md) !important;
  border: 1px solid var(--moto-border) !important;
}

/* Review card */
.review-card {
  background: var(--moto-surface-alt) !important;
  border: 1px solid var(--moto-border) !important;
  border-radius: var(--moto-radius-md) !important;
  box-shadow: var(--moto-shadow-sm) !important;
}

.review_star { color: var(--moto-orange) !important; }

/* Pro video section */
.pro_vide {
  border: 1.5px solid var(--moto-border) !important;
  border-radius: var(--moto-radius-md) !important;
  box-shadow: var(--moto-shadow-sm) !important;
}

/* Wishlist quick view button */
.quick_view_hard a {
  border-color: var(--moto-border-mid) !important;
  color: var(--moto-text-muted) !important;
  border-radius: 50% !important;
  transition: var(--moto-transition) !important;
}

.quick_view_hard a:hover {
  background: var(--moto-grad-blue) !important;
  color: #ffffff !important;
  border-color: var(--moto-blue) !important;
}

/* Quick view button (bottom hover on card) */
.quick_view_btn {
  background: var(--moto-grad-nav) !important;
}

.quick_view_btn button {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Related products section */
section.related-product-section {
  background: var(--moto-surface) !important;
  margin-top: 15px !important;
  padding-top: 10px !important;
  margin-bottom: 10px !important;
  border-radius: var(--moto-radius-md) !important;
  box-shadow: var(--moto-shadow-sm) !important;
}

/* Details discount badge (product details page) */
.product-details-discount-badge .sale-badge-box {
  background: linear-gradient(135deg, var(--moto-orange-dark), var(--moto-orange)) !important;
  box-shadow: 0 3px 10px var(--moto-orange-glow) !important;
}

/* =========================================================
   43. CART PAGE (vcart / wishlist)
   ========================================================= */
.vcart-inner {
  background: var(--moto-surface-alt) !important;
  padding: 20px 25px !important;
  border-radius: var(--moto-radius-md) !important;
  border: 1px solid var(--moto-border) !important;
  box-shadow: var(--moto-shadow-sm) !important;
}

.cart-summary {
  background: var(--moto-surface-alt) !important;
  padding: 15px !important;
  border-radius: var(--moto-radius-md) !important;
  border: 1px solid var(--moto-border) !important;
}

.cart-summary h5 {
  color: var(--moto-blue-dark) !important;
  font-weight: 700 !important;
  border-bottom: 1px solid var(--moto-border) !important;
  padding-bottom: 6px !important;
}

.cart-title h4 {
  color: var(--moto-blue-dark) !important;
  font-weight: 700 !important;
}

td.tfoot_bg {
  background: var(--moto-surface-alt) !important;
  color: var(--moto-text) !important;
}

/* Coupon form */
.coupon-form form input {
  border: 1.5px solid var(--moto-border-mid) !important;
  border-radius: var(--moto-radius-sm) 0 0 var(--moto-radius-sm) !important;
}

.coupon-form form button {
  background: var(--moto-grad-blue-rev) !important;
  border-radius: 0 var(--moto-radius-sm) var(--moto-radius-sm) 0 !important;
}

/* =========================================================
   44. ORDER SUCCESS PAGE
   ========================================================= */
.success-title h2 {
  color: var(--moto-green) !important;
  font-weight: 700 !important;
}

.success-table {
  background: var(--moto-surface-alt) !important;
  border: 1px solid var(--moto-border) !important;
  border-radius: var(--moto-radius-md) !important;
}

/* =========================================================
   45. CONTACT PAGE
   ========================================================= */
.contact-section {
  background: var(--moto-surface) !important;
  border-radius: var(--moto-radius-md) !important;
  box-shadow: var(--moto-shadow-sm) !important;
}

.cont_item a {
  color: var(--moto-blue) !important;
  font-weight: 600 !important;
  transition: var(--moto-transition) !important;
}

.cont_item a:hover { color: var(--moto-orange) !important; }

/* =========================================================
   46. PAGE SECTION (create page)
   ========================================================= */
section.createpage-section {
  background: var(--moto-surface) !important;
  border-radius: var(--moto-radius-md) !important;
  box-shadow: var(--moto-shadow-sm) !important;
}

/* =========================================================
   47. ACCOUNT / CUSTOMER PAGES
   ========================================================= */
.customer-section { padding: 20px 0 !important; }

.customer-auth {
  background: var(--moto-surface-alt) !important;
  border-radius: var(--moto-radius-md) !important;
  border: 1px solid var(--moto-border) !important;
  padding: 10px !important;
}

.customer-content {
  background: var(--moto-surface-alt) !important;
  border: 1px solid var(--moto-border) !important;
  border-radius: var(--moto-radius-md) !important;
  padding: 15px !important;
}

/* =========================================================
   48. OWL CAROUSEL NAVIGATION (non-slider carousels)
   product_slider, category-slider arrows
   NOTE: .main_slider owl-prev/next are PROTECTED, not changed
   ========================================================= */
.product_slider .owl-nav button,
.category-slider .owl-nav button,
.customer-review .owl-nav button {
  background: var(--moto-surface) !important;
  border: 1.5px solid var(--moto-border) !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  transition: var(--moto-transition) !important;
  box-shadow: var(--moto-shadow-sm) !important;
}

.product_slider .owl-nav button:hover,
.category-slider .owl-nav button:hover,
.customer-review .owl-nav button:hover {
  background: var(--moto-grad-blue-rev) !important;
  border-color: var(--moto-blue) !important;
  box-shadow: var(--moto-shadow-md) !important;
}

.product_slider .owl-nav button span,
.category-slider .owl-nav button span,
.customer-review .owl-nav button span {
  color: var(--moto-blue) !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

.product_slider .owl-nav button:hover span,
.category-slider .owl-nav button:hover span,
.customer-review .owl-nav button:hover span {
  color: #ffffff !important;
}

/* Owl dots */
.owl-theme .owl-dots .owl-dot span {
  background: var(--moto-border-mid) !important;
  transition: var(--moto-transition) !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--moto-blue) !important;
}

/* =========================================================
   49. PREMIUM MICRO-INTERACTIONS — PHASE 13
   Subtle enhancements that add feel of precision and quality
   ========================================================= */

/* Product card — subtle left-edge blue accent on hover */
.product_item::before,
.wist_item::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 10% !important;
  height: 80% !important;
  width: 3px !important;
  background: var(--moto-grad-blue) !important;
  border-radius: 0 3px 3px 0 !important;
  opacity: 0 !important;
  transform: scaleY(0) !important;
  transition: opacity 0.3s ease, transform 0.3s ease !important;
}

.product_item:hover::before,
.wist_item:hover::before {
  opacity: 1 !important;
  transform: scaleY(1) !important;
}

/* Category card — orange bottom accent on hover */
.cat_item::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 15% !important;
  width: 70% !important;
  height: 2px !important;
  background: var(--moto-grad-blue-rev) !important;
  border-radius: 2px 2px 0 0 !important;
  opacity: 0 !important;
  transform: scaleX(0) !important;
  transition: opacity 0.3s ease, transform 0.3s ease !important;
}

.cat_item:hover::after {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

/* Section title — animated underline expansion */
.section-title-name::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  bottom: -3px !important;
  left: 0 !important;
  width: 0 !important;
  height: 3px !important;
  background: var(--moto-orange) !important;
  transition: width 0.4s ease !important;
  border-radius: 2px !important;
}

/* We can't use :hover on section title since it's text — skip dynamic expand */
/* Instead, the static left accent bar (::before) provides the visual cue */

/* Footer social — staggered hover */
.social_link li:nth-child(1) a:hover { background: #1877F2 !important; border-color: #1877F2 !important; }
.social_link li:nth-child(2) a:hover { background: #E1306C !important; border-color: #E1306C !important; }
.social_link li:nth-child(3) a:hover { background: #1DA1F2 !important; border-color: #1DA1F2 !important; }
.social_link li:nth-child(4) a:hover { background: #FF0000 !important; border-color: #FF0000 !important; }

/* Nav links — bottom border highlight sweep */
.heder__category > li:not(.all__category__list) {
  position: relative !important;
}

/* Hover underline on active nav item */
.heder__category > li:not(.all__category__list):hover > a {
  background: rgba(249,115,22,0.18) !important;
}

/* Header cart — pulse on new item (via JS class .cart-updated) */
.cart-dialog.cart-updated #cart-qty {
  animation: motoCartGlow 0.6s ease 2 !important;
}

/* Input labels premium */
.checkout-shipping label,
.form-content form label {
  color: var(--moto-text) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

/* Select2 styling */
.select2-container--default .select2-selection--single {
  border: 1.5px solid var(--moto-border-mid) !important;
  border-radius: var(--moto-radius-sm) !important;
  height: 40px !important;
  transition: var(--moto-transition) !important;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--moto-blue) !important;
  box-shadow: 0 0 0 3px var(--moto-blue-glow-sm) !important;
}

.select2-dropdown {
  border: 1.5px solid var(--moto-blue) !important;
  border-radius: var(--moto-radius-sm) !important;
  box-shadow: var(--moto-shadow-md) !important;
}

.select2-results__option--highlighted {
  background: var(--moto-grad-blue-rev) !important;
}

/* =========================================================
   50. PREMIUM HEADER SEARCH RESULT DROPDOWN
   ========================================================= */
.search_product {
  border: 1.5px solid var(--moto-border) !important;
  border-radius: 0 0 var(--moto-radius-md) var(--moto-radius-md) !important;
  box-shadow: var(--moto-shadow-md) !important;
  background: var(--moto-surface) !important;
  z-index: 999999 !important;
}

.search_product ul li {
  border-bottom: 1px solid var(--moto-border) !important;
  transition: var(--moto-transition) !important;
}

.search_product ul li:hover {
  background: var(--moto-blue-glow-xs) !important;
}

.search_content .price {
  color: var(--moto-blue-dark) !important;
  font-weight: 700 !important;
}

/* =========================================================
   51. TRACK ORDER PAGE
   ========================================================= */
.track_info ul li span {
  color: var(--moto-blue-dark) !important;
  font-weight: 600 !important;
}

.tracktable thead {
  background: var(--moto-grad-blue) !important;
}

.tracktable thead * { color: #ffffff !important; }

table.table.table-bordered.tracktable {
  border-color: var(--moto-border) !important;
}

/* =========================================================
   52. BRAND SLIDER ARROWS
   ========================================================= */
.brand-slider .owl-nav button {
  background: var(--moto-surface-alt) !important;
  border: 1px solid var(--moto-border-mid) !important;
  transition: var(--moto-transition) !important;
}

.brand-slider .owl-nav button:hover {
  background: var(--moto-grad-blue-rev) !important;
  color: #ffffff !important;
  border-color: var(--moto-blue) !important;
}

/* =========================================================
   53. CAMPAIGN SECTION
   ========================================================= */
.campaign-main-section {
  border-top: 1px solid var(--moto-border) !important;
}

.campaign-item a {
  border-radius: var(--moto-radius-md) !important;
  overflow: hidden !important;
  transition: var(--moto-transition) !important;
  box-shadow: var(--moto-shadow-sm) !important;
}

.campaign-item a:hover {
  box-shadow: var(--moto-shadow-md) !important;
}

/* =========================================================
   54. CATEGORY BANNER SECTION
   ========================================================= */
.category-img-banner a img {
  border-radius: var(--moto-radius-md) !important;
  transition: var(--moto-transition-slow) !important;
}

.category-img-banner:hover a img {
  transform: scale(0.96) !important;
  box-shadow: var(--moto-shadow-md) !important;
}

/* =========================================================
   55. FOOTER TOP ADS AREA
   ========================================================= */
.footer_top_ads_area {
  background: var(--moto-bg) !important;
  margin-bottom: 10px !important;
  padding: 20px 0 !important;
}

.footertop_ads_item a {
  display: block !important;
  border-radius: var(--moto-radius-md) !important;
  overflow: hidden !important;
  box-shadow: var(--moto-shadow-sm) !important;
  transition: var(--moto-transition) !important;
}

.footertop_ads_item a:hover {
  box-shadow: var(--moto-shadow-md) !important;
  transform: translateY(-2px) !important;
}

/* =========================================================
   56. SECTION META DESCRIPTION BOX
   ========================================================= */
.section-meta-description {
  background: var(--moto-surface) !important;
  box-shadow: var(--moto-shadow-md) !important;
  border-radius: var(--moto-radius-lg) !important;
  border: 1px solid var(--moto-border) !important;
}

/* =========================================================
   57. ADMIN-CONTROLLED COLOR VARS — MOTORCYCLE OVERRIDE
   The dynamic inline :root vars from master.blade.php are
   injected BEFORE our CSS, so our !important rules win.
   But we explicitly set these in :root here as final backup.
   ========================================================= */
:root {
  /* Override admin dynamic vars with motorcycle brand colors */
  --primary-color:              #2563EB;
  --primary-color-rgb:          37, 99, 235;
  --primary-text-color:         #ffffff;
  --hover-color:                #1D4ED8;
  --hover-color-rgb:            29, 78, 216;
  --hover-text-color:           #ffffff;
  --header-top-bg-color:        #172554;
  --header-top-text-color:      #ffffff;
  --header-main-bg-color:       #ffffff;
  --header-logo-color:          #2563EB;
  --search-border-color:        #2563EB;
  --search-btn-bg-color:        #1D4ED8;
  --search-btn-text-color:      #ffffff;
  --menu-bg-color:              #172554;
  --menu-text-color:            #ffffff;
  --cat-btn-bg-color:           #e30613;
  --cat-btn-text-color:         #ffffff;
  --menu-dropdown-bg-color:     #0f1729;
  --menu-dropdown-hover-bg-color: rgba(37,99,235,0.08);
  --body-bg-color:              #F0F4FF;
  --section-title-color:        #1E3A8A;
  --card-bg-color:              #FFFFFF;
  --text-primary-color:         #0F172A;
  --price-color:                #1E3A8A;
  --footer-bg-color:            #0F172A;
  --footer-text-color:          rgba(255,255,255,0.82);
  --footer-link-hover-color:    #F97316;
}

/* =========================================================
   58. FINAL INTEGRITY CHECKS
   Last-resort overrides to prevent any residual
   purple / red / random color bleed from premium.css
   ========================================================= */

/* Ensure body background never turns purple */
body,
body #content {
  background-color: #F0F4FF !important;
}

/* Prevent purple gradient on header from premium.css animation */
.main-header,
.logo-area,
.mobile-header {
  background: #ffffff !important;
  background-image: none !important;
  background-color: #ffffff !important;
  /* cancel the gradient-shift animation from premium.css */
  animation: none !important;
}

/* Ensure menu stays deep blue, not purple */
.menu-area,
.catagory_menu,
.heder__category {
  background-color: #172554 !important;
  background: linear-gradient(135deg, #172554 0%, #1E3A8A 60%, #1D4ED8 100%) !important;
}

/* Prevent purple from appearing in pagination */
.pagination .page-link:hover {
  background: rgba(37,99,235,0.08) !important;
  color: #2563EB !important;
}

/* Prevent any stray red/purple on product hover */
.sidebar-menu ul li:hover > a {
  background-color: rgba(37,99,235,0.06) !important;
  color: #2563EB !important;
}

/* Ensure the footer title color stays orange not red */
.footer-menu ul li.title a {
  color: #F97316 !important;
  border-bottom-color: rgba(249,115,22,0.30) !important;
}

/* Cart summary Go To Cart link */
.cshort-summary .go_cart,
.cshort-summary .go_cart:hover {
  background: linear-gradient(135deg, #1E3A8A, #1D4ED8) !important;
  color: #ffffff !important;
  border-radius: 6px !important;
}

/* Accordion headers in filter sidebar */
.sidebar_item h2.accordion-header button.accordion-button {
  background: var(--moto-grad-blue) !important;
  color: #ffffff !important;
  border-radius: 0 !important;
}

/* All-reviews link */
.all-reviews-button {
  color: var(--moto-blue) !important;
  font-weight: 600 !important;
  transition: var(--moto-transition) !important;
}

.all-reviews-button:hover { color: var(--moto-orange) !important; }

/* Insert review button */
.insert-review a {
  background: var(--moto-grad-blue-rev) !important;
  border-radius: var(--moto-radius-sm) !important;
  color: #ffffff !important;
}

/* Rating stars (review input) */
.rating > label.active:before,
.rating > label.active ~ label:before,
.rating > label:hover:before,
.rating > label:hover ~ label:before {
  color: var(--moto-orange) !important;
}

/* Review submit button */
button.details-review-button {
  background: var(--moto-green) !important;
  border-radius: var(--moto-radius-sm) !important;
  color: #ffffff !important;
  transition: var(--moto-transition) !important;
}

button.details-review-button:hover {
  background: var(--moto-green-deep) !important;
}

/* =========================================================
   59. PERFORMANCE HINTS
   GPU-friendly hints on animated elements
   ========================================================= */
.product_item,
.cat_item,
.ads_item,
.single_product.d-flex .add_cart_btn,
.single_product.d-flex .order_now_btn,
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton {
  will-change: transform;
}

/* Remove will-change when not hovered (reset) */
.product_item:not(:hover),
.cat_item:not(:hover) {
  will-change: auto;
}

/* =========================================================
   60. END — MOTORCYCLE PREMIUM THEME COMPLETE
   Version 1.0.0 | motor-bike-website
   Brand: #2563EB | #16A34A | #F97316
   Protected: .all__category__list, .side__bar family, .slider-section
   ========================================================= */

/* =========================================================
   61. FINAL FIXES — User-reported issues
   A) ORDER NOW button text → white (overrides admin inline vars)
   B) Blue background text → white everywhere
   C) Developer credit text → bright white/green
   ========================================================= */

/* ── A. ORDER NOW / ADD TO CART button text — FORCE WHITE ── */
/* This overrides master.blade.php inline style block which sets
   color via --primary-text-color. We target every possible selector. */

.pro_btn .cart_btn button,
.pro_btn .cart_btn button *,
.pro_btn .order_button a,
.pro_btn .order_button a *,
.pro_btn .order_button a span,
.addcartbutton,
.addcartbutton *,
.addcartbutton span,
.cart_btn.order_button a,
.cart_btn.order_button a *,
.cart_btn.order_button a span,
.cart_btn button,
.cart_btn button * {
  color: #ffffff !important;
}

/* Extra specificity — override the master.blade.php inline :root var */
.pro_btn .cart_btn button,
.pro_btn .order_button a,
.addcartbutton {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ── B. Any text sitting on blue/dark backgrounds → white ── */

/* Nav bar text */
.menu-area *:not(.all__category__list):not(.all__category__list *),
.heder__category > li:not(.all__category__list) a,
.heder__category > li:not(.all__category__list) a *,
.right__menu__top li a,
.right__menu__top li p a,
.for_order p a {
  color: rgba(255,255,255,0.92) !important;
}

/* Top announcement bar text */
.top_header,
.top_header *,
.top_header p,
.top_header span,
.top_header a,
.top_header marquee {
  color: rgba(255,255,255,0.92) !important;
}

/* Mobile hotline bar text */
.moto-hotline-bar,
.moto-hotline-bar * {
  color: #ffffff !important;
}

/* Footer all text override */
.footer-top *,
.footer-bottom *,
footer * {
  color: rgba(255,255,255,0.82) !important;
}

/* ── C. Developer credit / copyright text — bright & readable ── */

/* "Copyright © 2026 ... All rights reserved. Developing by :" */
.copyright p,
.copyright p span,
.footer-bottom .copyright p,
.footer-bottom .copyright p span,
body .copyright p,
body .copyright p span {
  color: rgba(255,255,255,0.72) !important;
  font-size: 13px !important;
  text-align: center !important;
}

/* "apleefix IT" link — bright green, always visible */
.developer-credit-link,
body .developer-credit-link,
.copyright .developer-credit-link,
footer .developer-credit-link {
  color: #4ADE80 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.developer-credit-link:hover,
body .developer-credit-link:hover {
  color: #ffffff !important;
  text-shadow: 0 0 8px rgba(74,222,128,0.60) !important;
}

/* "Developing by :" inline span — ensure white */
.copyright p span[style],
.copyright span {
  color: rgba(255,255,255,0.80) !important;
}

/* =========================================================
   62. COPYRIGHT TEXT — ABSOLUTE FINAL FIX
   Target every possible selector combination so no CSS
   layer can override the white text on dark footer bg
   ========================================================= */
p.developer-credit,
p.developer-credit span,
.copyright p.developer-credit,
.copyright p.developer-credit span,
.footer-bottom p.developer-credit,
.footer-bottom p.developer-credit span,
footer .footer-bottom .copyright p span,
footer p.developer-credit span,
body footer p.developer-credit span,
body .footer-bottom .copyright p span,
body div.copyright p span {
  color: rgba(255,255,255,0.88) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.88) !important;
}

p.developer-credit a.developer-credit-link,
.copyright p a.developer-credit-link,
footer a.developer-credit-link,
body footer a.developer-credit-link,
body .footer-bottom a.developer-credit-link {
  color: #4ADE80 !important;
  -webkit-text-fill-color: #4ADE80 !important;
  font-weight: 700 !important;
}

p.developer-credit a.developer-credit-link:hover,
body footer a.developer-credit-link:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}