/* ============================================================
   RAPHAEL × UMONI — Clean Minimal Light Theme Override
   Inspired by umoni.wpbingosite.com/home-5/
   A luxurious, airy, minimal e-commerce design.
   ============================================================ */

/* ----------------------------------------------------------
   1. DESIGN TOKENS
   ---------------------------------------------------------- */
:root {
  /* Backgrounds */
  --bg-body: #f7f7f7;
  --bg-white: #ffffff;
  --bg-card: #f0efed;
  --bg-section: #f5f4f2;
  --bg-input: #ffffff;

  /* Accent — Warm Copper/Brown (from Umoni) */
  --accent: #b5875f;
  --accent-hover: #a07550;
  --accent-light: #d4b08c;

  /* Text */
  --text-primary: #1a1a1a;
  --text-heading: #000000;
  --text-body: #666666;
  --text-muted: #999999;
  --text-light: #bbbbbb;
  --text-on-dark: #ffffff;

  /* Borders */
  --border-light: #ededed;
  --border-medium: #ddd;
  --border-dark: #000000;

  /* Stars / Ratings */
  --star-color: #e2a634;
  --star-empty: #d0d0d0;

  /* Shadows — very subtle */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.06);
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.08);

  /* Radius — very slight */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;

  /* Transitions */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 0.2s var(--ease);
  --transition-base: 0.3s var(--ease);
  --transition-slow: 0.5s var(--ease);

  /* Spacing */
  --section-gap: 80px;
  --section-gap-sm: 50px;
}


/* ----------------------------------------------------------
   2. GLOBAL RESETS & BASE
   ---------------------------------------------------------- */
body,
body.raphael,
body.premium-theme {
  font-family: 'Jost', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  background-color: var(--bg-body) !important;
  color: var(--text-primary) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.01em;
  line-height: 1.7;
  overflow-x: hidden;
}

a {
  color: var(--text-primary) !important;
  text-decoration: none !important;
  transition: var(--transition-fast);
}
a:hover, a:focus {
  color: var(--accent) !important;
  text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--text-heading) !important;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

p {
  color: var(--text-body);
  line-height: 1.7;
}

::selection {
  background: var(--accent);
  color: var(--text-on-dark);
}

img {
  transition: var(--transition-base);
}

/* Clean scrollbar */
* { scrollbar-width: thin; scrollbar-color: #ccc transparent; }
*::-webkit-scrollbar { width: 6px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }
*::-webkit-scrollbar-thumb:hover { background: #aaa; }


/* ----------------------------------------------------------
   3. TOP PANEL — Subtle & Minimal
   ---------------------------------------------------------- */
.top-panel {
  background: var(--bg-white) !important;
  border-bottom: 1px solid var(--border-light) !important;
}

.top-panel a, .top-panel a:active {
  color: var(--text-body) !important;
  font-size: 12px !important;
  letter-spacing: 0.02em !important;
}

.desktop-top-panel .pages-menu > ul > li > a {
  color: var(--text-body) !important;
  border-bottom: none !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  transition: var(--transition-fast);
}
.desktop-top-panel .pages-menu > ul > li > a:hover,
.desktop-top-panel .pages-menu .current-menu-item a {
  color: var(--accent) !important;
}

.desktop-top-panel .pages-menu li .children,
.desktop-top-panel .pages-menu li .sub-menu {
  background-color: var(--bg-white) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-sm) !important;
}
.desktop-top-panel .pages-menu li .children a,
.desktop-top-panel .pages-menu li .sub-menu a {
  color: var(--text-body) !important;
}
.desktop-top-panel .pages-menu li .children a:hover,
.desktop-top-panel .pages-menu li .sub-menu a:hover {
  color: var(--accent) !important;
}

.desktop-top-panel .login-button { color: var(--text-body) !important; }
.desktop-top-panel .login-button:hover { color: var(--accent) !important; }
.desktop-top-panel .dropdown_currency span { color: var(--text-body) !important; }
.desktop-top-panel .text-shipping,
.desc-header .text-shipping { color: var(--text-body) !important; }

.mobile-top-panel { background: var(--bg-white) !important; }
.mobile-top-panel .text-shipping { color: var(--text-body) !important; }


/* ----------------------------------------------------------
   4. HEADER — Clean, Minimal, Sticky
   ---------------------------------------------------------- */
header {
  background: var(--bg-white) !important;
  border-bottom: 1px solid var(--border-light) !important;
  box-shadow: none !important;
}

header .logo-box .logo img {
  filter: none !important;
  transition: var(--transition-fast);
}
header .logo-box .logo img:hover { opacity: 0.8; }

/* Search — Clean underline style */
.desc-header .search-post {
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--border-medium) !important;
  border-radius: 0 !important;
}
.desc-header .search-post.is-focus {
  border-bottom-color: var(--text-heading) !important;
  box-shadow: none !important;
}
.desc-header .search-post input {
  color: var(--text-primary) !important;
  font-family: 'Jost', 'Inter', sans-serif !important;
}
.desc-header .search-post label { color: var(--text-muted) !important; }
.desc-header .search-post button {
  background: transparent !important;
  color: var(--text-primary) !important;
}
.desc-header .search-post button:before { color: var(--text-primary) !important; }

