/*
Theme Name: Gunjan Divi Conversion Child
Theme URI: https://gunjanhairclips.com/
Description: Update-safe conversion and shopping-experience improvements for the Divi parent theme.
Author: Gunjan Hair Clips
Template: Divi
Version: 1.0.0
Text Domain: gunjan-divi-conversion-child
WPVibe: yes
*/

/* Gunjan Hair Clips — refined Korean jewel-box commerce */
:root{
  --ghc-plum:#3D1F3D;
  --ghc-wine:#5C3A4E;
  --ghc-mauve:#8B5A6B;
  --ghc-rose:#B76E79;
  --ghc-dusty:#C98A93;
  --ghc-blush:#D49CA3;
  --ghc-pink:#E8B4B8;
  --ghc-pale:#F0CDD0;
  --ghc-soft:#F6E3E0;
  --ghc-cream:#FDF6F0;
  --ghc-serif:"Cormorant Garamond",Georgia,serif;
  --ghc-sans:"DM Sans",sans-serif;
  --ghc-shadow:0 18px 45px -28px rgba(61,31,61,.45);
}
html{scroll-behavior:smooth;overflow-x:clip}
body{overflow-x:clip}
:focus-visible{outline:3px solid rgba(183,110,121,.55)!important;outline-offset:3px}

/* Mobile hero: keep the product, name, price and CTA visible */
@media(max-width:767px){
  .ghc-hero-slider{height:440px!important;background:var(--ghc-cream)!important}
  .ghc-hero-slider .ghc-hs-slide img{object-position:center 35%!important}
  .ghc-hero-slider .ghc-hs-overlay{
    display:flex!important;
    top:auto!important;left:0!important;right:0!important;bottom:0!important;
    width:100%!important;min-width:0!important;
    min-height:47%!important;padding:72px 22px 42px!important;
    justify-content:flex-end!important;align-items:flex-start!important;
    background:linear-gradient(0deg,rgba(61,31,61,.92) 0%,rgba(61,31,61,.72) 62%,rgba(61,31,61,0) 100%)!important
  }
  .ghc-hero-slider .ghc-hs-eyebrow{font-size:10px!important;margin-bottom:6px!important}
  .ghc-hero-slider .ghc-hs-title{
    font-size:27px!important;line-height:1.08!important;margin:0 0 5px!important;
    max-width:92%!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
  }
  .ghc-hero-slider .ghc-hs-price{font-size:14px!important;margin:0 0 12px!important}
  .ghc-hero-slider .ghc-hs-cta{
    padding:10px 20px!important;border-radius:999px!important;
    font-size:11px!important;font-weight:600!important;letter-spacing:.09em!important;text-transform:uppercase
  }
  .ghc-hero-slider .ghc-hs-dots{bottom:14px!important}
}

/* Full-width ticker without mobile horizontal overflow */
.ghc-pc-ticker,.ghc-cat-ticker{max-width:100vw!important;box-sizing:border-box!important}
@media(max-width:820px){
  .ghc-pc-ticker{
    width:100%!important;left:auto!important;right:auto!important;
    margin-left:0!important;margin-right:0!important
  }
  body.tax-product_cat #page-container,
  body.product_tag #page-container{overflow-x:hidden!important}
}

/* Category storytelling */
.ghc-cro-archive-hero{
  max-width:1180px;margin:0 auto;padding:32px 22px 27px;
  display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:32px;align-items:end
}
.ghc-cro-archive-kicker{
  margin:0 0 6px;font-family:var(--ghc-sans);font-size:11px;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;color:var(--ghc-rose)
}
.ghc-cro-archive-hero h1{
  margin:0 0 8px;font-family:var(--ghc-serif);font-size:44px;line-height:1;
  font-weight:500;color:var(--ghc-plum)
}
.ghc-cro-archive-copy{
  margin:0;max-width:680px;font-family:var(--ghc-sans);font-size:14px;
  line-height:1.7;color:var(--ghc-wine)
}
.ghc-cro-archive-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.ghc-cro-archive-chip{
  display:inline-flex;align-items:center;gap:7px;padding:8px 13px;
  border:1px solid var(--ghc-pale);border-radius:999px;background:#fff;
  font-family:var(--ghc-sans);font-size:11px;font-weight:500;color:var(--ghc-plum);white-space:nowrap
}
.ghc-cro-archive-chip:before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--ghc-rose);
  box-shadow:0 0 0 4px rgba(183,110,121,.12)
}
@media(max-width:700px){
  .ghc-cro-archive-hero{display:block;padding:23px 16px 19px}
  .ghc-cro-archive-hero h1{font-size:34px}
  .ghc-cro-archive-copy{font-size:13px;line-height:1.6}
  .ghc-cro-archive-chips{justify-content:flex-start;margin-top:15px;gap:6px}
  .ghc-cro-archive-chip{font-size:10px;padding:7px 10px}
}

