@media (min-width: 1000px){.ct-default-gallery .entry-summary {padding-left:50px;}}

/* === Product categories === */

/* [data-products] .ct-media-container {border:1px solid var(--theme-border-color)} */

.product .button {width:100%}

[data-products=type-1] .ct-woo-card-actions:not(:empty){display:inline-block;width:100%}

a.added_to_cart.wc-forward {width:100%;}

/* .add_to_cart_button {width:100%;} */

/* Product tab icons - Container around icon and text for better alignment */
.custom-tab-label {
  display: inline-flex;
  align-items: center;
  gap: 6px; /* space between icon and text */
  color: var(--theme-link-initial-color); /* keep consistent with your theme */
}

/* Icon size and color */
.custom-tab-label svg {
  width: 24px;
  height: 24px;
  fill: currentColor; /* inherits color from text */
  flex-shrink: 0; /* prevent icon from shrinking */
}

/* Fix the first path visibility inside your svg */
.custom-tab-label svg path:first-child {
  display: inline !important;
}

/* Product gallery customizations including desktop and mobile scrolling effect */

/* 1.Remove overflow hidden from gallery wrapper */
.single-product .ct-stacked-gallery .woocommerce-product-gallery {
    overflow: visible; /* allow tooltips to appear */
}

/* 2. Wrap media inside container to control overflow for images/videos only */
.single-product .woocommerce-product-gallery .ct-media-container {
    filter: brightness(.97);
    overflow: hidden;  /* only media clipped, tooltips outside can show */
}

/* 3. Desktop tweaks */
@media (min-width: 1000px) {
  .ct-stacked-gallery .entry-summary {
    padding-left: 50px;
  }
}

@media (min-width: 999.98px) {
  .single .woocommerce-product-gallery .ct-media-container:first-child {
    grid-column: auto / span 2 !important;
  }
}

/* 4. Mobile gallery layout */
@media only screen and (max-width: 999.98px) {
  .single-product .woocommerce-product-gallery .ct-media-container {
    flex: 0 0 90%;          /* keep peek effect */
    max-width: 90%;         /* prevent video overflow */
    filter: brightness(.97);
  }

  .single-product .ct-stacked-gallery .ct-stacked-gallery-container {
    display: flex;
    overflow-x: auto !important;   /* scrollable but cleaner */
    gap: 10px;
    flex-wrap: nowrap;
    -ms-overflow-style: none;      /* hide scrollbar in IE/Edge */
    scrollbar-width: none;         /* hide scrollbar in Firefox */
  }

  .single-product .ct-stacked-gallery .ct-stacked-gallery-container::-webkit-scrollbar {
    display: none; /* hide scrollbar in Safari/Chrome on iOS */
  }

  .single-product .woocommerce-product-gallery .ct-media-container:only-of-type {
    flex: 0 0 100%;
	max-width: 100%;
  }
}

/* 5. Fix video scaling + prevent squeeze in iOS Safari */
.single-product .woocommerce-product-gallery iframe,
.single-product .woocommerce-product-gallery video {
    width: 100% !important;       
    height: 100% !important;      
    max-width: 100% !important;
    display: block;
    aspect-ratio: 800 / 912;      
    object-fit: cover;            
    border: 0;
}

.floating-bar-actions .add_to_cart_button{width:inherit}
.ct-floating-bar-content .ct-media-container img{aspect-ratio: auto !important}

/* === Offcanvas 面板定制 === */

.ct-panel-actions {
	padding-bottom: 20px !important;
	border-bottom: 1px solid rgba(127, 127, 127, 0.16)
}

/* === Account modal === */
#account-modal .ct-panel-actions{border-bottom:none}

/* === Search modal === */
#search-modal .ct-panel-actions{border-bottom:none}

/* === Mini side cart customization === */

.woocommerce-mini-cart__buttons a:first-child {
	background:var(--theme-text-color)
}

.product_list_widget .ct-product-actions {
   grid-column: span 2; /* Quantity value visible input in the minicart */
}

.woocommerce-mini-cart .remove {
	padding: 11px 21px 21px 11px;
    border-radius: 100%;
    border: 1px solid var(--theme-border-color)
}