/* Cart — Clean */
.desc-header .cart:before { background: transparent !important; }
header .cart a .cart__icon svg {
  fill: var(--text-primary) !important;
  transition: var(--transition-fast);
}
header .cart:hover .cart__icon svg { fill: var(--accent) !important; }

header .cart a .count_item {
  background-color: var(--accent) !important;
  color: var(--text-on-dark) !important;
  font-weight: 500 !important;
  font-size: 10px !important;
  border-radius: 50% !important;
}

.desc-header .text-shipping { color: var(--text-muted) !important; }
.desc-header .text-shipping i {
  background-color: transparent !important;
  color: var(--text-primary) !important;
}

/* Mobile header */
.mobile-header { background: var(--bg-white) !important; }
.mobile-header .search-post { background: var(--bg-white) !important; }
.mobile-header .search-post button:before { color: var(--text-primary) !important; }
.mobile-header .search-post.is-focus input[type=text],
.mobile-header .search-post:valid input[type=text] {
  color: var(--text-primary) !important;
  border-bottom-color: var(--text-heading) !important;
  background: var(--bg-white) !important;
}
header .navbar-toggle { background: transparent !important; }
header .navbar-toggle .icon-bar {
  background-color: var(--text-primary) !important;
  border-color: var(--text-primary) !important;
}


/* ----------------------------------------------------------
   5. NAVIGATION — Minimal
   ---------------------------------------------------------- */
.category-menu, .nav-menu, nav.category-menu {
  background: var(--bg-white) !important;
  border-bottom: 1px solid var(--border-light) !important;
}

.category-menu a, .nav-menu a {
  color: var(--text-primary) !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  letter-spacing: 0.01em !important;
  transition: var(--transition-fast);
}
.category-menu a:hover, .nav-menu a:hover,
.category-menu .current-menu-item > a,
.nav-menu .current-menu-item > a {
  color: var(--accent) !important;
}

.dropdown-menu {
  background: var(--bg-white) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-lg) !important;
  border-radius: var(--radius-sm) !important;
}
.dropdown-menu > li > a { color: var(--text-body) !important; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background: var(--bg-section) !important;
  color: var(--accent) !important;
}


/* ----------------------------------------------------------
   6. HOME SLIDER / HERO — Clean & Elegant
   ---------------------------------------------------------- */
.home-slider {
  position: relative;
  background: var(--bg-card) !important;
}

.home-slider .info .text { color: var(--text-primary) !important; }
.home-slider .info .text h1,
.home-slider .info .text h2,
.home-slider .info .text .title {
  color: var(--text-heading) !important;
  font-weight: 700 !important;
  font-size: 48px !important;
  letter-spacing: -0.03em !important;
  text-shadow: none !important;
}