/* Faster, clearer catalogue cards */
.et_pb_shop .woocommerce[class*="columns-"]{
  columns:auto!important;column-count:initial!important;column-width:auto!important
}
body.woocommerce ul.products,
body.woocommerce-page ul.products,
.et_pb_shop ul.products{
  float:none!important;clear:both!important;width:100%!important;max-width:1180px!important;box-sizing:border-box!important;
  columns:auto!important;column-count:initial!important;column-width:auto!important
}
body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product{
  opacity:1!important;transform:none!important;box-shadow:var(--ghc-shadow)
}
body.woocommerce ul.products li.product .et_shop_image,
body.woocommerce ul.products li.product .et_shop_image img{
  aspect-ratio:1/1!important
}
body.woocommerce ul.products li.product .et_shop_image img,
body.woocommerce-page ul.products li.product .et_shop_image img{
  object-fit:cover!important;filter:brightness(1.05) contrast(1.07) saturate(1.05)!important
}
body.woocommerce ul.products li.product:hover .et_shop_image img,
body.woocommerce-page ul.products li.product:hover .et_shop_image img{
  filter:brightness(1.05) contrast(1.07) saturate(1.05)!important
}
li.product h2.woocommerce-loop-product__title,
li.product h3.woocommerce-loop-product__title{
  min-height:3.05em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden
}
.ghc-cro-card-proof{
  display:flex;flex-wrap:wrap;gap:6px;padding:10px 20px 0;
  font-family:var(--ghc-sans);font-size:10px;line-height:1.3;color:var(--ghc-wine)
}
.ghc-cro-card-proof span{
  display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:var(--ghc-soft)
}
.ghc-cro-low-stock{
  display:block;padding:7px 20px 0;font-family:var(--ghc-sans);
  font-size:11px;font-weight:500;color:var(--ghc-rose)
}
body.woocommerce ul.products li.product a.button,
body.woocommerce ul.products li.product a.add_to_cart_button{
  background:var(--ghc-mauve)!important;border-color:var(--ghc-mauve)!important;color:#fff!important;
  box-shadow:0 8px 20px -14px rgba(61,31,61,.8)
}
body.woocommerce ul.products li.product a.button:hover,
body.woocommerce ul.products li.product a.add_to_cart_button:hover{
  background:var(--ghc-plum)!important;border-color:var(--ghc-plum)!important;color:#fff!important
}
body.woocommerce-shop.woocommerce-shop #page-container ul.products li.product .ghc-view-btn,
body.tax-product_cat.tax-product_cat #page-container ul.products li.product .ghc-view-btn{
  display:block!important;width:calc(100% - 28px)!important;margin:12px 14px 16px!important;
  padding:12px 14px!important;background:var(--ghc-mauve)!important;border:1px solid var(--ghc-mauve)!important;
  color:#fff!important;border-radius:999px!important;font-weight:600!important
}
body.woocommerce-shop.woocommerce-shop #page-container ul.products li.product .ghc-view-btn:hover,
body.tax-product_cat.tax-product_cat #page-container ul.products li.product .ghc-view-btn:hover{
  background:var(--ghc-plum)!important;border-color:var(--ghc-plum)!important;color:#fff!important
}
@media(max-width:820px){
  body.woocommerce ul.products,
  body.woocommerce-page ul.products{gap:18px 10px!important}
  body.woocommerce ul.products li.product,
  body.woocommerce-page ul.products li.product{border-radius:14px!important}
  li.product h2.woocommerce-loop-product__title,
  li.product h3.woocommerce-loop-product__title{min-height:2.8em!important;font-size:16px!important}
  .ghc-cro-card-proof{padding:8px 12px 0;font-size:9px;gap:4px}
  .ghc-cro-card-proof span{padding:4px 6px}
  .ghc-cro-low-stock{padding:6px 12px 0;font-size:10px}
}

