/* Han Mobil 3.0.1 — minimalist purchase actions + reliable Woo gallery */
:root{
  --hm301-green:#8fb39a;
  --hm301-green-dark:#6f9279;
  --hm301-line:#dce8df;
  --hm301-text:#172019;
}

/* Purchase controls: quantity, cart and WhatsApp share one quiet, symmetrical row. */
body.hanspot-theme .hanspot-single-actions{
  padding:10px!important;
  border:1px solid var(--hm301-line)!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.hanspot-theme .hanspot-single-actions.is-standard.has-whatsapp,
body.hanspot-theme .hanspot-single-actions.is-variable .hanspot-variation-cart-row{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
  align-items:stretch!important;
  width:100%!important;
}
body.hanspot-theme .hanspot-single-actions.is-standard.has-whatsapp form.cart:not(.variations_form){
  display:contents!important;
}
body.hanspot-theme .hanspot-single-actions.is-standard.has-whatsapp .quantity,
body.hanspot-theme .hanspot-single-actions.is-variable .hanspot-variation-cart-row .quantity{
  grid-column:1!important;
  width:72px!important;
  min-width:0!important;
  margin:0!important;
}
body.hanspot-theme .hanspot-single-actions .quantity .qty,
body.hanspot-theme .hanspot-variation-cart-row .quantity .qty{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 8px!important;
  border:1px solid var(--hm301-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--hm301-text)!important;
  box-shadow:none!important;
  text-align:center!important;
  font-family:'Poppins',sans-serif!important;
  font-size:11px!important;
  font-weight:400!important;
  line-height:46px!important;
}
body.hanspot-theme .hanspot-single-actions.is-standard.has-whatsapp .single_add_to_cart_button,
body.hanspot-theme .hanspot-single-actions.is-variable .hanspot-variation-cart-row .single_add_to_cart_button{
  grid-column:2!important;
}
body.hanspot-theme .hanspot-single-actions.is-standard.has-whatsapp .hanspot-single-whatsapp,
body.hanspot-theme .hanspot-single-actions.is-variable .hanspot-variation-cart-row .hanspot-single-whatsapp{
  grid-column:3!important;
  margin:0!important;
}
body.hanspot-theme .hanspot-single-actions .single_add_to_cart_button,
body.hanspot-theme .hanspot-single-actions .hanspot-single-whatsapp,
body.hanspot-theme .hanspot-variation-cart-row .single_add_to_cart_button,
body.hanspot-theme .hanspot-variation-cart-row .hanspot-single-whatsapp{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 12px!important;
  border-radius:8px!important;
  box-shadow:none!important;
  font-family:'Poppins',sans-serif!important;
  font-size:10px!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
  gap:6px!important;
}
body.hanspot-theme .hanspot-single-actions .single_add_to_cart_button i,
body.hanspot-theme .hanspot-single-actions .hanspot-single-whatsapp i{
  flex:0 0 auto!important;
  font-size:12px!important;
  line-height:1!important;
}
body.hanspot-theme .hanspot-single-actions .single_add_to_cart_button{
  border:1px solid var(--hm301-green)!important;
  background:var(--hm301-green)!important;
  color:#fff!important;
}
body.hanspot-theme .hanspot-single-actions .single_add_to_cart_button:not(:disabled):not(.disabled):hover{
  border-color:var(--hm301-green-dark)!important;
  background:var(--hm301-green-dark)!important;
  color:#fff!important;
}
body.hanspot-theme .hanspot-single-actions .hanspot-single-whatsapp{
  border:1px solid #bcd4c2!important;
  background:#fff!important;
  color:var(--hm301-green-dark)!important;
}
body.hanspot-theme .hanspot-single-actions .hanspot-single-whatsapp:hover{
  border-color:var(--hm301-green)!important;
  background:#f4f8f5!important;
  color:var(--hm301-green-dark)!important;
}

/*
 * WooCommerce FlexSlider must own each slide's inline pixel width. An older
 * 100%!important rule made every slide as wide as the whole track, so moving
 * to thumbnail 2/3/4 could land on empty white space.
 */
body.hanspot-theme .hanspot-product-gallery .woocommerce-product-gallery{
  opacity:1!important;
}
body.hanspot-theme .hanspot-product-gallery .woocommerce-product-gallery__image{
  min-width:0!important;
  visibility:visible!important;
  opacity:1!important;
}
body.hanspot-theme .hanspot-product-gallery .woocommerce-product-gallery__wrapper{
  min-width:0!important;
}
body.hanspot-theme .hanspot-product-gallery .flex-viewport{
  min-width:0!important;
  background:#fff!important;
}
body.hanspot-theme .hanspot-product-gallery .woocommerce-product-gallery__image a{
  background:#fff!important;
}
body.hanspot-theme .hanspot-product-gallery .woocommerce-product-gallery__image img{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  background:#fff!important;
  object-fit:contain!important;
  object-position:center!important;
}
body.hanspot-theme .hanspot-product-gallery .flex-control-thumbs img{
  cursor:pointer!important;
  background:#fff!important;
  object-fit:contain!important;
}
body.hanspot-theme .hanspot-product-gallery .flex-control-thumbs img.flex-active{
  opacity:1!important;
  border-color:var(--hm301-green)!important;
  box-shadow:0 0 0 1px var(--hm301-green)!important;
}

@media(max-width:767px){
  body.hanspot-theme .hanspot-single-actions{
    padding:8px!important;
  }
  body.hanspot-theme .hanspot-single-actions.is-standard.has-whatsapp,
  body.hanspot-theme .hanspot-single-actions.is-variable .hanspot-variation-cart-row{
    grid-template-columns:58px minmax(0,1fr) minmax(0,1fr)!important;
    gap:6px!important;
  }
  body.hanspot-theme .hanspot-single-actions.is-standard.has-whatsapp .quantity,
  body.hanspot-theme .hanspot-single-actions.is-variable .hanspot-variation-cart-row .quantity{
    width:58px!important;
  }
  body.hanspot-theme .hanspot-single-actions .quantity .qty,
  body.hanspot-theme .hanspot-variation-cart-row .quantity .qty,
  body.hanspot-theme .hanspot-single-actions .single_add_to_cart_button,
  body.hanspot-theme .hanspot-single-actions .hanspot-single-whatsapp,
  body.hanspot-theme .hanspot-variation-cart-row .single_add_to_cart_button,
  body.hanspot-theme .hanspot-variation-cart-row .hanspot-single-whatsapp{
    height:44px!important;
    min-height:44px!important;
  }
  body.hanspot-theme .hanspot-single-actions .quantity .qty,
  body.hanspot-theme .hanspot-variation-cart-row .quantity .qty{
    line-height:44px!important;
    font-size:10px!important;
  }
  body.hanspot-theme .hanspot-single-actions .single_add_to_cart_button,
  body.hanspot-theme .hanspot-single-actions .hanspot-single-whatsapp,
  body.hanspot-theme .hanspot-variation-cart-row .single_add_to_cart_button,
  body.hanspot-theme .hanspot-variation-cart-row .hanspot-single-whatsapp{
    padding:0 7px!important;
    gap:5px!important;
    font-size:9px!important;
  }
  body.hanspot-theme .hanspot-single-actions .single_add_to_cart_button i,
  body.hanspot-theme .hanspot-single-actions .hanspot-single-whatsapp i{
    font-size:11px!important;
  }
}

@media(max-width:360px){
  body.hanspot-theme .hanspot-single-actions.is-standard.has-whatsapp,
  body.hanspot-theme .hanspot-single-actions.is-variable .hanspot-variation-cart-row{
    grid-template-columns:52px minmax(0,1fr) minmax(0,1fr)!important;
    gap:5px!important;
  }
  body.hanspot-theme .hanspot-single-actions.is-standard.has-whatsapp .quantity,
  body.hanspot-theme .hanspot-single-actions.is-variable .hanspot-variation-cart-row .quantity{
    width:52px!important;
  }
  body.hanspot-theme .hanspot-single-actions .single_add_to_cart_button,
  body.hanspot-theme .hanspot-single-actions .hanspot-single-whatsapp{
    padding:0 5px!important;
    font-size:8.3px!important;
    gap:4px!important;
  }
}
