/*
Theme Name: ZH Market
Theme URI: https://zohaibhassan.tech/
Author: Zohaib Hassan
Author URI: https://zohaibhassan.tech/
Description: Fully refactored, optimized, secure, and modern 3D digital marketplace engine natively supporting Neumorphic soft depth and Liquid Glass UI frames. Fully engineered and maintained by Zohaib Hassan.
Version: 2.1.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dpmarket
Tags: e-commerce, digital-marketplace, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, woocommerce, elementor
Tested up to: 6.7
Requires at least: 5.8
Requires PHP: 8.1

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

ZH Market is based on Underscores https://underscores.me/, (C) 2012-2026 Automattic, Inc.
Engineered & Maintained by Zohaib Hassan.
*/
.btn-w-100 .elementor-button {
  width: 100%;
}

.bg-gray {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.07);
}

.bg-red {
  background: #e94057;
}

.bg-gray-after {
  position: relative;
}

.bg-gray-after:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  margin: 0 100px;
}

.border-2 {
  border: 2px solid #263e6b;
}

.inovating-area .border-bottom-2 {
  border-bottom: 2px solid #263e6b;
}

@media all and (max-width: 1599px) {
  .header-6-bg-image-seze-100 .elementor-widget-wrap {
    background-size: 100% 100% !important;
  }

  .header-6-bg-image-seze-100 .elementor-widget-container {
    padding-left: 25px !important;
  }
}

@media all and (max-width: 575px) {
  .elementor-image-box-img-wrap .elementor-image-box-img {
    margin-bottom: 20px !important;
  }
}

.single-blog-list .details .blog-meta li {
  padding-left: 0;
  list-style: none;
}

.single-blog-list .details .blog-meta li:before {
  display: none;
}

.single-progressbar .skill:before {
  background: #e1e1e1;
}

.footer-widget.widget.widget_nav_menu ul li+li {
  margin-top: 15px;
}

.breadcrumb-wrap .breadcrumb-content {
  padding: 170px 0 170px 0;
}

.custom-logo-link img,
.site-logo img,
.footer-logo img {
  max-width: 190px !important;
}

.blog-details-footer .left .tags li a {
  height: 32px;
  line-height: 30px;
  border-radius: 30px;
}

.blog-details-footer .social-icon li a {
  width: 40px;
  height: 40px;
  border: 1px solid #bdbecc;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
}

.blog-details-footer .social-icon li a:hover {
  background: var(--main-gradient);
  color: #fff;
}

/* ====================================================
   ZH Market - Neumorphic Soft Depth & Liquid Glass UI
   Engineered by Zoahib Hassan
======================================================= */
:root {
  --zh-glass-bg: rgba(255, 255, 255, 0.72);
  --zh-glass-border: rgba(255, 255, 255, 0.45);
  --zh-glass-shadow: 0 12px 35px 0 rgba(31, 38, 135, 0.08);
  --zh-neu-light: #ffffff;
  --zh-neu-dark: #d1d9e6;
  --zh-neu-shadow: 8px 8px 20px rgba(166, 171, 189, 0.35), -8px -8px 20px rgba(255, 255, 255, 0.9);
  --zh-neu-inset: inset 4px 4px 10px rgba(166, 171, 189, 0.3), inset -4px -4px 10px rgba(255, 255, 255, 0.85);
  --zh-sale-color: #5e35f2;
  --zh-regular-color: #8c8c97;
}

[data-theme=dark] {
  --zh-glass-bg: rgba(18, 22, 34, 0.75);
  --zh-glass-border: rgba(255, 255, 255, 0.08);
  --zh-glass-shadow: 0 16px 40px 0 rgba(0, 0, 0, 0.45);
  --zh-neu-shadow: 8px 8px 20px rgba(0, 0, 0, 0.45), -6px -6px 16px rgba(255, 255, 255, 0.03);
  --zh-neu-inset: inset 4px 4px 8px rgba(0, 0, 0, 0.5), inset -4px -4px 8px rgba(255, 255, 255, 0.04);
}

/* Liquid Glass Framework */
.liquid-glass-frame,
.glassmorphic-card {
  background: var(--zh-glass-bg) !important;
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid var(--zh-glass-border) !important;
  box-shadow: var(--zh-glass-shadow) !important;
  border-radius: 20px;
  transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.liquid-glass-frame:hover,
.glassmorphic-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 45px 0 rgba(94, 53, 242, 0.16) !important;
}

