/* =====================================================
   Movador Child - Dokan Store
   File: assets/css/dokan/dokan-store.css

   Scope:
   - Public Dokan seller store page.
   - Dokan store listing page.

   Clean structure:
   - header-shop.php / footer-shop.php handle the header issue.
   - This file handles visual design only.
   - No plugin edits.
   - No Home edits.
   ===================================================== */


/* =====================================================
   1. Base
   ===================================================== */

body.movador-dokan-store,
body.movador-dokan-store-listing {
  background: #ffffff !important;
  color: #0f172a !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

body.movador-dokan-store *,
body.movador-dokan-store-listing *,
body.movador-dokan-store input,
body.movador-dokan-store button,
body.movador-dokan-store select,
body.movador-dokan-store textarea,
body.movador-dokan-store-listing input,
body.movador-dokan-store-listing button,
body.movador-dokan-store-listing select,
body.movador-dokan-store-listing textarea {
  box-sizing: border-box;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

body.movador-dokan-store a,
body.movador-dokan-store-listing a {
  text-decoration: none !important;
}


/* =====================================================
   2. Store page cleanup
   Header is handled by header-shop.php.
   ===================================================== */

body.movador-dokan-store #breadcrumbs,
body.movador-dokan-store .woocommerce-breadcrumb {
  display: none !important;
}

body.movador-dokan-store .wp-site-blocks,
body.movador-dokan-store main,
body.movador-dokan-store .site-main,
body.movador-dokan-store .content-area,
body.movador-dokan-store .entry-content,
body.movador-dokan-store .wp-block-post-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* =====================================================
   3. Main store layout
   ===================================================== */

body.movador-dokan-store .dokan-store-wrap,
body.movador-dokan-store .dokan-store-wrap.layout-left,
body.movador-dokan-store .dokan-store-wrap.layout-right {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto 72px !important;
  padding: 0 !important;
  display: block !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(37, 99, 235, 0.055), transparent 36%),
    #ffffff !important;
}

body.movador-dokan-store .dokan-single-store,
body.movador-dokan-store #dokan-primary,
body.movador-dokan-store #dokan-content,
body.movador-dokan-store .store-page-wrap {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  clear: both !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.movador-dokan-store .dokan-store-sidebar {
  display: none !important;
}


/* =====================================================
   4. Store hero / cover
   ===================================================== */

body.movador-dokan-store .dokan-profile-frame-wrapper {
  width: min(100%, 1640px) !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.movador-dokan-store .profile-frame {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.movador-dokan-store .profile-info-box {
  position: relative !important;
  width: 100% !important;
  height: clamp(200px, 18vw, 315px) !important;
  min-height: clamp(200px, 18vw, 315px) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 80% 20%, rgba(59, 130, 246, 0.32), transparent 30%),
    radial-gradient(circle at 18% 18%, rgba(147, 197, 253, 0.20), transparent 28%),
    linear-gradient(135deg, #06152e 0%, #0f2e63 48%, #2563eb 100%) !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.10) !important;
  overflow: hidden !important;
}

body.movador-dokan-store .profile-info-box::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(8, 18, 38, 0.08) 0%, rgba(8, 18, 38, 0.01) 52%, rgba(8, 18, 38, 0.16) 100%),
    linear-gradient(180deg, rgba(8, 18, 38, 0.00) 30%, rgba(8, 18, 38, 0.76) 100%);
}

body.movador-dokan-store .profile-info-box::after {
  content: "";
  position: absolute;
  left: -20%;
  right: -20%;
  bottom: -1px;
  height: 1px;
  z-index: 6;
  background: linear-gradient(90deg, transparent, rgba(96, 165, 250, 0.90), transparent);
  pointer-events: none;
}

body.movador-dokan-store .profile-info-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
  z-index: 1 !important;
}

body.movador-dokan-store .profile-info-img.dummy-image {
  display: block !important;
  background:
    radial-gradient(circle at 82% 22%, rgba(96, 165, 250, 0.36), transparent 28%),
    radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.18), transparent 25%),
    linear-gradient(135deg, #06152e 0%, #0f2e63 48%, #2563eb 100%) !important;
}

body.movador-dokan-store .profile-info-img.dummy-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, transparent 0%, transparent 38%, rgba(255, 255, 255, 0.11) 39%, transparent 52%),
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.05) 0,
      rgba(255, 255, 255, 0.05) 1px,
      transparent 1px,
      transparent 70px
    );
}

