/*
Theme Name: Fluid Tactical
Theme URI: https://example.com
Template: hello-biz
Author: WP VIP PRO
Author URI: https://wpvippro.com
Description: Hello Biz is a free, user-friendly Hybrid WordPress Theme that was crafted for seamless integration with the Elementor site builder and tailored specifically for business websites. Perfect for beginners, but far from limited to just them, it features a dedicated beginner-oriented “Home” screen to simplify and streamline the web-building process. Hello Biz also integrates with Elementor’s premium features, giving you access to tools like AI, and accessibility enhancements in one place. Whether launching a startup site or refining a company portfolio, Hello Biz offers a solid, responsive foundation for all web creators. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities. Report here: https://patchstack.com/database/wordpress/theme/hello-biz/vdp.
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready,style-variations
Version: 1.0.0.1763979898
Updated: 2025-11-24 10:24:58

*/

.custom-flavor-swatch {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: #fff;
    border-radius: 10px;
    border: 2px solid #ccc;
    cursor: pointer;
}

.custom-flavor-img {
    width: 26px;
    height: 26px;
    object-fit: contain;
}

.variable-item.selected .custom-flavor-swatch {
    border-color: #ff7a00 !important;
    box-shadow: 0px 0px 6px rgba(255, 140, 0, .4);
}


/* Hide Browse Wishlist text completely */
.yith-wcwl-add-to-wishlist-button__label,
.yith-wcwl-wishlistaddedbrowse span,
.yith-wcwl-wishlistexistsbrowse span,
.yith-wcwl-add-button span,
.yith-wcwl-wishlistaddedbrowse > a span {
    display: none !important;
} /* Make only icon visible and styled */
.yith-wcwl-add-to-wishlist a,
.yith-wcwl-wishlistaddedbrowse a,
.yith-wcwl-wishlistexistsbrowse a {
    border: 2px solid #ffffff !important;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    padding: 0 !important;
} /* Heart icon style */
.yith-wcwl-icon {
    font-size: 16px !important;
    color: #FF9016 !important;
} /* Hover effect */
.yith-wcwl-add-to-wishlist a:hover,
.yith-wcwl-wishlistaddedbrowse a:hover,
.yith-wcwl-wishlistexistsbrowse a:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    transition: 0.3s ease;
}

.rating-wishlist-inline {
    display: flex;
    align-items: center;
    gap: 10px; /* space between rating and wishlist icon */
}

/* Prevent rating from breaking to new line */
.rating-wishlist-inline .woocommerce-product-rating {
    display: flex;
    align-items: center;
}

/* Style wishlist icon inline */
.rating-wishlist-inline .wishlist-inline,
.rating-wishlist-inline .single_product_div,
.ft-rating-wishlist-wrapper .single_product_div {
    display: flex;
    align-items: center;
    margin: 0;
}

/* Hide browse wishlist text */
/* .rating-wishlist-inline .browse_wishlist,
.ft-rating-wishlist-wrapper .browse_wishlist {
    display: none !important;
} */

/* Optional: hide "Browse wishlist" text so only heart shows */
.rating-wishlist-inline .yith-wcwl-add-to-wishlist-button__label {
    display: none;
}

/* Icon styling */
.rating-wishlist-inline svg,
.ft-rating-wishlist-wrapper svg,
.ft-rating-wishlist-wrapper img {
    width: 20px;
    height: auto;
    cursor: pointer;
    margin-left: 4px;
}

/* Style the wishlist button in the wrapper */
.ft-rating-wishlist-wrapper .single_product_div a {
    display: inline-flex !important;
    align-items: center;
}

.ft-rating-wishlist-wrapper .single_product_div img {
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    margin-bottom: 0 !important;
}




/* Make product gallery look like screenshot #1 */
.woocommerce div.product div.images .flex-control-thumbs {
    display: flex !important;
    gap: 10px;
    margin-top: 20px;
}

.flex-control-thumbs img {
    width: 110px;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
    cursor: pointer;
}

.woocommerce-product-gallery .slick-dots {
    display: none !important;
}