/* Neumorphic Soft Depth */
.neumorphic-depth,
.neumorphic-card {
  border-radius: 20px;
  box-shadow: var(--zh-neu-shadow);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.neumorphic-inset {
  border-radius: 12px;
  box-shadow: var(--zh-neu-inset);
}

/* Issue 12: Pricing UI/UX Structural Clarity */
.price,
.product-item__content .price,
.license-pricing .price,
.dpmarket-single-product-item .price,
.product-item__price {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 8px 0;
}

.price del,
.product-item__content del,
del .woocommerce-Price-amount,
.product-item__price del {
  color: var(--zh-regular-color) !important;
  font-size: 0.9em !important;
  text-decoration: line-through !important;
  opacity: 0.72;
  font-weight: 400 !important;
}

.price ins,
.product-item__content ins,
ins .woocommerce-Price-amount,
.product-item__price ins,
.product-item__price .woocommerce-Price-amount,
.woocommerce ul.products li.product .price,
.woocommerce-Price-amount {
  color: var(--zh-sale-color) !important;
  font-size: 1.15em !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.zh-discount-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  background: linear-gradient(135deg, #ff416c, #ff4b2b);
  color: #ffffff !important;
  font-size: 11px;
  font-weight: 700;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-left: 6px;
  box-shadow: 0 4px 10px rgba(255, 65, 108, 0.35);
}

/* Search Popup State Fix: Hide completely when inactive */
.search-popup:not(.active),
#search-popup:not(.active),
.body-overlay:not(.active),
#body-overlay:not(.active) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ====================================================
   Desktop Header Navigation: Centered Alignment & Original Palette
======================================================= */
@media (min-width: 992px) {
  .navbar-area .custom-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: relative !important;
  }

  .navbar-area .responsive-mobile-menu {
    flex: 0 0 auto !important;
  }

  .navbar-area .navbar-collapse,
  .navbar-area #dpmarket_main_menu {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
  }

  .navbar-area .navbar-collapse .navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    gap: 32px !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .navbar-area .navbar-collapse .navbar-nav > li {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    line-height: normal !important;
  }

  .navbar-area .navbar-collapse .navbar-nav > li > a {
    color: #19232D !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 24px 2px !important;
    display: inline-block !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
  }

  .navbar-area .navbar-collapse .navbar-nav > li:hover > a {
    color: #5e35f2 !important;
  }

  .navbar-area .navbar-collapse .navbar-nav > li.menu-item-has-children {
    padding-right: 18px !important;
  }

  /* Plus Sign Indicator */
  .navbar-area .navbar-collapse .navbar-nav > li.menu-item-has-children:before {
    content: "" !important;
    position: absolute !important;
    right: 4px !important;
    top: 50% !important;
    height: 10px !important;
    width: 2px !important;
    background: #19232D !important;
    transform: translateY(-50%) !important;
    transition: all 0.25s ease !important;
    pointer-events: none !important;
  }

  .navbar-area .navbar-collapse .navbar-nav > li.menu-item-has-children:after {
    content: "" !important;
    position: absolute !important;
    right: 0px !important;
    top: 50% !important;
    height: 2px !important;
    width: 10px !important;
    background: #19232D !important;
    transform: translateY(-50%) !important;
    transition: all 0.25s ease !important;
    pointer-events: none !important;
  }

  .navbar-area .navbar-collapse .navbar-nav > li.menu-item-has-children:hover:before,
  .navbar-area .navbar-collapse .navbar-nav > li.menu-item-has-children:hover:after {
    background: #5e35f2 !important;
  }

  .navbar-area .navbar-collapse .navbar-nav > li.menu-item-has-children:hover:before {
    opacity: 0 !important;
  }

  /* Desktop Submenu Dropdown Box (Centered & Balanced) */
  .navbar-nav .sub-menu,
  .navbar-area .navbar-collapse .navbar-nav > li > .sub-menu {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(12px) !important;
    min-width: 210px !important;
    width: max-content !important;
    max-width: 280px !important;
    background: #ffffff !important;
    padding: 10px 12px !important;
    margin: 0 !important;
    list-style: none !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0.25s !important;
    z-index: 9999 !important;
    text-align: center !important;
  }

  .navbar-nav li:hover > .sub-menu,
  .navbar-nav li:focus-within > .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
    pointer-events: auto !important;
  }

  .navbar-nav .sub-menu li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
    text-align: center !important;
    border: none !important;
  }

  .navbar-nav .sub-menu li a {
    display: block !important;
    width: 100% !important;
    padding: 10px 16px !important;
    color: #19232D !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-align: center !important;
    border-radius: 8px !important;
    margin: 2px 0 !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
    background: transparent !important;
    text-decoration: none !important;
  }

  .navbar-nav .sub-menu li a:hover {
    color: #9333ea !important;
    background: rgba(147, 51, 234, 0.08) !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .navbar-nav .sub-menu .sub-menu {
    top: 0 !important;
    left: 100% !important;
    transform: translateY(0) !important;
  }

  .navbar-area .nav-right-part {
    flex: 0 0 auto !important;
  }
}