body.movador-dokan-store .profile-info-img.dummy-image::after {
  content: "Movador";
  position: absolute;
  left: 50%;
  top: 46%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.24);
  font-size: clamp(60px, 10vw, 140px);
  line-height: 1;
  font-weight: 950;
  letter-spacing: -0.08em;
  white-space: nowrap;
}


/* =====================================================
   5. Store identity / action bar
   Independent from the banner.
   ===================================================== */

body.movador-dokan-store .movador-store-toolbar {
  position: relative !important;
  z-index: 8 !important;
  width: 100% !important;
  min-height: 92px !important;
  margin: 0 !important;
  padding: 16px 0 !important;
  display: grid !important;
  grid-template-columns: minmax(220px, auto) minmax(300px, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.10) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.07) !important;
}

body.movador-dokan-store .movador-store-identity {
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}

body.movador-dokan-store .profile-img {
  width: 66px !important;
  height: 66px !important;
  min-width: 66px !important;
  margin: 0 !important;
  padding: 5px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.12) !important;
  overflow: hidden !important;
  transform: none !important;
}

body.movador-dokan-store .profile-img.profile-img-circle {
  border-radius: 20px !important;
}

body.movador-dokan-store .profile-img img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 15px !important;
}

body.movador-dokan-store .movador-store-name {
  max-width: min(360px, 28vw) !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #0f172a !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: clamp(21px, 1.45vw, 25px) !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  text-shadow: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.movador-dokan-store .movador-store-name a,
body.movador-dokan-store .movador-store-name span {
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  text-shadow: none !important;
  text-transform: none !important;
}

body.movador-dokan-store .movador-store-follow {
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.07) !important;
  cursor: pointer !important;
  transition:
    transform 0.16s ease,
    border-color 0.16s ease,
    box-shadow 0.16s ease !important;
}

body.movador-dokan-store .movador-store-follow:hover,
body.movador-dokan-store .movador-store-follow:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(37, 99, 235, 0.30) !important;
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.13) !important;
  outline: none !important;
}

body.movador-dokan-store .movador-store-follow-heart {
  width: 17px !important;
  height: 17px !important;
  display: block !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
}

body.movador-dokan-store .movador-store-heart-outline {
  stroke-width: 2.1 !important;
  stroke-linejoin: round !important;
  opacity: 1 !important;
}

body.movador-dokan-store .movador-store-heart-filled {
  stroke: none !important;
  opacity: 0 !important;
  transform: scale(0.82) !important;
  transform-origin: center !important;
  transition: opacity 0.16s ease, transform 0.16s ease !important;
}

body.movador-dokan-store .movador-store-follow.is-following .movador-store-heart-outline {
  opacity: 0 !important;
}

body.movador-dokan-store .movador-store-follow.is-following .movador-store-heart-filled {
  opacity: 1 !important;
  transform: scale(1) !important;
}

body.movador-dokan-store .movador-store-follow-text {
  color: #0f172a !important;
  font: inherit !important;
}

body.movador-dokan-store .movador-store-follow.is-loading {
  opacity: 0.72 !important;
  cursor: wait !important;
  pointer-events: none !important;
}

body.movador-dokan-store .movador-store-follow-message {
  max-width: 220px !important;
  display: inline-flex !important;
  align-items: center !important;
  color: #2563eb !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
}

body.movador-dokan-store .movador-store-follow-message a {
  color: #1d4ed8 !important;
  font: inherit !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

body.movador-dokan-store .movador-store-follow-message.is-error {
  color: #b91c1c !important;
}

body.movador-dokan-store .movador-store-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body.movador-dokan-store .movador-store-action,
body.movador-dokan-store .movador-store-module-actions a,
body.movador-dokan-store .movador-store-module-actions button,
body.movador-dokan-store .movador-store-module-actions .dokan-btn,
body.movador-dokan-store .movador-store-module-actions .dokan-btn-theme {
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.07) !important;
  cursor: pointer !important;
  transition:
    transform 0.16s ease,
    border-color 0.16s ease,
    box-shadow 0.16s ease,
    background 0.16s ease !important;
}