/* Hero CTA — Black solid button, no border-radius */
.home-slider .info .text a,
.home-slider .info .text .btn {
  background: var(--text-heading) !important;
  color: var(--text-on-dark) !important;
  border: none !important;
  border-radius: 0 !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  text-transform: none !important;
  font-size: 14px !important;
  padding: 15px 32px !important;
  transition: var(--transition-base);
  box-shadow: none !important;
}
.home-slider .info .text a:hover,
.home-slider .info .text .btn:hover {
  background: var(--accent) !important;
  color: var(--text-on-dark) !important;
  transform: none !important;
}

.home-slider .tt_next, .home-slider .tt_prev {
  background: var(--bg-white) !important;
  border: 1px solid var(--border-light) !important;
  opacity: 0.8 !important;
}
.home-slider .tt_next:hover, .home-slider .tt_prev:hover {
  opacity: 1 !important;
  border-color: var(--border-dark) !important;
}


/* ----------------------------------------------------------
   7. SECTION HEADINGS — Clean Centered
   ---------------------------------------------------------- */
.p-heading {
  margin-bottom: 30px !important;
  padding-top: 20px !important;
}

.p-heading .p-title {
  color: var(--text-heading) !important;
  font-weight: 600 !important;
  font-size: 28px !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  position: relative;
  padding-bottom: 0 !important;
}
.p-heading .p-title::after {
  display: none !important;
}
.p-heading .p-title a { color: var(--text-heading) !important; }
.p-heading .p-title a:hover { color: var(--accent) !important; }
.p-heading .p-title a:before { background: var(--accent) !important; }

@media (min-width: 768px) {
  .p-heading .p-title { font-size: 32px !important; }
}


/* ----------------------------------------------------------
   8. PRODUCT CARDS — Light Gray Background
   ---------------------------------------------------------- */
.product-item {
  background: var(--bg-white) !important;
  border-radius: 0 !important;
  overflow: hidden;
  border: none !important;
  transition: var(--transition-base) !important;
  box-shadow: none !important;
}
.product-item:hover {
  transform: none !important;
  box-shadow: none !important;
}

.product-item .wrap-img {
  outline: none !important;
  border-bottom: none !important;
  overflow: hidden;
  background: var(--bg-card) !important;
}

.product-item .box-img .img_content {
  background-color: var(--bg-card) !important;
}
.product-item .box-img .img_content img {
  transition: transform 0.6s var(--ease) !important;
  mix-blend-mode: multiply;
}
.product-item .box-img .img_content:hover img {
  transform: scale(1.05) !important;
}

/* Discount badge — Black pill */
.product-item .discount {
  background: var(--text-heading) !important;
  left: 12px !important;
  top: 12px !important;
  border-radius: 50px !important;
  height: auto !important;
  width: auto !important;
  padding: 6px 14px !important;
  box-shadow: none !important;
}
.product-item .discount span {
  color: var(--text-on-dark) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

/* Title */
.product-item .title {
  color: var(--text-heading) !important;
  padding: 14px 0 2px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}
.product-item .title .text {
  color: var(--text-heading) !important;
  border-bottom: none !important;
  font-weight: 600 !important;
}
.product-item .title .text:hover {
  color: var(--accent) !important;
  border-bottom: none !important;
}

/* Star ratings */
.product-item .starRating { padding: 0 !important; margin: 2px 0 !important; }
.product-item .starRating .stars .star:before { color: var(--star-color) !important; }
.product-item .starRating .call-item { color: var(--text-muted) !important; font-size: 13px !important; }

/* Price */
.product-item .wrap-price { padding: 2px 0 16px !important; }
.product-item .wrap-price .salePrice {
  color: var(--text-primary) !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}
.product-item .wrap-price .price {
  color: var(--text-light) !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
}

@media (min-width: 768px) {
  .product-item .wrap-price .salePrice { font-size: 16px !important; }
  .product-item .title { font-size: 16px !important; }
}

/* List view */
.list-product .inline-product .product-item {
  border-top-color: var(--border-light) !important;
  border-bottom-color: var(--border-light) !important;
  background: var(--bg-white) !important;
}
.list-product .wrap-content { color: var(--text-primary) !important; }


/* ----------------------------------------------------------
   9. MOST POPULAR CATEGORIES — Image Cards
   ---------------------------------------------------------- */
.most-popular-categories {
  padding: var(--section-gap-sm) 0 !important;
  background: var(--bg-body) !important;
}

.most-popular-categories .item_slider {
  border: none !important;
  border-radius: var(--radius-sm) !important;
  overflow: hidden;
  transition: var(--transition-base);
  background: var(--bg-card) !important;
}
.most-popular-categories .item_slider:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}


