/* ===============================================
   Royal BD Shop - Custom Fix Layer (Global)
   - Global Bangla buttons (no icons)
   - Mobile: 2 buttons stacked
   - Single product image hover zoom
   - Desktop: 6-column product grid (archive/home blocks that use ul.products)
================================================= */

/* 1) Remove any icons inside Woo buttons (global) */
.woocommerce a.button i,
.woocommerce a.button svg,
.woocommerce button.button i,
.woocommerce button.button svg{
  display:none !important;
}

.woocommerce a.button::before,
.woocommerce a.button::after,
.woocommerce button.button::before,
.woocommerce button.button::after{
  content:none !important;
  display:none !important;
}

/* 2) Mobile: Add to cart + Buy now stacked (2 lines) */
@media (max-width: 767px){
  .woocommerce ul.products li.product a.button,
  .woocommerce ul.products li.product .button,
  .woocommerce ul.products li.product .added_to_cart,
  .woocommerce ul.products li.product .buy-now-button,
  .woocommerce ul.products li.product .order-now,
  .woocommerce ul.products li.product .cs-quick-order-btn{
    display:block !important;
    width:100% !important;
    margin:6px 0 !important;
    padding:10px 12px !important;

    font-size:13px !important;
    font-weight:600 !important;
    line-height:1.2 !important;
    border-radius:8px !important;

    text-align:center !important;
  }
}

/* 3) Desktop: force 6 columns grid for Woo lists */
@media (min-width: 1200px){
  .woocommerce ul.products{
    display:grid !important;
    grid-template-columns:repeat(6, 1fr) !important;
    gap:14px !important;
  }
  .woocommerce ul.products li.product{
    width:100% !important;
    margin:0 !important;
  }
}

/* Tablet: 4 columns */
@media (min-width: 768px) and (max-width: 1199px){
  .woocommerce ul.products{
    display:grid !important;
    grid-template-columns:repeat(4, 1fr) !important;
    gap:14px !important;
  }
  .woocommerce ul.products li.product{
    width:100% !important;
    margin:0 !important;
  }
}

/* Mobile: 2 columns */
@media (max-width: 767px){
  .woocommerce ul.products{
    display:grid !important;
    grid-template-columns:repeat(2, 1fr) !important;
    gap:10px !important;
  }
  .woocommerce ul.products li.product{
    width:100% !important;
    margin:0 !important;
  }
}

/* 4) Single product image hover zoom (simple + smooth) */
.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery__image{
  overflow:hidden !important;
  border-radius:12px;
}

.single-product .woocommerce-product-gallery__image img{
  transition:transform .35s ease;
  transform-origin:center center;
  will-change:transform;
}

@media (hover:hover){
  .single-product .woocommerce-product-gallery__image:hover img{
    transform:scale(1.25);
  }
}

/* prevent zoom on thumbnails */
.single-product .flex-control-thumbs img{
  transform:none !important;
}


/* =====================================
   RBVP + Woo Button UX fixes
===================================== */

/* Disabled (out of stock / variation required) button nicer look */
.woocommerce ul.products li.product .button.disabled,
.woocommerce ul.products li.product .button:disabled{
  opacity: 0.58 !important;
  cursor: not-allowed !important;
  filter: saturate(0.2) !important;
}

/* RBVP modal spinner fallback (in case theme css missing) */
#rbvp-modal .rbvp-loading-spinner{
  width: 32px;
  height: 32px;
  border: 3px solid rgba(0,0,0,0.12);
  border-top-color: rgba(0,0,0,0.55);
  border-radius: 50%;
  margin: 18px auto;
  animation: rbvpSpin 0.8s linear infinite;
}

@keyframes rbvpSpin {
  to { transform: rotate(360deg); }
}