body.movador-dokan-store .movador-store-action:hover,
body.movador-dokan-store .movador-store-module-actions a:hover,
body.movador-dokan-store .movador-store-module-actions button:hover,
body.movador-dokan-store .movador-store-module-actions .dokan-btn:hover,
body.movador-dokan-store .movador-store-module-actions .dokan-btn-theme:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(37, 99, 235, 0.30) !important;
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.13) !important;
}

body.movador-dokan-store .movador-store-action.is-active,
body.movador-dokan-store .movador-store-share.is-copied {
  border-color: rgba(37, 99, 235, 0.28) !important;
  background: #ffffff !important;
  color: #0f172a !important;
}

body.movador-dokan-store .movador-store-module-actions {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  list-style: none !important;
}

body.movador-dokan-store .movador-store-module-actions li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.movador-dokan-store .movador-store-share-status {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  white-space: nowrap !important;
}

/* Seller information stays removed from the public store header. */
body.movador-dokan-store .profile-info,
body.movador-dokan-store .dokan-store-info,
body.movador-dokan-store .store-social-wrapper,
body.movador-dokan-store .store-social {
  display: none !important;
}


/* =====================================================
   6. Store tabs removed
   The action buttons now live inside the Movador store bar.
   ===================================================== */

body.movador-dokan-store .dokan-store-tabs {
  display: none !important;
}


/* =====================================================
   7. Store catalog / toolbar
   Featured title removed.
   ===================================================== */

body.movador-dokan-store .seller-items {
  position: relative !important;
  width: min(100%, 1640px) !important;
  margin: 0 auto !important;
  padding: 28px 24px 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  scroll-margin-top: 28px !important;
  overflow: visible !important;
}

body.movador-dokan-store .seller-items::before,
body.movador-dokan-store .seller-items::after {
  display: none !important;
  content: none !important;
}

body.movador-dokan-store .store-product-search {
  position: relative !important;
  z-index: 2 !important;
}

body.movador-dokan-store .movador-store-product-search {
  width: min(100%, 460px) !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-self: stretch !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.07) !important;
  overflow: hidden !important;
}

body.movador-dokan-store .movador-store-product-search input[type="text"],
body.movador-dokan-store .movador-store-product-search input[type="search"] {
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 999px 0 0 999px !important;
  background: transparent !important;
  color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  outline: none !important;
}

body.movador-dokan-store .movador-store-product-search input[type="text"]::placeholder,
body.movador-dokan-store .movador-store-product-search input[type="search"]::placeholder {
  color: #64748b !important;
  opacity: 1 !important;
}