/* ----------------------------------------------------------
   10. SINGLE PRODUCT PAGE
   ---------------------------------------------------------- */
.single-product-page, .product-main, .product-content {
  background: var(--bg-body) !important;
}

/* Gallery */
.item_slider {
  border: none !important;
  border-radius: var(--radius-sm) !important;
  overflow: hidden;
  background: var(--bg-card) !important;
}
.item_slider_minis .item_sqr {
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-xs) !important;
  background: var(--bg-card) !important;
}
.item_slider_minis .item_sqr:hover { border-color: var(--border-medium) !important; }
.item_slider_minis .curr_active .item_sqr {
  border-color: var(--text-heading) !important;
}

/* Product Title */
.product-main h1, .product-main .product-title {
  color: var(--text-heading) !important;
  font-weight: 600 !important;
  font-size: 28px !important;
  line-height: 1.3 !important;
}

/* Stars */
.stars .star:before { color: var(--star-color) !important; }
.stars .star.star-half:before, .stars .star.star-no:before { color: var(--star-empty) !important; }

/* Price */
.newprice span, .js-salePrice, [data-singleproduct="salePrice"] {
  color: var(--text-primary) !important;
  font-size: 28px !important;
  font-weight: 600 !important;
}
.oldprice span, .js-price, [data-singleproduct="price"] {
  color: var(--text-light) !important;
  text-decoration: line-through !important;
}

/* SKU / Attributes */
.meta-item-text {
  background: var(--bg-white) !important;
  border: 1px solid var(--border-medium) !important;
  color: var(--text-primary) !important;
  border-radius: var(--radius-xs) !important;
  transition: var(--transition-fast);
}
.meta-item-text:hover { border-color: var(--text-heading) !important; }
.meta-item-text.active, .meta-item-text.selected {
  border-color: var(--text-heading) !important;
  background: var(--bg-white) !important;
  color: var(--text-heading) !important;
  font-weight: 600 !important;
}

/* Quantity */
input[type="number"] {
  background: var(--bg-white) !important;
  border: 1px solid var(--border-medium) !important;
  color: var(--text-primary) !important;
  border-radius: var(--radius-xs) !important;
}

/* Add to Cart — Black, sharp, no radius */
.add_btn, .add-to-cart, button[type="submit"].add_btn {
  background: var(--text-heading) !important;
  color: var(--text-on-dark) !important;
  border: none !important;
  border-radius: 0 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  transition: var(--transition-base);
  box-shadow: none !important;
  cursor: pointer;
  padding: 16px 32px !important;
}
.add_btn:hover, .add-to-cart:hover, button[type="submit"].add_btn:hover {
  background: var(--accent) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Buy Now */
#buyNow {
  background: var(--bg-white) !important;
  color: var(--text-heading) !important;
  border: 1px solid var(--text-heading) !important;
  border-radius: 0 !important;
  font-weight: 500 !important;
}
#buyNow:hover { background: var(--bg-section) !important; }

/* Buyer protection */
.buyer_protection {
  background: var(--bg-white) !important;
  border-radius: var(--radius-sm) !important;
  border: 1px solid var(--border-light) !important;
}
.buyer_protection .item_1 .list .list-i { color: var(--text-body) !important; }