/* Center arrows + style */
.slick-prev, .slick-next {
    background: #ff7a00 !important;
    border-radius: 50%;
    padding: 6px;
    width: 28px;
    height: 28px;
    color: white !important;
}

/* Product Gallery Slider Styles */
.woocommerce-product-gallery-thumbnails-wrapper {
    margin-top: 20px;
    overflow: visible !important;
    position: relative;
}

.woocommerce div.product div.images {
    overflow: visible !important;
}
    
/* Static gallery (less than 5 images) */
.product-gallery-static {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.product-gallery-static .woocommerce-product-gallery__image,
.product-gallery-static .flex-control-thumb {
    flex: 0 0 auto;
}

.product-gallery-static img,
.product-gallery-static .woocommerce-product-gallery__image img {
    width: 110px;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
    cursor: pointer;
    display: block;
}

/* Slider gallery (5+ images) */
.product-gallery-slider {
    position: relative;
    overflow: visible !important;
}

.gallery-slider-container {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    overflow: visible !important;
}

.gallery-slider-track {
    display: flex;
    gap: 10px;
    overflow: hidden;
    flex: 1;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    max-width: calc(5 * 110px + 4 * 10px); /* Show only 5 images at a time */
}

.gallery-slide {
    flex: 0 0 auto;
    min-width: 110px;
}

.gallery-slide img,
.gallery-slide .woocommerce-product-gallery__image img,
.gallery-slide .woocommerce-product-gallery__image {
    width: 110px;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
    cursor: pointer;
    display: block;
    pointer-events: auto;
}

.gallery-slide a,
.gallery-slide .woocommerce-product-gallery__image a {
    cursor: pointer;
    pointer-events: auto;
    display: block;
}

.gallery-slider-nav {
    background: #ff7a00;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    color: white;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.3s ease, opacity 0.3s ease;
    z-index: 999 !important;
    padding: 0;
    line-height: 1;
    position: absolute;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    pointer-events: auto !important;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    touch-action: manipulation;
}

.gallery-slider-nav:hover {
    background: #e66a00;
}

.gallery-slider-nav:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.gallery-slider-prev {
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 0;
}

.gallery-slider-next {
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 0;
}

/* Ensure buttons are above everything */
.gallery-slider-container .gallery-slider-nav {
    position: absolute;
    z-index: 9999 !important;
}

/* Hide navigation arrows when not needed */
.product-gallery-static .gallery-slider-nav {
    display: none;
}
.variations_form .reset_variations {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Crect x='24.7752' y='7.80469' width='2.82353' height='24' rx='1.41176' transform='rotate(45 24.7752 7.80469)' fill='white'/%3E%3Crect x='26.1346' y='24.7754' width='2.82353' height='24' rx='1.41176' transform='rotate(135 26.1346 24.7754)' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    padding-left: 20px;    
    width: 16px;
    height: 16px;
    display: inline-block;
    font-size: 0;
    cursor: pointer;
    border: none;
}

.variations_form .reset_variations:hover {
    opacity: 0.6;
}

/* WooCommerce Product Sections Styling (Stacked Display) */
.woocommerce-product-sections {
    margin: 40px 0;
    clear: both;
}

.woocommerce-product-section {
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;
}

.woocommerce-product-section:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.woocommerce-product-section-title {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 25px 0;
    padding-bottom: 15px;
    border-bottom: 2px solid #ff7a00;
    color: #333;
}

.woocommerce-product-section-content {
    padding: 0;
}

/* Hide duplicate headings in section content */
.woocommerce-product-section-content h2:first-of-type {
    display: none;
}

.woocommerce-product-section-content h2 {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 15px;
}

/* Product Description Tabs Styling */
.product-description-tabs-wrapper {
    margin: 40px 0;
}

.product-description-main-title {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 40px 0;
    color: #333;
    letter-spacing: 1px;
}

.product-description-tabs-container {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

.product-description-tabs-nav {
    flex: 0 0 280px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-description-tab-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 20px;
    background-color: #2a2a2a;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    transition: all 0.3s ease;
    position: relative;
}

.product-description-tab-btn:hover {
    background-color: #3a3a3a;
}

.product-description-tab-btn.active {
    background-color: #ff7a00;
    color: #ffffff;
}

.product-description-tab-btn .tab-icon {
    font-size: 20px;
    flex-shrink: 0;
}

.product-description-tab-btn .tab-title {
    flex: 1;
}

.product-description-tabs-content {
    flex: 1;
    min-height: 300px;
}

.product-description-tab-panel {
    display: none;
}

.product-description-tab-panel.active {
    display: block;
}

.tab-panel-inner {
    border: 2px solid #ff7a00;
    border-radius: 8px;
    padding: 30px;
    background-color: #ffffff;
    position: relative;
    min-height: 250px;
}

.tab-panel-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 20px 0;
    color: #333;
    text-transform: uppercase;
}

.tab-panel-text {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
    margin-bottom: 20px;
}

.tab-panel-icon {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 60px;
    opacity: 0.2;
}

/* Hide default description heading */
.section-description .woocommerce-product-section-content h2:first-of-type {
    display: none;
}

/* Responsive for description tabs */
@media (max-width: 968px) {
    .product-description-tabs-container {
        flex-direction: column;
    }
    
    .product-description-tabs-nav {
        flex: 1;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .product-description-tab-btn {
        flex: 1;
        min-width: 150px;
        justify-content: center;
    }
    
    .product-description-tab-btn .tab-title {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .product-description-main-title {
        font-size: 22px;
        margin-bottom: 30px;
    }
    
    .product-description-tabs-nav {
        flex-direction: column;
    }
    
    .product-description-tab-btn {
        width: 100%;
    }
    
    .tab-panel-inner {
        padding: 20px;
    }
    
    .tab-panel-icon {
        font-size: 40px;
        right: 20px;
        top: 20px;
    }
}

/* Additional Information table styling */
.woocommerce-product-section .woocommerce-product-attributes {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.woocommerce-product-section .woocommerce-product-attributes th {
    text-align: left;
    padding: 12px 15px;
    font-weight: 600;
    width: 30%;
    vertical-align: top;
    border-bottom: 1px solid #e0e0e0;
    background-color: #f9f9f9;
}

.woocommerce-product-section .woocommerce-product-attributes td {
    padding: 12px 15px;
    border-bottom: 1px solid #e0e0e0;
}

.woocommerce-product-section .woocommerce-product-attributes tr:last-child th,
.woocommerce-product-section .woocommerce-product-attributes tr:last-child td {
    border-bottom: none;
}

/* Reviews section styling */
.section-reviews {
    background-color: #1a1a1a;
    padding: 40px 0 !important;
    margin: 40px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.woocommerce #reviews #comments ol.commentlist::after, .woocommerce #reviews #comments ol.commentlist::before {
    content: " ";
    display: none !important;
}


/* Override any container padding */
.section-reviews .container,
.section-reviews .wrap,
.section-reviews .site-content,
.section-reviews .content-area {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
}

.section-reviews .woocommerce-product-section-title {
    color: #b0b0b0;
    text-align: left;
    margin-bottom: 15px;
    margin-left: 0;
    padding-left: 0;
    font-size: 24px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    border-bottom: 2px solid #ff7a00;
    padding-bottom: 15px;
    width: 100%;
}

.section-reviews .woocommerce-Reviews-title {
    display: none;
}

.section-reviews .woocommerce-product-section-content {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.section-reviews #reviews {
    margin-top: 30px;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.section-reviews #comments {
    margin-bottom: 30px;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.section-reviews .commentlist {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    width: 100% !important;
    max-width: 100% !important;
}

.section-reviews .commentlist li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Simple Bordered Review Box Style */
.section-reviews .comment_container {
    background-color: transparent;
    padding: 20px;
    border: 1px solid #ffffff;
    border-radius: 0;
    position: relative;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
    height: 100%;
    box-sizing: border-box;
}

/* Avatar visible on the left */
.section-reviews .comment_container .avatar {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    flex-shrink: 0;
    background-color: #3a3a3a;
}

/* Review content area */
.section-reviews .comment-text {
    flex: 1;
    color: #b0b0b0;
    font-size: 16px;
    line-height: 1.6;
    display: flex;
    flex-direction: column;
}

/* Reviewer Information at top */
.section-reviews .comment-text .meta {
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.5;
    text-align: left;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
    justify-content: space-between;
}

.section-reviews .woocommerce-review__author {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    display: inline;
}

.section-reviews .woocommerce-review__verified {
    color: #b0b0b0;
    font-style: italic;
    font-size: 13px;
    font-weight: 400;
}

.section-reviews .woocommerce-review__dash {
    color: #b0b0b0;
    margin: 0 5px;
}

.section-reviews .woocommerce-review__published-date {
    color: #b0b0b0;
    font-size: 13px;
}

/* Star Rating - show empty outlines with a filled overlay */
.section-reviews .star-rating {
    color: #ff7a00 !important;
    font-size: 1em;
    line-height: 1;
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 5.4em; /* match Woo default so percent widths render correctly */
    height: 1em;
    float: none;
    letter-spacing: 0;
    font-family: "WooCommerce";
}

/* Outline stars (empty state) */
.section-reviews .star-rating:before {
    content: "\73\73\73\73\73" !important;
    color: #ff7a00 !important;
    letter-spacing: 0;
    display: block;
    position: static;
    float: none;
    width: auto;
    height: auto;
}

/* Filled overlay follows the inline width set by WooCommerce */
.section-reviews .star-rating span {
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
}

.section-reviews .star-rating span:before {
    content: "\53\53\53\53\53";
    color: #ff7a00 !important;
    letter-spacing: 0;
    position: absolute;
    top: 0;
    left: 0;
}

/* Fixed pixel widths per rating (override Woo inline %) */
/* .section-reviews .star-rating[aria-label*="Rated 1 out of 5"] span { width: 15px !important; }
.section-reviews .star-rating[aria-label*="Rated 2 out of 5"] span { width: 30px !important; }
.section-reviews .star-rating[aria-label*="Rated 3 out of 5"] span { width: 45px !important; }
.section-reviews .star-rating[aria-label*="Rated 4 out of 5"] span { width: 63px !important; }
.section-reviews .star-rating[aria-label*="Rated 5 out of 5"] span { width: 75px !important; } */

.section-reviews .woocommerce-review__rating {
    margin: 0;
    display: inline-block;
    margin-left: auto;
    flex-shrink: 0;
}

.section-reviews .woocommerce-review__rating .star-rating {
    color: #ff7a00 !important;
    font-size: 16px;
}

/* Ensure rating appears on the right side of meta */
.section-reviews .comment-text .meta .woocommerce-review__rating {
    margin-left: auto;
    order: 2;
}

/* Review text content */
.section-reviews .comment-text .description {
    color: #b0b0b0;
    margin: 0;
    text-align: left;
    font-size: 15px;
    line-height: 1.6;
}

.section-reviews .comment-text p {
    color: #b0b0b0;
    margin: 0;
    text-align: left;
    font-size: 15px;
    line-height: 1.6;
}

/* Ensure all text in review uses appropriate colors */
.section-reviews .comment_container * {
    color: inherit;
}

.section-reviews .comment_container a {
    color: #ff7a00;
    text-decoration: none;
}

.section-reviews .comment_container a:hover {
    color: #ff9016;
    text-decoration: underline;
}


/* Tablet breakpoint - 2 columns */
@media (max-width: 968px) and (min-width: 769px) {
    .section-reviews .commentlist {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

/* Responsive sections */
@media (max-width: 768px) {
    .woocommerce-product-section {
        margin-bottom: 40px;
        padding-bottom: 25px;
    }
    
    .woocommerce-product-section-title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .woocommerce-product-section .woocommerce-product-attributes {
        font-size: 14px;
    }
    
    .woocommerce-product-section .woocommerce-product-attributes th,
    .woocommerce-product-section .woocommerce-product-attributes td {
        padding: 10px;
    }
    
    /* Responsive review styles */
    .section-reviews {
        padding: 30px 15px;
    }
    
    .section-reviews .woocommerce-product-section-content,
    .section-reviews #reviews,
    .section-reviews #comments {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .section-reviews .commentlist {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .section-reviews .comment_container {
        flex-direction: column;
        gap: 15px;
        padding: 15px;
    }
    
    .section-reviews .comment_container .avatar {
        width: 50px;
        height: 50px;
    }
    
    .section-reviews .comment-text .meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .section-reviews .comment-text .meta .woocommerce-review__rating {
        margin-left: 0;
    }
}

/* Related Products Custom Styling */
.related-products-custom {
    background-color: #2a2a2a; /* Dark charcoal grey background */
    padding: 60px 20px;
    margin: 60px 0;
    clear: both;
}

.related-products-container {
    max-width: 1200px;
    margin: 0 auto;
}

.related-products-title {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 0 50px 0;
    letter-spacing: 2px;
    font-family: sans-serif;
}

.related-products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    align-items: start;
}

.related-product-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.related-product-image {
    margin-bottom: 25px;
    width: 100%;
}

.related-product-image a {
    display: block;
    text-decoration: none;
}

.related-product-image img {
    width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: 8px;
    object-fit: cover;
}

.related-product-title {
    margin: 0 0 15px 0;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1.3;
}

.related-product-title a {
    color: #ffffff;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.related-product-title a:hover {
    opacity: 0.8;
}

.related-product-description {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 25px;
    min-height: 48px; /* Approximate height for 2 lines */
}

.related-product-button {
    margin-top: auto;
    width: 100%;
}

.order-now-button {
    display: inline-block;
    background-color: #ff7a00; /* Bright orange */
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    padding: 14px 30px;
    border-radius: 8px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

.order-now-button:hover {
    background-color: #e66a00;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 122, 0, 0.3);
}

.order-now-button:active {
    transform: translateY(0);
}

/* Responsive Design */
@media (max-width: 968px) {
    .related-products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    .related-products-title {
        font-size: 28px;
        margin-bottom: 40px;
    }
}

@media (max-width: 768px) {
    .related-products-custom {
        padding: 40px 15px;
        margin: 40px 0;
    }
    
    .related-products-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .related-products-title {
        font-size: 24px;
        margin-bottom: 30px;
    }
    
    .related-product-title {
        font-size: 18px;
    }
    
    .related-product-description {
        font-size: 15px;
    }
}

/* Hide price amount from cart button in header */
.elementor-menu-cart__toggle_button .elementor-button-text,
.elementor-menu-cart__toggle .elementor-button-text,
.elementor-menu-cart__toggle_button span.elementor-button-text {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Ensure cart icon and badge are still visible */
.elementor-menu-cart__toggle_button .elementor-button-icon {
    display: inline-block !important;
}

/* Custom cart icon styling */
.elementor-menu-cart__toggle_button .elementor-button-icon svg.custom-cart-icon {
    width: 34px !important;
    height: 31px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Hide price from WooCommerce cart widget in header (if used) */
.widget_shopping_cart .woocommerce-mini-cart__total {
    display: none !important;
}

/* Category Banner Wrapper Styles */
.ft-category-banner-wrapper {
    width: 100%;
    position: relative;
    min-height: 300px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0;
    margin-bottom: 20px;
    overflow: hidden;
}

/* Add overlay for better text readability */
.ft-category-banner-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

/* Style breadcrumb inside banner */
.ft-category-banner-wrapper .woocommerce-breadcrumb {
    position: relative;
    z-index: 2;
    color: #fff;
    padding: 0 20px;
}

.ft-category-banner-wrapper .woocommerce-breadcrumb a {
    color: #fff;
    text-decoration: none;
}

.ft-category-banner-wrapper .woocommerce-breadcrumb a:hover {
    text-decoration: underline;
}

/* Style header inside banner */
.ft-category-banner-wrapper .woocommerce-products-header {
    position: relative;
    z-index: 2;
    padding: 20px 20px 0;
}

.ft-category-banner-wrapper .woocommerce-products-header__title {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}