body.movador-dokan-store .movador-store-product-search button,
body.movador-dokan-store .movador-store-product-search input[type="submit"],
body.movador-dokan-store .movador-store-product-search .dokan-btn,
body.movador-dokan-store .movador-store-product-search .dokan-btn-theme {
  width: 50px !important;
  min-width: 50px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-left: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 0 999px 999px 0 !important;
  background: transparent !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

body.movador-dokan-store .movador-store-product-search button::before,
body.movador-dokan-store .movador-store-product-search input[type="submit"]::before,
body.movador-dokan-store .movador-store-product-search .dokan-btn::before,
body.movador-dokan-store .movador-store-product-search .dokan-btn-theme::before {
  content: "" !important;
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 52%, #38bdf8 100%) !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'%3E%3C/circle%3E%3Cpath d='M20 20l-3.8-3.8'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'%3E%3C/circle%3E%3Cpath d='M20 20l-3.8-3.8'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat !important;
  transition: transform 0.16s ease, background 0.16s ease !important;
}

body.movador-dokan-store .movador-store-product-search button:hover::before,
body.movador-dokan-store .movador-store-product-search button:focus-visible::before,
body.movador-dokan-store .movador-store-product-search input[type="submit"]:hover::before,
body.movador-dokan-store .movador-store-product-search input[type="submit"]:focus-visible::before,
body.movador-dokan-store .movador-store-product-search .dokan-btn:hover::before,
body.movador-dokan-store .movador-store-product-search .dokan-btn:focus-visible::before,
body.movador-dokan-store .movador-store-product-search .dokan-btn-theme:hover::before,
body.movador-dokan-store .movador-store-product-search .dokan-btn-theme:focus-visible::before {
  transform: scale(1.06) !important;
  background: linear-gradient(135deg, #38bdf8 0%, #2563eb 48%, #1d4ed8 100%) !important;
}


/* =====================================================
   8. Products grid
   ===================================================== */

body.movador-dokan-store ul.products,
body.movador-dokan-store .seller-items ul.products,
body.movador-dokan-store .woocommerce ul.products {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
  list-style: none !important;
  clear: both !important;
}

body.movador-dokan-store ul.products::before,
body.movador-dokan-store ul.products::after,
body.movador-dokan-store .seller-items ul.products::before,
body.movador-dokan-store .seller-items ul.products::after {
  display: none !important;
  content: none !important;
}

body.movador-dokan-store ul.products li.product,
body.movador-dokan-store .seller-items ul.products li.product,
body.movador-dokan-store .woocommerce ul.products li.product {
  position: relative !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 100% !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 0 0 16px !important;
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid rgba(15, 23, 42, 0.075) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.055) !important;
  overflow: hidden !important;
  transition:
    transform 0.16s ease,
    border-color 0.16s ease,
    box-shadow 0.16s ease !important;
}

body.movador-dokan-store ul.products li.product:hover,
body.movador-dokan-store .seller-items ul.products li.product:hover {
  transform: translateY(-3px);
  border-color: rgba(37, 99, 235, 0.24) !important;
  box-shadow: 0 22px 54px rgba(15, 23, 42, 0.12) !important;
}

body.movador-dokan-store ul.products li.product a.woocommerce-LoopProduct-link,
body.movador-dokan-store .seller-items ul.products li.product a.woocommerce-LoopProduct-link,
body.movador-dokan-store ul.products li.product > a:first-child {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  color: inherit !important;
}

body.movador-dokan-store ul.products li.product img,
body.movador-dokan-store .seller-items ul.products li.product img,
body.movador-dokan-store .woocommerce ul.products li.product img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 0 10px !important;
  padding: 18px !important;
  display: block !important;
  background:
    radial-gradient(circle at 50% 22%, rgba(37, 99, 235, 0.045), transparent 34%),
    #f8fafc !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.movador-dokan-store ul.products li.product .woocommerce-loop-product__title,
body.movador-dokan-store ul.products li.product h2,
body.movador-dokan-store ul.products li.product h3,
body.movador-dokan-store .seller-items ul.products li.product .woocommerce-loop-product__title,
body.movador-dokan-store .seller-items ul.products li.product h2,
body.movador-dokan-store .seller-items ul.products li.product h3 {
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

body.movador-dokan-store ul.products li.product .woocommerce-loop-product__title:hover,
body.movador-dokan-store .seller-items ul.products li.product .woocommerce-loop-product__title:hover {
  color: #1d4ed8 !important;
}

body.movador-dokan-store ul.products li.product .star-rating,
body.movador-dokan-store .seller-items ul.products li.product .star-rating {
  margin: 8px 14px 0 !important;
  color: #f59e0b !important;
}

body.movador-dokan-store ul.products li.product .price,
body.movador-dokan-store .seller-items ul.products li.product .price {
  margin: 8px 0 0 !important;
  padding: 0 14px !important;
  display: block !important;
  color: #0f172a !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

body.movador-dokan-store ul.products li.product .price del,
body.movador-dokan-store .seller-items ul.products li.product .price del {
  color: #94a3b8 !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

body.movador-dokan-store ul.products li.product .price ins,
body.movador-dokan-store .seller-items ul.products li.product .price ins {
  color: #1d4ed8 !important;
  text-decoration: none !important;
}

body.movador-dokan-store ul.products li.product .button,
body.movador-dokan-store .seller-items ul.products li.product .button,
body.movador-dokan-store ul.products li.product a.button,
body.movador-dokan-store .seller-items ul.products li.product a.button,
body.movador-dokan-store ul.products li.product .added_to_cart,
body.movador-dokan-store .seller-items ul.products li.product .added_to_cart {
  width: calc(100% - 28px) !important;
  min-height: 38px !important;
  margin: 12px 14px 0 !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #0f172a !important;
  color: #ffffff !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  box-shadow: none !important;
  transition:
    transform 0.16s ease,
    background 0.16s ease,
    box-shadow 0.16s ease !important;
}

body.movador-dokan-store ul.products li.product .button:hover,
body.movador-dokan-store .seller-items ul.products li.product .button:hover,
body.movador-dokan-store ul.products li.product a.button:hover,
body.movador-dokan-store .seller-items ul.products li.product a.button:hover,
body.movador-dokan-store ul.products li.product .added_to_cart:hover,
body.movador-dokan-store .seller-items ul.products li.product .added_to_cart:hover {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 52%, #38bdf8 100%) !important;
  box-shadow: 0 12px 26px rgba(37, 99, 235, 0.24) !important;
}

body.movador-dokan-store span.onsale,
body.movador-dokan-store ul.products li.product .onsale,
body.movador-dokan-store .seller-items ul.products li.product .onsale {
  min-width: auto !important;
  min-height: 0 !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  margin: 0 !important;
  padding: 6px 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #ea580c !important;
  color: #ffffff !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.01em !important;
  box-shadow: 0 8px 18px rgba(234, 88, 12, 0.24) !important;
  z-index: 3 !important;
}


/* =====================================================
   9. Empty state + pagination
   ===================================================== */

body.movador-dokan-store .dokan-pagination-container,
body.movador-dokan-store nav.woocommerce-pagination {
  width: min(100%, 1640px) !important;
  margin: 28px auto 0 !important;
  padding: 0 24px !important;
}

body.movador-dokan-store .page-numbers {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

body.movador-dokan-store .page-numbers li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.movador-dokan-store .page-numbers a,
body.movador-dokan-store .page-numbers span {
  min-width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #334155 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

body.movador-dokan-store .page-numbers .current {
  background: #2563eb !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
}


/* =====================================================
   10. Store listing page
   Kept separate from public single store design.
   ===================================================== */

body.movador-dokan-store-listing {
  background:
    radial-gradient(circle at top left, rgba(37, 99, 235, 0.08), transparent 34%),
    linear-gradient(180deg, #f8fafc 0%, #ffffff 48%, #f8fafc 100%) !important;
}

body.movador-dokan-store-listing .dokan-seller-listing {
  width: min(100%, 1280px) !important;
  margin: 28px auto 70px !important;
  padding: 0 22px !important;
}

body.movador-dokan-store-listing .dokan-single-seller {
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07) !important;
  overflow: hidden !important;
  transition:
    transform 0.16s ease,
    box-shadow 0.16s ease,
    border-color 0.16s ease !important;
}

body.movador-dokan-store-listing .dokan-single-seller:hover {
  transform: translateY(-3px);
  border-color: rgba(37, 99, 235, 0.28) !important;
  box-shadow: 0 24px 52px rgba(15, 23, 42, 0.11) !important;
}

body.movador-dokan-store-listing .store-content {
  border-radius: 24px !important;
  overflow: hidden !important;
}




/* =====================================================
   11. Empty store search state
   Clean text-only message for no matching products.
   ===================================================== */

body.movador-dokan-store .movador-store-empty-state {
  width: 100% !important;
  min-height: clamp(250px, 31vh, 390px) !important;
  margin: 0 auto !important;
  padding: 48px 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.movador-dokan-store .movador-store-empty-message {
  max-width: 820px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  color: #0b2a4a !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  line-height: 1.22 !important;
  letter-spacing: -0.03em !important;
}

body.movador-dokan-store .movador-store-empty-message span {
  display: block !important;
  color: #0b2a4a !important;
  font-family: inherit !important;
  font-size: clamp(28px, 2.45vw, 38px) !important;
  font-weight: 400 !important;
  line-height: 1.22 !important;
  letter-spacing: -0.035em !important;
}

body.movador-dokan-store .movador-store-empty-message a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #1d4ed8 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font-family: inherit !important;
  font-size: clamp(16px, 1.2vw, 19px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.015em !important;
}

body.movador-dokan-store .movador-store-empty-message a:hover,
body.movador-dokan-store .movador-store-empty-message a:focus-visible {
  color: #38bdf8 !important;
  text-decoration: none !important;
  outline: none !important;
}


/* =====================================================
   12. Responsive
   ===================================================== */

@media (max-width: 1280px) {
  body.movador-dokan-store ul.products,
  body.movador-dokan-store .seller-items ul.products,
  body.movador-dokan-store .woocommerce ul.products {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 920px) {
  body.movador-dokan-store .profile-info-box {
    height: clamp(180px, 34vw, 280px) !important;
    min-height: clamp(180px, 34vw, 280px) !important;
  }

  body.movador-dokan-store .movador-store-toolbar {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 14px 0 !important;
  }

  body.movador-dokan-store .movador-store-identity,
  body.movador-dokan-store .movador-store-actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  body.movador-dokan-store .movador-store-product-search {
    width: 100% !important;
  }

  body.movador-dokan-store .movador-store-name {
    max-width: calc(100vw - 250px) !important;
    font-size: 18px !important;
  }

  body.movador-dokan-store .movador-store-follow {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 12px !important;
  }

  body.movador-dokan-store ul.products,
  body.movador-dokan-store .seller-items ul.products,
  body.movador-dokan-store .woocommerce ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  body.movador-dokan-store .dokan-profile-frame-wrapper,
  body.movador-dokan-store .seller-items,
  body.movador-dokan-store .dokan-pagination-container,
  body.movador-dokan-store nav.woocommerce-pagination {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.movador-dokan-store .profile-info-box {
    height: 185px !important;
    min-height: 185px !important;
  }

  body.movador-dokan-store .movador-store-toolbar {
    min-height: 0 !important;
    padding: 14px 0 !important;
  }

  body.movador-dokan-store .movador-store-identity {
    gap: 9px !important;
  }

  body.movador-dokan-store .profile-img {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    padding: 4px !important;
    border-radius: 16px !important;
  }

  body.movador-dokan-store .profile-img.profile-img-circle {
    border-radius: 16px !important;
  }

  body.movador-dokan-store .profile-img img {
    border-radius: 12px !important;
  }

  body.movador-dokan-store .movador-store-name {
    max-width: calc(100vw - 190px) !important;
    font-size: 17px !important;
  }

  body.movador-dokan-store .movador-store-follow {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 11px !important;
    font-size: 12px !important;
  }

  body.movador-dokan-store .movador-store-follow-heart {
    width: 16px !important;
    height: 16px !important;
  }

  body.movador-dokan-store .movador-store-actions {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  body.movador-dokan-store .movador-store-action,
  body.movador-dokan-store .movador-store-module-actions a,
  body.movador-dokan-store .movador-store-module-actions button,
  body.movador-dokan-store .movador-store-module-actions .dokan-btn,
  body.movador-dokan-store .movador-store-module-actions .dokan-btn-theme {
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 15px !important;
  }

  body.movador-dokan-store .seller-items {
    padding-top: 22px !important;
  }

  body.movador-dokan-store .movador-store-product-search {
    width: 100% !important;
    margin-bottom: 12px !important;
  }

  body.movador-dokan-store ul.products,
  body.movador-dokan-store .seller-items ul.products,
  body.movador-dokan-store .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body.movador-dokan-store ul.products li.product {
    border-radius: 16px !important;
  }

  body.movador-dokan-store ul.products li.product img,
  body.movador-dokan-store .seller-items ul.products li.product img,
  body.movador-dokan-store .woocommerce ul.products li.product img {
    padding: 12px !important;
  }

  body.movador-dokan-store ul.products li.product .woocommerce-loop-product__title,
  body.movador-dokan-store ul.products li.product h2,
  body.movador-dokan-store ul.products li.product h3,
  body.movador-dokan-store .seller-items ul.products li.product .woocommerce-loop-product__title,
  body.movador-dokan-store .seller-items ul.products li.product h2,
  body.movador-dokan-store .seller-items ul.products li.product h3 {
    padding: 0 11px !important;
    font-size: 13px !important;
  }

  body.movador-dokan-store ul.products li.product .price,
  body.movador-dokan-store .seller-items ul.products li.product .price {
    padding: 0 11px !important;
    font-size: 15px !important;
  }

  body.movador-dokan-store ul.products li.product .button,
  body.movador-dokan-store .seller-items ul.products li.product .button,
  body.movador-dokan-store ul.products li.product a.button,
  body.movador-dokan-store .seller-items ul.products li.product a.button,
  body.movador-dokan-store ul.products li.product .added_to_cart,
  body.movador-dokan-store .seller-items ul.products li.product .added_to_cart {
    width: calc(100% - 22px) !important;
    margin-left: 11px !important;
    margin-right: 11px !important;
  }
}

@media (max-width: 420px) {
  body.movador-dokan-store ul.products,
  body.movador-dokan-store .seller-items ul.products,
  body.movador-dokan-store .woocommerce ul.products {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 680px) {
  body.movador-dokan-store .movador-store-empty-state {
    min-height: 240px !important;
    padding: 28px 18px !important;
  }

  body.movador-dokan-store .movador-store-empty-message {
    font-size: 23px !important;
    letter-spacing: -0.025em !important;
  }
}