/* Social share */
.sharePopup { color: var(--text-muted) !important; }
.sharePopup .jssocials-shares .jssocials-share-link { color: var(--text-muted) !important; }
.sharePopup .jssocials-shares .jssocials-share-link:hover { color: var(--text-heading) !important; }

/* Tabs — Clean underline style */
.tab_head {
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  color: var(--text-muted) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  transition: var(--transition-fast);
}
.tab_head.active {
  background: transparent !important;
  color: var(--text-heading) !important;
  border-bottom: 2px solid var(--text-heading) !important;
}
.tab_bodies {
  border: none !important;
  border-top: 1px solid var(--border-light) !important;
  background: transparent !important;
  color: var(--text-body) !important;
}
.adap_tab_head {
  border-color: var(--border-light) !important;
  color: var(--text-muted) !important;
  background: transparent !important;
}
.adap_tab_head.active {
  color: var(--text-heading) !important;
  background: transparent !important;
}

/* Content */
.b-content, .b-content p { color: var(--text-body) !important; }
.b-content h1, .b-content h2 { color: var(--text-heading) !important; }

/* Tables */
.content table td, .content table th {
  border-color: var(--border-light) !important;
  color: var(--text-body) !important;
}
.content table tr:first-child td, .content table th { color: var(--text-heading) !important; }

/* Size chart */
.size_chart_table { color: var(--text-body) !important; }
.size_chart_table tr:nth-child(odd) { background: var(--bg-section) !important; }
.size_chart_table th { border-bottom-color: var(--border-medium) !important; color: var(--text-heading) !important; }
.chart_modal_block { background: var(--bg-white) !important; border-radius: var(--radius-md) !important; }
.chart_modal { background: rgba(0,0,0,0.4) !important; }
.chart_close:after, .chart_close:before { background: var(--text-body) !important; }


/* ----------------------------------------------------------
   11. BREADCRUMBS — Subtle
   ---------------------------------------------------------- */
.breadcrumbs { color: var(--text-muted) !important; font-size: 13px !important; }
.breadcrumbs a { color: var(--text-muted) !important; }
.breadcrumbs a:hover { color: var(--accent) !important; }
.breadcrumbs .current { color: var(--text-primary) !important; }
.breadcrumbs i { color: var(--text-light) !important; }


/* ----------------------------------------------------------
   12. RELATED PRODUCTS
   ---------------------------------------------------------- */
.related-products { background: var(--bg-body) !important; }

.js-slider-related .tt_next, .js-slider-related .tt_prev {
  background: var(--bg-white) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: 50% !important;
  width: 40px !important; height: 40px !important;
}
.js-slider-related .tt_next:hover, .js-slider-related .tt_prev:hover {
  border-color: var(--text-heading) !important;
}


/* ----------------------------------------------------------
   13. COUNTDOWN / BEST DEALS
   ---------------------------------------------------------- */
.content-countdown .top-plate {
  background: var(--bg-white) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-sm) !important;
}
.content-countdown .top-plate .text { color: var(--text-body) !important; }
.content-countdown .top-plate .text .sale { color: var(--accent) !important; }

#clock .clock .item {
  background: var(--text-heading) !important;
  color: var(--text-on-dark) !important;
  border-radius: var(--radius-xs) !important;
}
#clock .clock .item span { background: var(--bg-section) !important; color: var(--text-body) !important; }

#best-deals > .container > .row {
  background: var(--bg-white) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-sm) !important;
}


/* ----------------------------------------------------------
   14. REVIEWS — Clean Stars
   ---------------------------------------------------------- */
.stars_set .star:before { color: var(--star-empty) !important; opacity: 1 !important; }
.stars_set .star_full:before, .stars_set:hover .star:before { color: var(--star-color) !important; opacity: 1 !important; }


/* ----------------------------------------------------------
   15. FOOTER — Clean, Minimal, Light
   ---------------------------------------------------------- */
