/*
 * Han Mobil v1.1 visual polish
 * Final storefront layer: white surfaces + warm beige accents.
 */
body.hanspot-theme,
body.spotcu-theme{
  --hanspot-accent:#8fb39a;
  --hanspot-accent-dark:#73977e;
  --hanspot-dark:#8fb39a;
  --hanspot-black:#8fb39a;
  --hanspot-text:#2f2a25;
  --hanspot-muted:#746d65;
  --hanspot-surface:#f3f8f4;
  --hanspot-border:#dfe9e2;
  --hanspot-white:#ffffff;
  --hanspot-header-bg:#ffffff;
  --hanspot-header-text:#2f2a25;
  background:#fff!important;
  color:var(--hanspot-text)!important;
}

/* Header: one consistent white surface. */
body.hanspot-theme .hanmob-header,
body.hanspot-theme .hanmob-topbar,
body.hanspot-theme .hanmob-mainbar,
body.hanspot-theme .hanmob-category-navbar,
body.hanspot-theme .hanspot-navbar{
  background:#fff!important;
  background-image:none!important;
  color:var(--hanspot-text)!important;
  border-color:var(--hanspot-border)!important;
}
body.hanspot-theme .hanmob-topbar{border-bottom:1px solid var(--hanspot-border)!important}
body.hanspot-theme .hanmob-mainbar{border-bottom:0!important}
body.hanspot-theme .hanmob-category-navbar{border-top:1px solid var(--hanspot-border)!important}
body.hanspot-theme .hanmob-header :is(a,button,.hanspot-cart-link span,.hanspot-logo-default strong){color:var(--hanspot-text)!important}
body.hanspot-theme .hanmob-header :is(a,button):hover{color:var(--hanspot-accent-dark)!important}
body.hanspot-theme .hanmob-logo .hanspot-logo-default b{color:var(--hanspot-accent-dark)!important}
body.hanspot-theme .hanmob-desktop-search .hanspot-live-search,
body.hanspot-theme .hanmob-desktop-search .hanspot-live-search select,
body.hanspot-theme .hanmob-desktop-search .hanspot-search-input-wrap,
body.hanspot-theme .hanmob-desktop-search input[type=search]{background:#fff!important;color:var(--hanspot-text)!important}
body.hanspot-theme .hanmob-desktop-search .hanspot-search-input-wrap button{
  background:var(--hanspot-accent)!important;
  color:#fff!important;
  border-left:1px solid var(--hanspot-accent)!important;
}
body.hanspot-theme .hanmob-desktop-search .hanspot-search-input-wrap button :is(svg,.hanspot-icon){color:#fff!important}
body.hanspot-theme .hanmob-category-nav>a{background:#fff!important;color:var(--hanspot-text)!important}
body.hanspot-theme .hanmob-category-nav>a span{background:var(--hanspot-surface)!important;color:var(--hanspot-accent-dark)!important}
body.hanspot-theme .hanmob-category-nav>a:hover{background:#f7faf8!important}
body.hanspot-theme .hanmob-category-nav>a:hover span{background:#edf5ef!important;color:var(--hanspot-accent-dark)!important}
body.hanspot-theme .hanmob-favorites-count,
body.hanspot-theme .hanmob-cart-link .hanspot-cart-count{background:var(--hanspot-accent)!important;color:#fff!important;border-color:#fff!important}

/* Keep the complete shop on white; beige is an accent, not a page fill. */
body.hanspot-theme :is(.hanspot-main,.hanspot-woocommerce-main,.hanmob-category-products,.hanmob-category-products:nth-of-type(even),.hanspot-single-product){background:#fff!important}
body.hanspot-theme .hanmob-section-heading>span{color:var(--hanspot-accent-dark)!important}

/* Product cards: clean white cards and a calm beige action hierarchy. */
body.hanspot-theme .hanmob-product-card,
body.hanspot-theme .woocommerce ul.products li.product.hanmob-product-card{
  background:#fff!important;
  border-color:var(--hanspot-border)!important;
  box-shadow:none!important;
}
body.hanspot-theme .hanmob-product-card:hover{border-color:#bcd3c2!important;box-shadow:0 16px 38px rgba(53,84,63,.08)!important}
body.hanspot-theme .hanmob-product-card .hanspot-product-media{background:#f7faf8!important}
body.hanspot-theme .hanmob-product-card .hanspot-product-actions{grid-template-columns:minmax(0,1fr) 42px!important;gap:8px!important}
body.hanspot-theme .hanmob-product-card .hanspot-product-actions .hanspot-card-cart{
  background:#fff!important;
  border:1px solid #bfd4c4!important;
  color:var(--hanmob-brown)!important;
  box-shadow:none!important;
}
body.hanspot-theme .hanmob-product-card .hanspot-product-actions .hanspot-card-cart:hover{
  background:var(--hanspot-accent)!important;
  border-color:var(--hanspot-accent)!important;
  color:#fff!important;
}
body.hanspot-theme .hanmob-product-card .hanspot-product-actions .hanspot-card-whatsapp{
  background:#fff!important;
  border:1px solid #bfd4c4!important;
  color:var(--hanspot-accent-dark)!important;
}
body.hanspot-theme .hanmob-product-card .hanspot-product-actions .hanspot-card-whatsapp:hover{
  background:#f3f8f4!important;
  border-color:var(--hanspot-accent)!important;
  color:var(--hanspot-accent-dark)!important;
}
body.hanspot-theme .hanmob-product-card .hanspot-sale-badge--featured,
body.hanspot-theme .hanmob-product-card .hanspot-sale-badge--custom{
  background:#8fb39a!important;
  color:#fff!important;
}
body.hanspot-theme .hanmob-product-card .hanspot-sale-badge--sale,
body.hanspot-theme .hanmob-product-card .hanspot-sale-badge--discount,
body.hanspot-theme .hanmob-product-card .hanspot-sale-badge--campaign{
  background:#94b59e!important;
  color:#fff!important;
}

/* Single product: symmetrical, quiet and clearly purchasable. */
body.hanspot-theme .hanspot-product-gallery,
body.hanspot-theme .hanspot-product-summary,
body.hanspot-theme .hanspot-product-details{background:#fff!important;border-color:var(--hanspot-border)!important;box-shadow:none!important}
body.hanspot-theme .hanspot-product-gallery :is(.flex-viewport,.woocommerce-product-gallery__wrapper,.woocommerce-product-gallery__image,.woocommerce-product-gallery__image a){background:#f7faf8!important}
body.hanspot-theme .hanspot-product-summary .price,
body.hanspot-theme .hanspot-product-summary .price ins{color:var(--hanspot-accent-dark)!important}
body.hanspot-theme .hanspot-single-actions{
  background:#fff!important;
  border:1px solid var(--hanspot-border)!important;
  padding:14px!important;
  box-shadow:none!important;
}
body.hanspot-theme .hanspot-single-actions form.cart:not(.variations_form){
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  gap:10px!important;
}
body.hanspot-theme .hanspot-single-actions .quantity input.qty{
  height:48px!important;
  background:#fff!important;
  border:1px solid var(--hanspot-border)!important;
  color:var(--hanspot-text)!important;
}
body.hanspot-theme .hanspot-single-actions .single_add_to_cart_button{
  height:48px!important;
  min-height:48px!important;
  background:var(--hanspot-accent)!important;
  border:1px solid var(--hanspot-accent)!important;
  color:#fff!important;
  border-radius:4px!important;
  font-weight:600!important;
}
body.hanspot-theme .hanspot-single-actions .single_add_to_cart_button:hover{
  background:var(--hanspot-accent-dark)!important;
  border-color:var(--hanspot-accent-dark)!important;
  color:#fff!important;
}
body.hanspot-theme .hanspot-single-whatsapp{
  height:48px!important;
  min-height:48px!important;
  margin-top:10px!important;
  background:#fff!important;
  border:1px solid var(--hanspot-accent)!important;
  color:var(--hanspot-accent-dark)!important;
  border-radius:4px!important;
  font-weight:600!important;
  box-shadow:none!important;
}
body.hanspot-theme .hanspot-single-whatsapp:hover{
  background:#edf6ef!important;
  border-color:var(--hanspot-accent-dark)!important;
  color:var(--hanspot-accent-dark)!important;
}
body.hanspot-theme .hanspot-single-actions.is-standard.has-whatsapp{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
  align-items:stretch!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{grid-column:1!important}
body.hanspot-theme .hanspot-single-actions.is-standard.has-whatsapp .single_add_to_cart_button{grid-column:2!important}
body.hanspot-theme .hanspot-single-actions.is-standard.has-whatsapp .hanspot-single-whatsapp{
  grid-column:3!important;
  margin-top:0!important;
}
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:10px!important;
  align-items:center!important;
}
body.hanspot-theme .hanspot-single-actions.is-variable .hanspot-variation-cart-row .quantity{grid-column:1!important}
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-variable .hanspot-variation-cart-row .hanspot-variation-whatsapp{grid-column:3!important;margin-top:0!important}
body.hanspot-theme .hanspot-product-summary table.variations select,
body.hanspot-theme .hanspot-product-summary .woocommerce-variation{background:#fff!important;border-color:var(--hanspot-border)!important}
body.hanspot-theme .hanmob-product-specs{border-color:var(--hanspot-border)!important}
body.hanspot-theme .hanmob-product-spec-grid>div{background:#fff!important;border-color:var(--hanspot-border)!important}
body.hanspot-theme .hanmob-product-spec-grid>div>span{background:var(--hanspot-surface)!important;color:var(--hanspot-accent-dark)!important}

/* Remove legacy yellow/black treatment from common WooCommerce controls. */
body.hanspot-theme .woocommerce :is(button.button,input.button,a.button,.button.alt):not(.single_add_to_cart_button):not(.hanspot-card-cart){
  border-color:var(--hanspot-border)!important;
}
body.hanspot-theme :focus-visible{outline-color:var(--hanspot-accent)!important}

@media (max-width:767px){
  body.hanspot-theme .hanspot-single-actions.is-standard.has-whatsapp{grid-template-columns:64px minmax(0,1fr)!important}
  body.hanspot-theme .hanspot-single-actions.is-standard.has-whatsapp .quantity{grid-column:1!important}
  body.hanspot-theme .hanspot-single-actions.is-standard.has-whatsapp .single_add_to_cart_button{grid-column:2!important}
  body.hanspot-theme .hanspot-single-actions.is-standard.has-whatsapp .hanspot-single-whatsapp{grid-column:1/-1!important;margin-top:0!important}
  body.hanspot-theme .hanspot-single-actions.is-variable .hanspot-variation-cart-row{grid-template-columns:64px minmax(0,1fr)!important}
  body.hanspot-theme .hanspot-single-actions.is-variable .hanspot-variation-cart-row .quantity{grid-column:1!important}
  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-variable .hanspot-variation-cart-row .hanspot-variation-whatsapp{grid-column:1/-1!important;margin-top:0!important}
}