/* YITH Wishlist Styling — VitiligoMart Brand Colors */
body.woocommerce-wishlist {
  background-color: #FAF5E5;
  color: #1a1a2e;
}

.woocommerce-wishlist table,
.woocommerce-wishlist th,
.woocommerce-wishlist td {
  background-color: #FEFCF7;
  color: #1a1a2e;
  border-color: #e8e2d4;
}

.woocommerce-wishlist a {
  color: #008080;
}

.woocommerce-wishlist a:hover {
  color: #0f3460;
}

.woocommerce-wishlist button,
.woocommerce-wishlist .button {
  background-color: #0f3460;
  color: #fff;
  border: none;
  border-radius: 100px;
  transition: 0.2s;
}

.woocommerce-wishlist button:hover,
.woocommerce-wishlist .button:hover {
  background-color: #008080;
  color: #fff;
}

/* Handle Dark Mode Automatically */
[data-theme="dark"] body.woocommerce-wishlist {
  background-color: var(--ast-global-color-0);
  color: var(--ast-global-color-1);
}

[data-theme="dark"] .woocommerce-wishlist table,
[data-theme="dark"] .woocommerce-wishlist th,
[data-theme="dark"] .woocommerce-wishlist td {
  background-color: var(--ast-global-color-2);
  color: var(--ast-global-color-1);
  border-color: var(--ast-global-color-3);
}


/* =============================================
   Product Carousel Image Fix
   Ensures all product images display at a
   consistent height with object-fit: cover
   so no blank space or stretched images
   ============================================= */
.e-n-carousel .elementor-widget-image img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 300px;
  display: block;
}

.e-n-carousel .elementor-widget-container {
  overflow: hidden;
  height: 300px;
}

/* === VM Header/Footer: Hide old Astra default header and old Elementor header/footer === */
header.ast-custom-header { display: none !important; }
.elementor-location-header.elementor-3255 { display: none !important; }
.elementor-location-footer.elementor-2593 { display: none !important; }