footer, .footer {
  background: var(--bg-white) !important;
  border-top: 1px solid var(--border-light) !important;
  color: var(--text-body) !important;
  padding-top: 60px !important;
}

footer h1, footer h2, footer h3, footer h4, footer .footer-title, footer .footer-head a {
  color: var(--text-heading) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-size: 16px !important;
  margin-bottom: 16px !important;
}

footer a { color: var(--text-body) !important; }
footer a:hover { color: var(--accent) !important; }

footer p, footer li, footer span, footer .info { color: var(--text-body) !important; font-size: 14px !important; }

/* Social icons */
footer .list-social .ico-social:before {
  color: var(--text-primary) !important;
  transition: var(--transition-fast);
}
footer .list-social .ico-social:hover:before { color: var(--accent) !important; }

/* Payment methods */
footer .payment-methods img, footer .payments img {
  opacity: 0.7;
  transition: var(--transition-fast);
  filter: none;
}
footer .payment-methods img:hover, footer .payments img:hover { opacity: 1; }

/* Copyright */
footer .copyright, .copyright {
  color: var(--text-muted) !important;
  border-top: 1px solid var(--border-light) !important;
  font-size: 13px !important;
  margin-top: 40px !important;
  padding-top: 20px !important;
}

/* Footer menus */
footer .menu li a, footer .footer-menu a, footer nav a {
  color: var(--text-body) !important;
  font-size: 14px !important;
  padding: 4px 0 !important;
  display: block !important;
}
footer .menu li a:hover, footer .footer-menu a:hover, footer nav a:hover {
  color: var(--accent) !important;
}

footer .tel, footer .tel:hover { color: var(--text-primary) !important; }


/* ----------------------------------------------------------
   16. NEWSLETTER / SUBSCRIBE — Underline Input
   ---------------------------------------------------------- */
.subscribecont {
  background: var(--bg-white) !important;
  border-top: 1px solid var(--border-light);
  border-bottom: none;
  padding: var(--section-gap-sm) 0 !important;
}

.subscribeH {
  color: var(--text-heading) !important;
  font-weight: 600 !important;
  font-size: 20px !important;
}
.formtip { color: var(--text-body) !important; }

.subscribe input[type=email] {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--text-heading) !important;
  color: var(--text-primary) !important;
  border-radius: 0 !important;
  padding: 12px 0 !important;
  font-family: 'Jost', 'Inter', sans-serif !important;
}
.subscribe input[type=email]:focus {
  border-bottom-color: var(--accent) !important;
  box-shadow: none !important;
}

.subscribe input[type=submit], .submiter input {
  background: transparent !important;
  color: var(--text-heading) !important;
  border: none !important;
  border-bottom: 1px solid var(--text-heading) !important;
  border-radius: 0 !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
  font-size: 15px !important;
  padding: 12px 0 !important;
  cursor: pointer;
  transition: var(--transition-fast);
}
.subscribe input[type=submit]:hover, .submiter input:hover {
  color: var(--accent) !important;
  border-bottom-color: var(--accent) !important;
  box-shadow: none !important;
}


/* ----------------------------------------------------------
   17. MOBILE MENU
   ---------------------------------------------------------- */
.mobile-menu {
  background: var(--bg-white) !important;
  color: var(--text-primary) !important;
}
.mobile-menu .head-menu {
  background: var(--bg-section) !important;
  border-bottom: 1px solid var(--border-light) !important;
}
.mobile-menu .link-home a, .mobile-menu .link-home .name-menu { color: var(--text-primary) !important; }

.mobile-menu .category-menu a {
  color: var(--text-body) !important;
  border-bottom: 1px solid var(--border-light) !important;
}
.mobile-menu .category-menu a:hover { color: var(--accent) !important; }

.slideout-open .js-slideout-panel:after {
  background-color: rgba(0,0,0,0.3) !important;
}


