/*
Theme Name: WoodMart Child - Dachi Collection
Theme URI: https://dachicollection.com
Description: Child theme for Dachi Collection (WoodMart). Saari customizations yahan karo taake parent theme update safe rahe.
Author: Mustafa Yamin
Author URI: https://dachicollection.com
Template: woodmart
Version: 1.0.0
Text Domain: woodmart-child-dachi
*/

/* Apni custom CSS yahan likho */

/* ============================================================
   FIX 1: "Shop The Mood" promo cards — sirf image zoom, card lift nahi
   ============================================================ */
.promo-card { transform: none !important; }
.promo-card:hover { transform: none !important; box-shadow: 0 10px 34px rgba(0,0,0,.10) !important; }
.promo-img { position: relative; overflow: hidden; }
.promo-bg {
  position: absolute; inset: 0; z-index: 1;
  background-size: cover; background-position: center top;
  transition: transform .6s cubic-bezier(.25,1,.35,1);
}
.promo-card:hover .promo-bg { transform: scale(1.08); }
.promo-badge, .promo-shade, .promo-text { z-index: 2; }

/* ============================================================
   FIX 2: Hero slider — har panel mein product-focused close-up image
   (poori girl ki jagah sirf product dikhega)
   ============================================================ */
#dachiPanels .dachi-panel:nth-child(1) {
  background-position: center 25% !important;
} /* Kurtis: embroidery close-up */
#dachiPanels .dachi-panel:nth-child(3) {
  background-position: center 30% !important;
} /* Festive: dress details */
#dachiPanels .dachi-panel:nth-child(4) {
  background-position: center !important;
} /* Trousers: trouser close-up */
#dachiPanels .dachi-panel:nth-child(5) {
  background-position: center !important;
} /* Bag: handbag close-up */
#dachiPanels .dachi-panel:nth-child(6) {
  background-position: center 30% !important;
}@media (max-width: 768px) {
  .dachi-hero .dachi-panels {
    display: flex !important; gap: 6px !important;
    height: 62vh !important; min-height: 420px !important;
    padding: 0 8px !important; overflow: hidden !important;
  }
  .dachi-hero .dachi-panel {
    flex: 1 !important; min-width: 0 !important;
    border-radius: 14px !important;
    transition: flex 0.6s cubic-bezier(0.25, 1, 0.35, 1) !important;
  }
  .dachi-hero .dachi-panel.active { flex: 4.2 !important; }
  .dachi-hero .dachi-panel .v-label {
    display: block !important; left: 50% !important; bottom: 18px !important;
    transform: translateX(-50%) rotate(180deg) !important;
    writing-mode: vertical-rl !important;
    font-size: 13px !important; letter-spacing: 2px !important;
  }
  .dachi-hero .dachi-panel.active .v-label { opacity: 0 !important; }
  .dachi-hero .dachi-panel .p-content {
    left: 16px !important; right: 16px !important; bottom: 20px !important;
    opacity: 0 !important; transform: translateY(18px) !important;
    pointer-events: none !important;
  }
  .dachi-hero .dachi-panel.active .p-content {
    opacity: 1 !important; transform: translateY(0) !important;
    pointer-events: auto !important;
  }
  .dachi-hero .dachi-panel .p-title {
    font-size: 26px !important; font-weight: 800 !important;
    white-space: nowrap !important;
  }
  .dachi-hero .dachi-panel .p-sub { display: none !important; }
  .dachi-hero .dachi-panel .p-btn {
    padding: 12px 26px !important; font-size: 12px !important;
    white-space: nowrap !important;
  }
}
/* Refund page title banner: checkout-band damask texture + white heading only (page ID 6610) */
body.page-id-6610 .page-title {
  background-color: #e8641b;
  background-image: url("https://staging.dachicollection.com/wp-content/uploads/2026/10/media-generation-steps-band-texture-themeorange-0-c2d664d6-88be-4886-955f-b6b9f75306a2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
body.page-id-6610 .page-title .entry-title,
body.page-id-6610 .page-title .title,
body.page-id-6610 .page-title h1 {
  color: #ffffff !important;
}
body.page-id-6610 .page-title .breadcrumbs,
body.page-id-6610 .page-title .breadcrumbs a {
  color: #ffffff !important;
}
body.page-id-6610 .page-title .breadcrumbs .current {
  color: rgba(255, 255, 255, 0.7) !important;
}