/* Dark Mode Header Navbar */
[data-theme=dark] .navbar-area .navbar-collapse .navbar-nav > li > a {
  color: #f1f2f6 !important;
}
[data-theme=dark] .navbar-area .navbar-collapse .navbar-nav > li.menu-item-has-children:before,
[data-theme=dark] .navbar-area .navbar-collapse .navbar-nav > li.menu-item-has-children:after {
  background: #f1f2f6 !important;
}
[data-theme=dark] .navbar-area .navbar-collapse .navbar-nav > li:hover > a {
  color: #a288ff !important;
}
[data-theme=dark] .navbar-area .navbar-collapse .navbar-nav > li.menu-item-has-children:hover:after {
  background: #a288ff !important;
}

/* ====================================================
   Footer Link Colors: Pure White Default + Purple on Click/Hover
======================================================= */
.footer-widget a,
.bottom-footer-two a,
.copyright-wrap a,
.footer-area a,
.footer-wraps a,
.footer-style a,
.footer-widget ul li a,
.footer-area-2 a,
.footer-style-1 a {
  color: #ffffff !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.footer-widget a:hover,
.footer-widget a:active,
.footer-widget a:focus,
.bottom-footer-two a:hover,
.bottom-footer-two a:active,
.bottom-footer-two a:focus,
.copyright-wrap a:hover,
.copyright-wrap a:active,
.copyright-wrap a:focus,
.footer-area a:hover,
.footer-area a:active,
.footer-area a:focus,
.footer-wraps a:hover,
.footer-wraps a:active,
.footer-wraps a:focus,
.footer-style a:hover,
.footer-style a:active,
.footer-style a:focus,
.footer-widget ul li a:hover,
.footer-widget ul li a:active,
.footer-widget ul li a:focus,
.footer-area-2 a:hover,
.footer-area-2 a:active,
.footer-area-2 a:focus,
.footer-style-1 a:hover,
.footer-style-1 a:active,
.footer-style-1 a:focus {
  color: #5e35f2 !important;
  text-decoration: none !important;
}

/* ====================================================
   Interactive Wishlist Heart Button & Toast Notification
======================================================= */
.product-item__wishlist {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  width: 38px !important;
  height: 38px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  color: #9da1b6 !important;
  font-size: 14px !important;
  transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  z-index: 6 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
}

.product-item__wishlist:hover {
  background: #ffffff !important;
  color: #ff4757 !important;
  transform: scale(1.15) !important;
}

.product-item__wishlist.active,
.product-item__wishlist.in-wishlist {
  background: #ffffff !important;
  color: #ff4757 !important;
  box-shadow: 0 4px 18px rgba(255, 71, 87, 0.35) !important;
}

.product-item__wishlist.active i,
.product-item__wishlist.in-wishlist i {
  color: #ff4757 !important;
  animation: zhHeartBeat 0.45s ease-in-out;
}

@keyframes zhHeartBeat {
  0% { transform: scale(1); }
  50% { transform: scale(1.35); }
  100% { transform: scale(1); }
}

.zh-wishlist-toast {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: rgba(25, 27, 38, 0.95);
  color: #ffffff;
  padding: 14px 24px;
  border-radius: 50px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: 999999;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 12px;
  transform: translateY(30px);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none;
}

.zh-wishlist-toast.show {
  transform: translateY(0);
  opacity: 1;
}

/* ====================================================
   Shop Page: 4-Column Clean Digital Asset Grid (Image 5 Match)
======================================================= */
.zh-market-shop-archive ul.products,
.woocommerce ul.products.columns-4,
.woocommerce ul.products.columns-3 {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 -12px !important;
  padding: 0 !important;
  list-style: none !important;
}

.zh-market-shop-archive ul.products:before,
.zh-market-shop-archive ul.products:after,
.woocommerce ul.products:before,
.woocommerce ul.products:after {
  display: none !important;
}

.zh-market-shop-archive ul.products li.product,
.zh-shop-product-card {
  width: 25% !important;
  max-width: 25% !important;
  flex: 0 0 25% !important;
  padding: 0 12px 28px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  float: none !important;
  clear: none !important;
}

@media (max-width: 1199px) {
  .zh-market-shop-archive ul.products li.product,
  .zh-shop-product-card {
    width: 33.333% !important;
    max-width: 33.333% !important;
    flex: 0 0 33.333% !important;
  }
}

@media (max-width: 767px) {
  .zh-market-shop-archive ul.products li.product,
  .zh-shop-product-card {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }
}

@media (max-width: 480px) {
  .zh-market-shop-archive ul.products li.product,
  .zh-shop-product-card {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

/* Hide Default YITH Wishlist Text Link on Archive Loops */
.zh-market-shop-archive .yith-wcwl-add-to-wishlist,
.zh-market-shop-archive .yith-wcwl-add-button,
.product-item .yith-wcwl-add-to-wishlist,
.product-card-item .yith-wcwl-add-to-wishlist,
.zh-shop-product-card .yith-wcwl-add-to-wishlist {
  display: none !important;
}

/* Community Fix: Dokan Vendor Setup Wizard Clean Rendering */
.dokan-setup-content,
.dokan-setup .setup-content {
  max-width: 820px !important;
  margin: 40px auto !important;
  padding: 35px !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08) !important;
}

.dokan-setup .setup-body .dokan-form-group {
  margin-bottom: 20px !important;
}

.dokan-setup .dokan-btn {
  border-radius: 30px !important;
  padding: 10px 28px !important;
  font-weight: 600 !important;
}

/* Mobile Dropdown & Sidebar Breakpoints Fix */
@media (max-width: 991px) {
  .navbar-collapse {
    max-height: 80vh;
    overflow-y: auto;
    background: var(--zh-glass-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 16px;
    padding: 20px;
    margin-top: 15px;
    box-shadow: var(--zh-glass-shadow);
  }

  .navbar-nav .menu-item-has-children>.sub-menu {
    position: static !important;
    transform: none !important;
    box-shadow: none !important;
    padding-left: 15px !important;
    background: transparent !important;
    border-left: 2px solid rgba(94, 53, 242, 0.25);
  }

  .product-sidebar,
  .sidebar {
    margin-top: 40px;
  }
}

/* ====================================================
   ZH Market - Footer Brand Pill & Interactive Purple Click/Hover
   ======================================================= */
.brand-pill-container,
.brand .brand-pill-container,
.brand-footer-wrap .brand-pill-container {
  background: #ffffff !important;
  border-radius: 999px !important;
  padding: 20px 45px !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
}

.brand-pill-container .brand-item span,
.brand-pill-container .brand-name-text,
.brand .brand-name-text {
  color: #0f172a !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  transition: all 0.3s ease !important;
}

.brand-pill-container .brand-item:hover span,
.brand-pill-container .brand-name-text:hover,
.brand-name-text:hover {
  color: #7c3aed !important;
  transform: translateY(-2px);
}

.brand-pill-container img,
.brand .brand-slider img,
.brand-item img {
  filter: none !important;
  opacity: 0.95 !important;
  max-height: 42px !important;
  width: auto !important;
}

.brand-pill-container img:hover,
.brand .brand-slider img:hover,
.brand-item img:hover {
  opacity: 1 !important;
  transform: scale(1.06);
}

/* Footer Click & Hover States (Theme Signature Purple) */
.footer-lists__link:hover,
.footer-lists__link:active,
.footer-lists__link:focus,
.footer-lists__item a:hover,
.footer-lists__item a:active,
.footer-lists__item a:focus,
.footer-lists a:hover,
.footer-lists a:active,
.footer-lists a:focus,
.footer-style-1 a:hover,
.footer-style-1 a:active,
.footer-style-1 a:focus,
.footer-wraps a:hover,
.footer-wraps a:active,
.footer-wraps a:focus,
.footer-widget a:hover,
.footer-widget a:active,
.footer-widget a:focus,
.widget.footer-widget ul li a:hover,
.widget.footer-widget ul li a:active,
.widget.footer-widget ul li a:focus,
.copyright-wrap a:hover,
.copyright-wrap a:active,
.copyright-wrap a:focus,
.footer-area a:hover,
.footer-area a:active,
.footer-area a:focus {
  color: #9333ea !important; /* Theme Purple */
  transition: color 0.15s ease !important;
}

.footer-lists__link:hover::before,
.footer-lists__link:active::before,
.footer-lists__link:focus::before {
  color: #9333ea !important;
  left: 4px;
}

.social-icon-list__link:hover,
.social-icon-list__link:active,
.social-icon-list__link:focus {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #ffffff !important;
  transform: translateY(-3px);
}

/* ==========================================================================
   ZH MARKET - COMPREHENSIVE BUG FIXES & UI ENHANCEMENTS (ISSUES 4, 5, 6, 7, 8)
   Engineered by Zoahib Hassan
   ========================================================================== */

/* Fix 4: Header Wishlist Icon & Badge */
.zh-wishlist-header-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.08) !important;
    transition: all 0.3s ease !important;
}
.zh-wishlist-header-btn:hover {
    background: rgba(147, 51, 234, 0.15) !important;
    color: #9333ea !important;
}
.zh-wishlist-header-btn .zh-header-wishlist-icon {
    transition: transform 0.25s ease, stroke 0.25s ease !important;
}
.zh-wishlist-header-btn:hover .zh-header-wishlist-icon {
    transform: scale(1.15) !important;
    stroke: #9333ea !important;
}
.zh-wishlist-header-btn .qty-badge {
    position: absolute !important;
    top: -4px !important;
    right: -4px !important;
    background: #9333ea !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    box-shadow: 0 2px 6px rgba(147, 51, 234, 0.4) !important;
}

/* Fix 5: Footer Copyright Pages Left-to-Right Row */
.copyright-wrap .footer-lists,
.copyright-wrap ul,
.copyright-wrap .menu-footer-menu-container ul,
.copyright-wrap .footer-menu-container ul {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.copyright-wrap .footer-lists li,
.copyright-wrap ul li,
.copyright-wrap .menu-footer-menu-container ul li,
.copyright-wrap .footer-menu-container ul li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}
.copyright-wrap .footer-lists li a,
.copyright-wrap ul li a {
    display: inline-block !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.75) !important;
    text-decoration: none !important;
    transition: color 0.25s ease !important;
}
.copyright-wrap .footer-lists li a:hover,
.copyright-wrap .footer-lists li a:active,
.copyright-wrap .footer-lists li a:focus {
    color: #9333ea !important;
}
@media (max-width: 991px) {
    .copyright-wrap .footer-lists,
    .copyright-wrap ul,
    .copyright-wrap .menu-footer-menu-container ul {
        justify-content: center !important;
        margin-top: 12px !important;
        gap: 16px !important;
    }
}