/* Product detail reassurance and stronger purchase actions */
.single-product .product_title{
  font-family:var(--ghc-serif)!important;font-size:40px!important;line-height:1.05!important;
  font-weight:500!important;color:var(--ghc-plum)!important
}
.single-product span.onsale{
  background:var(--ghc-rose)!important;color:#fff!important;border-radius:999px!important;
  min-width:auto!important;min-height:auto!important;line-height:1!important;padding:9px 16px!important
}
.single-product #shiprocket_pincode_check{
  display:inline-block!important;width:calc(100% - 146px)!important;min-width:180px!important;height:46px!important;
  margin:0!important;padding:10px 16px!important;border:1px solid var(--ghc-pale)!important;
  border-radius:999px!important;background:#fff!important;font-family:var(--ghc-sans)!important;font-size:13px!important
}
.single-product #check_pincode{
  display:inline-block!important;width:136px!important;height:46px!important;margin:0 0 0 6px!important;padding:10px 12px!important;
  border:1px solid var(--ghc-mauve)!important;border-radius:999px!important;background:var(--ghc-mauve)!important;
  color:#fff!important;font-family:var(--ghc-sans)!important;font-size:11px!important;font-weight:600!important;
  letter-spacing:.06em!important;text-transform:uppercase!important;vertical-align:top!important
}
.single-product #check_pincode:hover{background:var(--ghc-plum)!important;border-color:var(--ghc-plum)!important}
.single-product #pincode_response{font-family:var(--ghc-sans);font-size:12px;color:var(--ghc-wine);margin-top:5px}
.single-product .summary .ghc-badges{position:static!important;margin:14px 0!important}
.single-product .summary .ghc-badges .ghc-badge{
  position:static!important;inset:auto!important;box-shadow:none!important;
  background:var(--ghc-soft)!important;color:var(--ghc-plum)!important;
  font-size:11px!important;letter-spacing:.01em!important;text-transform:none!important;padding:8px 12px!important
}
.ghc-cro-proofline{
  display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 17px;padding:11px 0;
  border-top:1px solid var(--ghc-pale);border-bottom:1px solid var(--ghc-pale);
  font-family:var(--ghc-sans);font-size:11px;color:var(--ghc-wine)
}
.ghc-cro-proofline span{display:inline-flex;align-items:center;gap:6px}
.ghc-cro-proofline span:before{content:"✓";color:var(--ghc-rose);font-weight:700}
.single-product form.cart .single_add_to_cart_button,
.single-product form.cart .ghc-cro-buy-now{
  min-height:50px!important;border-radius:999px!important;padding:14px 24px!important;
  font-family:var(--ghc-sans)!important;font-size:12px!important;font-weight:600!important;
  letter-spacing:.1em!important;text-transform:uppercase!important;box-shadow:none!important
}
.single-product form.cart .single_add_to_cart_button{
  background:var(--ghc-plum)!important;border-color:var(--ghc-plum)!important;color:#fff!important
}
.single-product form.cart .ghc-cro-buy-now{
  margin-left:9px;background:var(--ghc-rose)!important;border:1px solid var(--ghc-rose)!important;color:#fff!important
}
.single-product form.cart .ghc-cro-buy-now:hover{background:var(--ghc-mauve)!important;border-color:var(--ghc-mauve)!important}
.single-product .ghc-wishlist-btn{border-radius:50%!important;width:50px!important;height:50px!important;margin-left:9px!important}
.single-product .ghc-trust-strip{gap:10px!important}
.single-product .ghc-trust-item{background:#fff!important;border-color:var(--ghc-pale)!important}
.single-product .woocommerce-tabs .ghc-accordion-header{
  background:#fff!important;border-bottom:1px solid var(--ghc-pale)!important;padding:16px 4px!important
}
@media(max-width:600px){
  .single-product form.cart{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .single-product form.cart .quantity{flex:0 0 70px}
  .single-product form.cart .single_add_to_cart_button{flex:1 1 calc(100% - 78px)!important}
  .single-product form.cart .ghc-cro-buy-now{order:3;flex:1 1 calc(100% - 60px)!important;margin-left:0!important}
  .single-product .ghc-wishlist-btn{order:4;margin-left:0!important}
  .ghc-cro-proofline{gap:7px 12px;font-size:10.5px}
}

/* Higher-contrast conversion details */
.ghc-cro-archive-kicker,
.ghc-cro-low-stock{color:var(--ghc-mauve)!important}
.ghc-pc-dot{color:var(--ghc-pink)!important}
body.woocommerce li.product .ghc-badge.is-sale,
body.woocommerce-page li.product .ghc-badge.is-sale{
  background:var(--ghc-mauve)!important;color:#fff!important
}

/* Swarovski thumbnail: preserve the full-image sparkle in catalogue views */
body.tax-product_cat #page-container ul.products li.product.post-416 .et_shop_image img,
body.tax-product_cat #page-container ul.products li.product.post-416 .woocommerce-LoopProduct-link img{
  filter:brightness(1.18) contrast(1.14) saturate(1.17)!important
}
body.tax-product_cat #page-container ul.products li.product.post-416:hover .et_shop_image img,
body.tax-product_cat #page-container ul.products li.product.post-416:hover .woocommerce-LoopProduct-link img{
  filter:brightness(1.18) contrast(1.14) saturate(1.17)!important
}