/* === VM6 Header CSS === */
.vm6-header{background:rgba(255,253,248,.95);border-bottom:1px solid #e8e0d5;position:sticky;top:0;z-index:1000;backdrop-filter:blur(20px)}
.vm6-header-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 40px}
.vm6-logo{font-family:Georgia,serif;font-size:24px;font-weight:700;letter-spacing:2px;color:#1a0a00;text-decoration:none}
.vm6-logo span{color:#64c8dc}
.vm6-nav{display:flex;gap:28px;align-items:center}
.vm6-nav a{font-size:14px;font-weight:500;color:#6b5e52;position:relative;text-decoration:none;transition:color .2s}
.vm6-nav a:hover{color:#0f3460}
.vm6-nav a::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#64c8dc;transition:width .3s}
.vm6-nav a:hover::after{width:100%}
.vm6-nav-icons{display:flex;align-items:center;gap:16px;margin-left:12px}
.vm6-nav-icon{background:none;border:none;cursor:pointer;padding:4px;color:#6b5e52;display:flex;align-items:center;text-decoration:none;transition:color .2s}
.vm6-nav-icon:hover{color:#0f3460}
.vm6-nav-icon svg{width:20px;height:20px}
.vm6-hamburger{display:none;background:none;border:none;cursor:pointer;padding:4px;color:#1a0a00}
.vm6-hamburger svg{width:22px;height:22px}
.vm6-search-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;align-items:center;justify-content:center}
.vm6-search-overlay.active{display:flex}
.vm6-search-box{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:560px;margin:0 20px;display:flex;gap:12px}
.vm6-search-box input{flex:1;border:1.5px solid #e8e0d5;border-radius:10px;padding:12px 16px;font-size:15px;outline:none;font-family:inherit}
.vm6-search-box input:focus{border-color:#64c8dc}
.vm6-search-box button{background:#0f3460;color:#fff;border:none;padding:12px 28px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s}
.vm6-mobile-menu{display:none;position:fixed;inset:0;z-index:2000;pointer-events:none}
.vm6-mobile-menu.open{pointer-events:all}
.vm6-mobile-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s}
.vm6-mobile-menu.open .vm6-mobile-backdrop{opacity:1}
.vm6-mobile-panel{position:absolute;top:0;right:0;width:280px;height:100%;background:#fff;box-shadow:-8px 0 40px rgba(0,0,0,.15);transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto}
.vm6-mobile-menu.open .vm6-mobile-panel{transform:translateX(0)}
.vm6-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #e8e0d5}
.vm6-mobile-logo{font-family:Georgia,serif;font-size:20px;font-weight:700;letter-spacing:2px;color:#1a0a00}
.vm6-mobile-logo span{color:#64c8dc}
.vm6-mobile-close{background:none;border:none;cursor:pointer;padding:4px;color:#6b5e52}
.vm6-mobile-close svg{width:22px;height:22px}
.vm6-mobile-nav{padding:16px 0;flex:1}
.vm6-mobile-nav a{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;font-size:15px;font-weight:500;color:#1a0a00;border-bottom:1px solid #f0ebe4;text-decoration:none;transition:background .2s}
.vm6-mobile-nav a:hover{background:#f9f6f2}
.vm6-mobile-footer{padding:20px 24px;border-top:1px solid #e8e0d5}
.vm6-mobile-footer a{display:block;text-align:center;background:#0f3460;padding:13px;border-radius:100px;font-size:14px;font-weight:600;color:#fff!important;text-decoration:none}
@media(max-width:768px){.vm6-nav{display:none}.vm6-hamburger{display:block}.vm6-header-inner{padding:12px 20px}}

/* === VM6 Footer CSS === */
.vm6-footer{background:#1a0a00;color:rgba(255,255,255,.6);padding:80px 40px 40px}
.vm6-footer-inner{max-width:1280px;margin:0 auto}
.vm6-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:60px}
.vm6-footer-brand .vm6-logo{color:#fff;margin-bottom:16px;display:block}
.vm6-footer-brand p{font-size:14px;line-height:1.7;max-width:280px}
.vm6-fcol h4{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:20px}
.vm6-fcol ul{list-style:none;padding:0;margin:0}
.vm6-fcol ul li{margin-bottom:12px}
.vm6-fcol ul li a{font-size:14px;color:rgba(255,255,255,.6);text-decoration:none;transition:color .2s}
.vm6-fcol ul li a:hover{color:#64c8dc}
.vm6-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:28px;display:flex;justify-content:space-between;font-size:13px}
.vm6-fsocial{display:flex;gap:16px}
.vm6-fsocial a{color:rgba(255,255,255,.5);font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}
.vm6-fsocial a:hover{color:#64c8dc}
@media(max-width:1024px){.vm6-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.vm6-footer-grid{grid-template-columns:1fr}}

/* Hide inline header/footer inside homepage content - replaced by global hook */


/* === LOGO CONSISTENCY FIX ===
   Same font/style throughout, colour adapts to background */

/* Remove teal split on MART span — whole logo inherits parent colour */
.vm6-logo span { color: inherit !important; }

/* Header logo: rust/terracotta on light background */
header.vm6-header .vm6-logo { color: #b85450 !important; }

/* Footer logo: white on dark background */
footer.vm6-footer .vm6-logo { color: #ffffff !important; }

/* Mobile menu logo: same rust as header */
.vm6-mobile-logo,
.vm6-mobile-logo span { color: #b85450 !important; }

/* Hide Astra VM Header hook on homepage only - custom HTML header handles it */

/* Fix homepage full-width layout */
.ast-page-builder-template article.ast-article-single {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.ast-page-builder-template .entry-content {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}
.ast-page-builder-template .sp-fullbreak,
.ast-page-builder-template .pw-section,
.ast-page-builder-template .rp-section,
.ast-page-builder-template .br-section,
.ast-page-builder-template .dp-section,
.ast-page-builder-template .sh-section,
.ast-page-builder-template .br2-section,
.ast-page-builder-template .lwv-section {
  left: 0 !important;
  right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}
.sp-label {
  display: none !important;
}

/* ── Visual Enhancements ── */

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Header scroll shadow */
.vm6-header.scrolled {
  box-shadow: 0 2px 20px rgba(0,0,0,.08);
}

/* Card hover effects — article cards */
.rp-card,
.dp-card,
.lwv-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.rp-card:hover,
.dp-card:hover,
.lwv-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(0,0,0,.10);
}

/* Featured article cards */
.rp-featured,
.dp-featured {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.rp-featured:hover,
.dp-featured:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(0,0,0,.10);
}

/* Pathway cards hover */
.pw-card {
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.pw-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 40px rgba(0,0,0,.15);
}

/* Shop category cards */
.sh-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.sh-card:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 12px 32px rgba(0,0,0,.18);
}

/* CTA button hover polish */
.sp-slide a,
.pw-section a,
.rp-section a,
.dp-section a,
.sh-section a,
.lwv-section a {
  transition: all 0.25s ease;
}

/* Image placeholder backgrounds — prevents blank white during lazy load */
.rp-card-img img,
.sh-card img,
.rp-featured img,
.dp-featured img {
  background: linear-gradient(135deg, #f0f0f0 0%, #e8e8e8 100%);
  min-height: 180px;
  object-fit: cover;
}
/* Prevent emoji images from being stretched in cards */
img.emoji {
  min-height: auto !important;
  height: 1em !important;
  width: 1em !important;
  vertical-align: -0.1em !important;
}

/* Stats counter visual boost */
.pw-stats {
  margin-top: 60px;
}
.pw-stat-number {
  letter-spacing: -0.02em;
}

/* Footer social icons hover */
.vm6-footer a[href*="instagram"]:hover,
.vm6-footer a[href*="facebook"]:hover,
.vm6-footer a[href*="x.com"]:hover,
.vm6-footer a[href*="twitter"]:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

/* Scroll-to-top button refinement */
.scroll-to-top {
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.scroll-to-top:hover {
  transform: translateY(-3px);
}

/* Browse all products button */
a[href*="/shop/"].sp-btn-outline:hover {
  background: rgba(255,255,255,.08);
}

/* Section divider lines — subtle elegance */
.rp-divider,
.dp-divider,
.lwv-divider {
  opacity: 0.3;
}

/* Improve quote banner readability */
.br-section,
.br2-section {
  text-shadow: 0 2px 20px rgba(0,0,0,.2);
}

/* ===== CATEGORY ARCHIVE PAGE REDESIGN ===== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600;700&display=swap');

/* Hero banner for all category archives */
.category .ast-archive-description {
  background: linear-gradient(135deg, #0f3460 0%, #1a5080 60%, #008080 100%);
  padding: 60px 56px 52px !important;
  margin-bottom: 32px;
  border-radius: 0;
  position: relative;
  overflow: hidden;
}
.category .ast-archive-description::before {
  content: '';
  position: absolute;
  top: -60%; right: -20%;
  width: 500px; height: 500px;
  border-radius: 50%;
  background: rgba(255,255,255,0.03);
  pointer-events: none;
}
.category .ast-archive-description::after {
  content: '';
  position: absolute;
  bottom: -40%; left: -10%;
  width: 400px; height: 400px;
  border-radius: 50%;
  background: rgba(100,200,220,0.04);
  pointer-events: none;
}

/* Category title */
.category .ast-archive-description .ast-archive-title,
.category .ast-archive-description h1 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: 0.5px;
  margin-bottom: 14px !important;
  line-height: 1.2 !important;
  position: relative;
  z-index: 1;
}

/* Category description */
.category .ast-archive-description p,
.category .ast-archive-description .taxonomy-description p {
  font-family: 'DM Sans', 'Segoe UI', sans-serif !important;
  font-size: 16px !important;
  color: rgba(255,255,255,0.82) !important;
  max-width: 600px;
  line-height: 1.65 !important;
  margin-bottom: 0 !important;
  position: relative;
  z-index: 1;
}

/* Specific gradients per category */
.category-depigmentation .ast-archive-description {
  background: linear-gradient(135deg, #0f3460 0%, #2a2040 50%, #4a2040 100%) !important;
}
.category-repigmentation .ast-archive-description {
  background: linear-gradient(135deg, #0f3460 0%, #1a3a6a 50%, #3D5C40 100%) !important;
}
.category-daily-care .ast-archive-description,
.category-living-with-vitiligo .ast-archive-description {
  background: linear-gradient(135deg, #0f3460 0%, #1a5080 60%, #008080 100%) !important;
}
.category-monobenzone-treatment .ast-archive-description {
  background: linear-gradient(135deg, #3D5C40 0%, #2a3a30 50%, #1a2520 100%) !important;
}
.category-clinic-options .ast-archive-description {
  background: linear-gradient(135deg, #0f3460 0%, #1a4a70 60%, #0f3460 100%) !important;
}
.category-home-options .ast-archive-description {
  background: linear-gradient(135deg, #008080 0%, #006060 50%, #0f3460 100%) !important;
}
.category-decision .ast-archive-description {
  background: linear-gradient(135deg, #A07050 0%, #7a5040 50%, #0f3460 100%) !important;
}
.category-camouflage .ast-archive-description {
  background: linear-gradient(135deg, #8a5a80 0%, #5a3a60 50%, #0f3460 100%) !important;
}
.category-confidence .ast-archive-description {
  background: linear-gradient(135deg, #008080 0%, #006868 50%, #004848 100%) !important;
}
.category-post-depigmentation-maintenance .ast-archive-description {
  background: linear-gradient(135deg, #3D5C40 0%, #2a4a30 50%, #0f3460 100%) !important;
}

/* Article cards on archive pages */
.category article.post {
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.category article.post:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

/* Post card category tags */
.category .ast-blog-single-element .cat-links a {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 3px 10px;
  border-radius: 12px;
  background: rgba(15,52,96,0.08);
  color: #0f3460;
  transition: all 0.2s;
}
.category .ast-blog-single-element .cat-links a:hover {
  background: rgba(0,128,128,0.1);
  color: #008080;
}


/* Extra padding safety for archive hero */
.category .ast-archive-description .ast-archive-title,
.category .ast-archive-description h1 {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.category .ast-archive-description .taxonomy-description {
  padding-bottom: 8px !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .category .ast-archive-description {
    padding: 44px 32px 36px !important;
  }
  .category .ast-archive-description .ast-archive-title,
  .category .ast-archive-description h1 {
    font-size: 28px !important;
  }
  .category .ast-archive-description p,
  .category .ast-archive-description .taxonomy-description p {
    font-size: 14px !important;
  }
}
@media (max-width: 480px) {
  .category .ast-archive-description {
    padding: 32px 24px 28px !important;
  }
  .category .ast-archive-description .ast-archive-title,
  .category .ast-archive-description h1 {
    font-size: 24px !important;
  }
}
/* ===== END CATEGORY ARCHIVE REDESIGN ===== */




/* ===== LOGO — DM Sans Regular Two-Color ===== */

/* Homepage vm6 header logo */
.vm6-wrap .vm6-header a.vm6-logo,
.vm6-wrap a.vm6-logo,
a.vm6-logo,
.vm6-logo {
  font-family: 'DM Sans', 'Segoe UI', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 8px !important;
  text-transform: uppercase !important;
  font-size: 22px !important;
  color: #0f3460 !important;
  -webkit-text-fill-color: #0f3460 !important;
}
.vm6-wrap .vm6-header a.vm6-logo span,
.vm6-wrap a.vm6-logo span,
a.vm6-logo span,
.vm6-logo span {
  color: #008080 !important;
  -webkit-text-fill-color: #008080 !important;
}

/* Mobile menu logo */
.vm6-mobile-logo {
  font-family: 'DM Sans', 'Segoe UI', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 6px !important;
  font-size: 18px !important;
  color: #0f3460 !important;
  -webkit-text-fill-color: #0f3460 !important;
}
.vm6-mobile-logo span {
  color: #008080 !important;
  -webkit-text-fill-color: #008080 !important;
}

/* Footer logo on dark bg */
.vm6-footer .vm6-logo,
.vm6-footer-brand .vm6-logo {
  color: #7ab0e0 !important;
  -webkit-text-fill-color: #7ab0e0 !important;
}
.vm6-footer .vm6-logo span,
.vm6-footer-brand .vm6-logo span {
  color: #5dcaa5 !important;
  -webkit-text-fill-color: #5dcaa5 !important;
}

/* Astra header (category/post/shop pages) */
.ast-site-identity .custom-logo-link {
  display: none !important;
}
.ast-site-identity .ast-site-title-wrap,
.ast-site-identity .site-title {
  display: block !important;
  visibility: visible !important;
  clip: unset !important;
  clip-path: none !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
}
.site-title a,
.ast-site-identity .site-title a,
#masthead .site-title a,
.main-header-bar .site-title a {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 22px !important;
  letter-spacing: 8px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  background: linear-gradient(90deg, #0f3460 0%, #0f3460 58.5%, #008080 58.5%, #008080 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: #0f3460 !important;
}

/* Mobile Astra */
@media (max-width: 921px) {
  .site-title a,
  .ast-site-identity .site-title a {
    font-size: 18px !important;
    letter-spacing: 6px !important;
  }
}
@media (max-width: 544px) {
  .site-title a,
  .ast-site-identity .site-title a {
    font-size: 15px !important;
    letter-spacing: 5px !important;
  }
  .vm6-logo {
    font-size: 16px !important;
    letter-spacing: 5px !important;
  }
}
/* ===== END LOGO ===== */

/* ===== LOGO CENTERING FIX ===== */
body .vm6-logobar-inner a.vm6-logo {
  justify-self: center !important;
  background-position: center center !important;
}
/* ===== END LOGO CENTERING FIX ===== */

/* ===== MOBILE LOGO CENTERING FIX ===== */
@media (max-width: 768px) {
  body .vm6-logobar-inner {
    grid-template-columns: 40px 1fr 80px !important;
    padding: 14px 12px !important;
  }
  body .vm6-logobar-inner a.vm6-logo {
    width: 100% !important;
    max-width: 160px !important;
    height: 28px !important;
    justify-self: center !important;
    background-position: center center !important;
    background-size: contain !important;
  }
  body .vm6-logobar-side.right {
    width: 80px !important;
    gap: 4px !important;
  }
}
/* ===== END MOBILE LOGO CENTERING FIX ===== */

/* ===== FOOTER LOGO IMAGE ===== */
.vm6-footer-brand .vm6-logo {
  font-size: 0 !important;
  color: transparent !important;
  display: block !important;
  width: 200px !important;
  height: 28px !important;
  background: url('https://vitiligomart.com/wp-content/uploads/2026/04/vitiligomart-logo-optima.png') no-repeat left center !important;
  background-size: contain !important;
  filter: brightness(0) invert(1) !important;
  margin-bottom: 16px !important;
}
.vm6-footer-brand .vm6-logo span {
  font-size: 0 !important;
  color: transparent !important;
}
/* ===== END FOOTER LOGO IMAGE ===== */

/* ===== HIDE HERO SLIDER ARROWS ===== */
.sp-arrow.sp-prev,
.sp-arrow.sp-next {
  display: none !important;
}
/* ===== END HIDE HERO SLIDER ARROWS ===== */