/* Fix 6: Single Product Page Image Framing & Spacing */
.zh-single-product-card {
    margin-bottom: 35px !important;
    border-radius: 18px !important;
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
[data-theme="dark"] .zh-single-product-card {
    background: #0f0a21 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3) !important;
}
.zh-single-product-card img {
    border-radius: 12px !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}
.product-details-content {
    margin-top: 30px !important;
}

/* Fix 7: Weekly Best Selling Product Mobile Responsiveness */
@media (max-width: 767px) {
    .product-card-wrapper .product-item {
        margin-bottom: 18px !important;
        border-radius: 16px !important;
    }
    .product-card-wrapper .product-item__thumb {
        height: auto !important;
        max-height: 220px !important;
    }
    .product-card-wrapper .product-item__thumb img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-top-left-radius: 16px !important;
        border-top-right-radius: 16px !important;
    }
    .product-card-wrapper .product-item__content {
        padding: 16px !important;
    }
    .product-card-wrapper .product-item__title {
        font-size: 16px !important;
        line-height: 1.4 !important;
        word-break: break-word !important;
        margin-bottom: 8px !important;
    }
    .product-card-wrapper .product-item__info {
        flex-wrap: wrap !important;
        gap: 6px !important;
        margin-bottom: 10px !important;
    }
    .product-card-wrapper .product-item__bottom {
        flex-wrap: wrap !important;
        gap: 12px !important;
        align-items: center !important;
    }
    .product-card-wrapper .product-item__bottom .btn {
        width: 100% !important;
        text-align: center !important;
        margin-top: 6px !important;
        padding: 8px 16px !important;
    }
}