/* Korean Earrings: show the full square product photo in catalogue grids instead of a 4:5 crop */
body.woocommerce ul.products li.product.product_cat-korean-jewellery .et_shop_image,
body.woocommerce ul.products li.product.product_cat-korean-jewellery .et_shop_image img,
body.woocommerce-page ul.products li.product.product_cat-korean-jewellery .et_shop_image,
body.woocommerce-page ul.products li.product.product_cat-korean-jewellery .et_shop_image img{
  aspect-ratio:1/1!important
}

/* Korean Earrings: let long product names wrap to two lines on catalogue cards instead of one line with "..." */
body.woocommerce ul.products li.product.product_cat-korean-jewellery .woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product.product_cat-korean-jewellery .woocommerce-loop-product__title{
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  line-height:1.35!important;
  min-height:2.7em!important
}

/* Product pages with several photos (Gold/Silver galleries): the desktop stretch rule from the
   product page redesign collapses the slider to 0px height. Restore normal flow for sliders only. */
@media (min-width:981px){
  body.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image{
    height:auto!important
  }
  body.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img:not(.zoomImg){
    position:static!important;height:auto!important;width:100%!important;aspect-ratio:1/1;object-fit:cover!important
  }
  body.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img.zoomImg{
    position:absolute!important;height:auto!important;width:auto!important;aspect-ratio:auto!important;object-fit:fill!important
  }
}

/* Homepage hero (desktop and tablet): the slides are square product photos, so a full-width 440px banner
   crops most of each photo. Show the whole square photo on the right, blended into a plum panel that
   carries the text. Mobile keeps its existing layout. */
@media (min-width:768px){
  body .ghc-hero-slider{
    height:clamp(480px,40vw,700px)!important;
    background:linear-gradient(100deg,#3D1F3D 0%,#5C3A4E 55%,#8B5A6B 100%)!important
  }
  body .ghc-hero-slider .ghc-hs-slide img{
    width:auto!important;height:100%!important;aspect-ratio:1/1!important;
    margin-left:auto!important;object-fit:cover!important;object-position:center!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%);
    mask-image:linear-gradient(90deg,transparent 0,#000 16%)
  }
}

/* Respect customers who prefer less motion */
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}