/* ----------------------------------------------------------
   18. CART SIDE NAV
   ---------------------------------------------------------- */
.cart-sidenav {
  background: var(--bg-white) !important;
  border-left: 1px solid var(--border-light) !important;
}
.cart-sidenav .cart-footer .item-cart a.btn-proceed {
  background: var(--text-heading) !important;
  color: var(--text-on-dark) !important;
  border-radius: 0 !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
}
.cart-sidenav .cart-footer .item-cart a.btn-proceed:hover {
  background: var(--accent) !important;
}


/* ----------------------------------------------------------
   19. FORMS & INPUTS
   ---------------------------------------------------------- */
input[type=email], input[type=text], input[type=password], input[type=tel], select, textarea {
  background: var(--bg-white) !important;
  border: 1px solid var(--border-medium) !important;
  color: var(--text-primary) !important;
  border-radius: var(--radius-xs) !important;
  font-family: 'Jost', 'Inter', sans-serif !important;
  transition: var(--transition-fast);
}
input[type=email]:focus, input[type=text]:focus, input[type=password]:focus,
input[type=tel]:focus, select:focus, textarea:focus {
  border-color: var(--text-heading) !important;
  box-shadow: none !important;
  outline: none !important;
}

.twistedtext { background: var(--bg-white) !important; border-color: var(--border-medium) !important; color: var(--text-primary) !important; }
.ghostinshells { background: var(--bg-white) !important; border-color: var(--border-medium) !important; }
.ghostinshells div:hover, .ghostinshells div.active { background: var(--bg-section) !important; color: var(--accent) !important; }
.selectbutton:after { border-color: var(--text-muted) !important; }
.sort-select label { color: var(--text-body) !important; }


/* ----------------------------------------------------------
   20. BUTTONS — Minimal Black/Outline
   ---------------------------------------------------------- */
.btn {
  background: transparent !important;
  border: 1px solid var(--text-heading) !important;
  color: var(--text-heading) !important;
  border-radius: 0 !important;
  transition: var(--transition-fast);
  font-weight: 500 !important;
}
.btn:hover {
  background: var(--text-heading) !important;
  color: var(--text-on-dark) !important;
}

.btn-default {
  background-color: transparent !important;
  border-color: var(--text-heading) !important;
  color: var(--text-heading) !important;
}
.btn-default:hover {
  background: var(--text-heading) !important;
  color: var(--text-on-dark) !important;
}


/* ----------------------------------------------------------
   21. TOASTS — Neutral
   ---------------------------------------------------------- */