/* Fix 8: Top Bar Announcement Notification Mobile Responsiveness & No Overlap */
.sale-offer {
    position: relative !important;
    z-index: 1001 !important;
    width: 100% !important;
    min-height: auto !important;
    overflow: visible !important;
}
@media (max-width: 767px) {
    .sale-offer {
        padding: 10px 0 !important;
    }
    .sale-offer__content {
        flex-direction: column !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        gap: 8px !important;
        padding-right: 32px !important;
    }
    .sale-offer__countdown {
        display: none !important;
    }
    .sale-offer__discount {
        flex-direction: column !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        gap: 4px !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
    .sale-offer__text {
        font-size: 12px !important;
        display: block !important;
    }
    .sale-offer__qty {
        font-size: 13px !important;
        display: block !important;
    }
    .sale-offer .btn {
        padding: 4px 14px !important;
        font-size: 12px !important;
        margin-top: 4px !important;
        display: inline-block !important;
    }
    .sale-offer__close {
        top: 50% !important;
        transform: translateY(-50%) !important;
        right: 8px !important;
    }
}


/* ==========================================================================
   HEADER NAVIGATION MENU TEXT COLOR & WISHLIST DRAWER FIX
   ========================================================================== */

/* Fix invisible white text on white header */
.navbar-area .custom-container .navbar-collapse .navbar-nav > li > a,
.navbar.navbar-area .navbar-nav > li > a,
.navbar-area .nav-menu__link,
.navbar-area .navbar-nav li a,
#dpmarket_main_menu ul li a,
#dpmarket_main_menu .navbar-nav > li > a {
    color: #19232D !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: color 0.25s ease !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Menu Hover and Active page states */
.navbar-area .custom-container .navbar-collapse .navbar-nav > li:hover > a,
.navbar-area .custom-container .navbar-collapse .navbar-nav > li.current-menu-item > a,
.navbar-area .custom-container .navbar-collapse .navbar-nav > li.active > a,
#dpmarket_main_menu ul li:hover > a,
#dpmarket_main_menu ul li.current-menu-item > a,
#dpmarket_main_menu ul li.active > a {
    color: #9333ea !important;
}

