/* Increase vertical space between product rows */
.theme-product-collection-container {
    row-gap: 60px !important;
}
 
@media (max-width: 768px) {
    .theme-product-collection-container {
        row-gap: 30px !important;
    }
}

/* Remove space between menu bar and category/collection content */
.theme-content-area.theme-pages-full-stretch {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.theme-content-area.theme-pages-full-stretch .theme-content-container {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.theme-content-area.theme-pages-full-stretch .theme-section.theme-breadcrumb-container {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.theme-content-area.theme-pages-full-stretch .theme-collection-section {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Fix oversized parent-category back arrow in filter sidebar */
.theme-parentcategory-filter-icon {
    width: 12px !important;
    height: 12px !important;
    vertical-align: middle !important;
    margin-right: 6px !important;
    flex-shrink: 0 !important;
}
 
/* Keep the arrow and label on the same line, aligned */
.theme-product-filter-option-container .zpbutton-type-link {
    display: inline-flex !important;
    align-items: center !important;
    text-align: left !important;
}

/* =============================================
   RMK Supermarket — Rounded Out Of Stock button 
   ============================================= */

.theme-ribbon-stock {
    border-radius: 50px !important;
    background: #ff4d6d !important;
}

/* =============================================
   RMK Supermarket — Rounded Search bar 
   ============================================= */

/* ── Desktop header search (theme-search-field-container-07) ── */
.theme-search-field-container.theme-search-field-container-07 {
  border-radius: 25px !important;
  overflow: hidden;
}

.theme-search-field-container.theme-search-field-container-07 form {
  border-radius: 25px !important;
  overflow: hidden;
}

.theme-search-field-container.theme-search-field-container-07 [data-zs-search-input] {
  border-radius: 25px 0 0 25px !important;
}

.theme-search-field-container.theme-search-field-container-07 .theme-search-go-input {
  border-radius: 0 25px 25px 0 !important;
}

.theme-search-field-container.theme-search-field-container-07 .theme-search-go-icon {
  border-radius: 0 25px 25px 0 !important;
}

/* ── Mobile header search ── */
/* .theme-mobile-header-search .theme-search-field-container {
  border-radius: 25px !important;
  overflow: hidden;
}

.theme-mobile-header-search .theme-search-field-container form {
  border-radius: 25px !important;
  overflow: hidden;
}

.theme-mobile-header-search .theme-search-field-container [data-zs-search-input] {
  border-radius: 25px 0 0 25px !important;
}

.theme-mobile-header-search .theme-search-field-container .theme-search-go {
  border-radius: 0 25px 25px 0 !important;
} */

/* ── Live search overlay bar (both desktop & mobile) ── */
.theme-search-suggestion-overlay .theme-live-search-bar {
  border-radius: 25px !important;
  overflow: hidden;
}

.theme-search-suggestion-overlay .theme-live-search-bar form {
  border-radius: 25px !important;
  overflow: hidden;
}

.theme-search-suggestion-overlay .theme-live-search-bar [data-zs-search-input] {
  border-radius: 25px 0 0 25px !important;
}

.theme-search-suggestion-overlay .theme-live-search-bar .theme-search-go {
  border-radius: 0 25px 25px 0 !important;
}


/* =============================================
   RMK Supermarket — Rounded Portal options
   ============================================= */
/* Member portal: round corners on Sign In / Sign Up hover & focus */

.theme-portal-container-dropdown .theme-portal-content a,
.theme-portal-style[data-theme-portal-responsive] .theme-portal-content a {
  border-radius: 20px;
  display: block;
}

.theme-portal-container-dropdown .theme-portal-content a:hover,
.theme-portal-container-dropdown .theme-portal-content a:focus,
.theme-portal-style[data-theme-portal-responsive] .theme-portal-content a:hover,
.theme-portal-style[data-theme-portal-responsive] .theme-portal-content a:focus {
  border-radius: 20px;
  outline-offset: 15px;
}


/* =============================================
   RMK Supermarket — Rounded Buttons (Fixed)
   Covers both <button> and <a> styled buttons
   ============================================= */

/* --- Native button elements --- */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  border-radius: 50px !important;
}

/* --- Zoho Commerce: Add to Cart anchor buttons --- */
a[class*="cart"],
a[class*="Cart"],
a[class*="add"],
a[class*="Add"],
a[class*="btn"],
a[class*="Btn"],
a[class*="button"],
a[class*="Button"] {
  border-radius: 50px !important;
}

/* --- Zoho Commerce: all elements with btn/button in class --- */
[class*="add-to-cart"],
[class*="addtocart"],
[class*="add_to_cart"],
[class*="cart-btn"],
[class*="cartbtn"],
[class*="-btn"],
[class*="btn-"],
[class*="_btn"],
[class*="btn_"] {
  border-radius: 50px !important;
}

/* --- Hero / Banner CTA --- */
.banner-content a,
.hero-content a,
.slide-content a {
  border-radius: 50px !important;
}

/* --- Variant / Weight selector pills --- */
[class*="variant"],
[class*="weight"],
[class*="size-option"],
[class*="option-btn"] {
  border-radius: 7px !important;
}

.theme-product-list-style-17 .theme-product-box-content .theme-product-details-area .theme-name-variants:has(details[open]), .theme-product-list-style-16 .theme-product-box-content .theme-product-details-area .theme-name-variants:has(details[open]) {
	transform: translateY(-3.8rem) !important;
}

.theme-product-varients-row {
	border-radius: 0 0 7px 7px !important;
  border-top: none !important;
}

/* --- Cart, Checkout, Order buttons --- */
/* [class*="checkout"], */
[class*="place-order"],
[class*="view-cart"],
[class*="proceed"] {
  border-radius: 50px !important;
}

.theme-checkout-input {
	border-radius: 7px !important;
}

/* --- Auth buttons --- */
[class*="sign-in"],
[class*="sign-up"],
[class*="signin"],
[class*="signup"],
[class*="login"] {
  border-radius: 50px !important;
}

/* --- Quantity controls --- */
[class*="quantity"] button,
[class*="qty"] button,
[class*="quantity"] a,
[class*="qty"] a {
  border-radius: 50px !important;
}

/* --- Sort / Filter --- */
[class*="sort"] button,
[class*="filter"] button,
[class*="sort"] a,
[class*="filter"] a {
  border-radius: 50px !important;
}

/* --- Variant / Weight selector pills --- */
.variant-option,
.variant-btn,
.size-btn,
.weight-btn,
.product-variants label,
.product-variants span,
[class*="variant"] label,
[class*="variant"] span {
  border-radius: 50px !important;
}



/* =============================================
   RMK Supermarket — Rounded Product Image Containers
   ============================================= */

/* --- Product image wrappers on listing/category pages --- */
.product-image,
.product-img,
[class*="product-image"],
[class*="product-img"],
[class*="product_image"],
[class*="product_img"],
.collection-product-image,
[class*="collection"] img,
[class*="product-card"] img,
[class*="product-list"] img,
[class*="productcard"] img,
.product-card a img,
.product-list a img {
  border-radius: 16px !important;
}

/* --- The anchor/div wrapping the image (to clip the image corners) --- */
.product-image-wrap,
.product-img-wrap,
[class*="product-image-wrap"],
[class*="product-img-wrap"],
.product-card a:first-child,
.product-list-item a:first-child,
[class*="product-card"] a:first-child,
[class*="productcard"] a:first-child,
[class*="product-item"] a:first-child {
  border-radius: 16px !important;
}

/* =============================================
   RMK Supermarket — Rounded Image: Product Detail Page
   ============================================= */

/* --- Main product image on PDP --- */
.product-detail-image,
.product-main-image,
.pdp-image,
[class*="product-detail"] img,
[class*="product-main"] img,
[class*="pdp"] img,
[class*="product-view"] img,
[class*="product-gallery"] img,
[class*="product-photo"] img,
.product-image-container img,
.product-image-container,
[class*="product-image-container"] {
  border-radius: 20px !important;
}

/* --- Wrapper/container around the main image --- */
.product-detail-image-wrap,
.product-main-image-wrap,
[class*="product-detail"] a:has(img),
[class*="product-view"] a:has(img),
[class*="product-gallery"] a:has(img),
[class*="image-wrap"],
[class*="img-wrap"],
[class*="image-container"],
[class*="img-container"] {
  border-radius: 20px !important;
}

/* --- Thumbnail images (if any appear later) --- */
[class*="thumb"] img,
[class*="thumbnail"] img,
[class*="product-thumb"],
[class*="product-thumbnail"] {
  border-radius: 12px !important;
}

/* --- Adjust Carousel Arrow --- */
.zpcarousel-container .zpcarousel-arrows-container .zpcarousel-arrow-left, .zpcarousel-container .zpcarousel-arrows-container .zpcarousel-arrow-right {
  justify-content: normal !important;
}

/* --- Collection/Category title bottom padding adjustment --- */
.zpfilmstrip-title-container {
	padding-bottom: 10px !important;
}