.toast-success { background-color: #ecf5ec !important; border-left: 4px solid #27ae60 !important; color: #1a1a1a !important; }
.toast-error { background-color: #fdf0ef !important; border-left: 4px solid #e74c3c !important; color: #1a1a1a !important; }
.toast-info { background-color: #f0f4f8 !important; border-left: 4px solid var(--accent) !important; color: #1a1a1a !important; }
.toast-warning { background-color: #fff9ef !important; border-left: 4px solid #f39c12 !important; color: #1a1a1a !important; }
#toast-container > div { box-shadow: var(--shadow-md) !important; border-radius: var(--radius-xs) !important; }


/* ----------------------------------------------------------
   22. PAGINATION
   ---------------------------------------------------------- */
.account-orders .panel-orders-heading {
  background-color: var(--bg-section) !important;
  border-color: var(--border-light) !important;
  color: var(--text-heading) !important;
}


/* ----------------------------------------------------------
   23. MODALS — Clean White
   ---------------------------------------------------------- */
.modal-content {
  background: var(--bg-white) !important;
  border: none !important;
  box-shadow: var(--shadow-lg) !important;
  border-radius: var(--radius-md) !important;
  color: var(--text-primary) !important;
}
.modal-header { border-bottom-color: var(--border-light) !important; }
.modal-footer { border-top-color: var(--border-light) !important; }
.modal-backdrop.in { opacity: 0.4 !important; }


/* ----------------------------------------------------------
   24. TRUST / FEATURES — Icon Circles
   ---------------------------------------------------------- */
.wrap-features {
  background: var(--bg-white) !important;
  border-top: 1px solid var(--border-light);
  border-bottom: 1px solid var(--border-light);
  padding: var(--section-gap-sm) 0 !important;
}
.features .text-feat { color: var(--text-body) !important; text-align: center !important; }
.features .text-feat .features-main-text {
  color: var(--text-heading) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}
.features .text-feat p { color: var(--text-muted) !important; font-size: 13px !important; }


/* ----------------------------------------------------------
   25. CAROUSEL DOTS
   ---------------------------------------------------------- */
div .slick-dots li button:before { background: var(--border-medium) !important; }
div .slick-dots li.slick-active button:before { background: var(--text-heading) !important; }

.galpager span:before { background: var(--border-medium) !important; border: none !important; }
.galpager_cont .galpager span.active:before { background: var(--text-heading) !important; border: none !important; }


/* ----------------------------------------------------------
   26. SEARCH RESULTS
   ---------------------------------------------------------- */
.ads-search-product {
  background: var(--bg-white) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-lg) !important;
  border-radius: var(--radius-sm) !important;
}
.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div { color: var(--text-body) !important; }
.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div:hover {
  background: var(--bg-section) !important;
  color: var(--text-heading) !important;
}


/* ----------------------------------------------------------
   27. MOBILE FIX BTN
   ---------------------------------------------------------- */
.fix-btn .info-secure .head { color: var(--text-muted) !important; }
.fix-btn .info-secure .head span { background: var(--bg-body) !important; }
.fix-btn .info-secure ul { border-color: var(--border-light) !important; background: var(--bg-white) !important; }


/* ----------------------------------------------------------
   28. TESTIMONIALS
   ---------------------------------------------------------- */
.review-home { background: var(--bg-section) !important; padding: var(--section-gap-sm) 0 !important; }
.review-home .review-item {
  background: var(--bg-white) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-sm) !important;
}
.review-home .review-item p { color: var(--text-body) !important; }
.review-home .review-item .author { color: var(--text-heading) !important; font-weight: 600 !important; }


/* ----------------------------------------------------------
   29. BLOG
   ---------------------------------------------------------- */
.blog-posts .blog-item {
  background: var(--bg-white) !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: hidden;
}
.blog-posts .blog-item .title { color: var(--text-heading) !important; font-weight: 600 !important; }
.blog-posts .blog-item .excerpt { color: var(--text-body) !important; }
.blog-posts .blog-item .date { color: var(--text-muted) !important; }


/* ----------------------------------------------------------
   30. CURRENCY
   ---------------------------------------------------------- */
.box-active-currency .ttdropdown-menu,
.ttdropdown-menu {
  background: var(--bg-white) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--text-body) !important;
}


/* ----------------------------------------------------------
   31. ANIMATIONS — Subtle Only
   ---------------------------------------------------------- */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

.product-item { animation: fadeInUp 0.5s var(--ease) both; }
.product-item:nth-child(1) { animation-delay: 0.03s; }
.product-item:nth-child(2) { animation-delay: 0.06s; }
.product-item:nth-child(3) { animation-delay: 0.09s; }
.product-item:nth-child(4) { animation-delay: 0.12s; }


/* ----------------------------------------------------------
   32. RESPONSIVE
   ---------------------------------------------------------- */
@media (max-width: 767px) {
  :root { --section-gap: 50px; --section-gap-sm: 35px; }
  .p-heading .p-title { font-size: 22px !important; }
  .product-main h1 { font-size: 22px !important; }
  .home-slider .info .text h1, .home-slider .info .text h2 { font-size: 28px !important; }
  footer { padding-top: 40px !important; }
}


/* ----------------------------------------------------------
   33. PRINT
   ---------------------------------------------------------- */
@media print {
  body { background: #fff !important; color: #000 !important; }
  header, footer { border-color: #ddd !important; }
}