/* Submenu + / - indicator */
.navbar-area .navbar-collapse .navbar-nav > li.menu-item-has-children:before,
.navbar-area .navbar-collapse .navbar-nav > li.menu-item-has-children:after {
    background-color: #19232D !important;
}
.navbar-area .navbar-collapse .navbar-nav > li.menu-item-has-children:hover:before,
.navbar-area .navbar-collapse .navbar-nav > li.menu-item-has-children:hover:after {
    background-color: #9333ea !important;
}

/* =======================================================
   Mobile Header Navigation & Submenu Accordion (< 992px)
======================================================= */
@media (max-width: 991px) {
  .navbar-area .navbar-collapse,
  .navbar-area #dpmarket_main_menu {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 16px 20px !important;
    margin-top: 14px !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    width: 100% !important;
  }

  .navbar-area .navbar-collapse .navbar-nav,
  .navbar-area #dpmarket_main_menu .navbar-nav {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    text-align: left !important;
  }

  .navbar-area .navbar-collapse .navbar-nav > li,
  .navbar-area #dpmarket_main_menu .navbar-nav > li {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  }

  .navbar-area .navbar-collapse .navbar-nav > li:last-child,
  .navbar-area #dpmarket_main_menu .navbar-nav > li:last-child {
    border-bottom: none !important;
  }

  .navbar-area .navbar-collapse .navbar-nav > li > a,
  .navbar-area #dpmarket_main_menu .navbar-nav > li > a {
    display: block !important;
    width: 100% !important;
    padding: 14px 44px 14px 4px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #19232D !important;
    text-align: left !important;
    transition: color 0.2s ease !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }

  .navbar-area .navbar-collapse .navbar-nav > li.current-menu-item > a,
  .navbar-area .navbar-collapse .navbar-nav > li.open > a,
  .navbar-area .navbar-collapse .navbar-nav > li.show > a,
  .navbar-area .navbar-collapse .navbar-nav > li:hover > a {
    color: #9333ea !important;
  }

  .navbar-area .navbar-collapse .navbar-nav > li.menu-item-has-children {
    cursor: pointer !important;
  }

  .navbar-area .navbar-collapse .navbar-nav > li.menu-item-has-children:before {
    content: "" !important;
    position: absolute !important;
    right: 14px !important;
    top: 24px !important;
    height: 12px !important;
    width: 2px !important;
    background: #19232D !important;
    transform: translateY(-50%) !important;
    transition: all 0.25s ease !important;
    pointer-events: none !important;
  }

  .navbar-area .navbar-collapse .navbar-nav > li.menu-item-has-children:after {
    content: "" !important;
    position: absolute !important;
    right: 9px !important;
    top: 24px !important;
    height: 2px !important;
    width: 12px !important;
    background: #19232D !important;
    transform: translateY(-50%) !important;
    transition: all 0.25s ease !important;
    pointer-events: none !important;
  }

  .navbar-area .navbar-collapse .navbar-nav > li.menu-item-has-children.open:before,
  .navbar-area .navbar-collapse .navbar-nav > li.menu-item-has-children.show:before {
    opacity: 0 !important;
    transform: translateY(-50%) rotate(90deg) !important;
  }

  .navbar-area .navbar-collapse .navbar-nav > li.menu-item-has-children.open:after,
  .navbar-area .navbar-collapse .navbar-nav > li.menu-item-has-children.show:after {
    background: #9333ea !important;
  }

  .navbar-area .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu,
  .navbar-area #dpmarket_main_menu .navbar-nav li.menu-item-has-children .sub-menu {
    display: none;
    position: static !important;
    float: none !important;
    width: 100% !important;
    margin: 4px 0 12px 0 !important;
    padding: 6px 12px !important;
    background: #f8fafc !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
    list-style: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    max-height: none !important;
    overflow: visible !important;
    text-align: left !important;
  }

  .navbar-area .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li,
  .navbar-area #dpmarket_main_menu .navbar-nav li.menu-item-has-children .sub-menu li {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
    text-align: left !important;
  }

  .navbar-area .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:last-child,
  .navbar-area #dpmarket_main_menu .navbar-nav li.menu-item-has-children .sub-menu li:last-child {
    border-bottom: none !important;
  }

  .navbar-area .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a,
  .navbar-area #dpmarket_main_menu .navbar-nav li.menu-item-has-children .sub-menu li a {
    display: block !important;
    width: 100% !important;
    padding: 11px 14px !important;
    color: #334155 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: left !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    background: transparent !important;
    text-decoration: none !important;
  }

  .navbar-area .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover,
  .navbar-area #dpmarket_main_menu .navbar-nav li.menu-item-has-children .sub-menu li a:active,
  .navbar-area #dpmarket_main_menu .navbar-nav li.menu-item-has-children .sub-menu li.current-menu-item a {
    color: #9333ea !important;
    background: rgba(147, 51, 234, 0.08) !important;
    padding-left: 18px !important;
  }
}

/* Footer Copyright Links Always Visible */
.copyright-wrap .footer-lists,
.copyright-wrap .list-unstyled,
.copyright-wrap ul {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.copyright-wrap .footer-lists li,
.copyright-wrap ul li {
    display: inline-block !important;
}
.copyright-wrap .footer-lists li a,
.copyright-wrap ul li a,
.copyright-wrap a.footer-lists__link {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
.copyright-wrap .footer-lists li a:hover,
.copyright-wrap ul li a:hover {
    color: #a855f7 !important;
}