a[href="https://www.workandweardirect.co.uk/product-category/uncategorized/"] {
    display: none !important;
}


.woocommerce ul.products li.product img,
.the-product-thumb img {
    object-fit: contain !important;
    object-position: center !important;
    width: 100% !important;
    height: 100% !important;
    background: #ffffff; /* White background for empty space */
}

/* Ensure container maintains square aspect ratio */
.the-product-thumb {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #ffffff; /* Background color for letterboxing */
}


.shop_cat_image {
    background-color: #ffffff !important;
    aspect-ratio: 10 / 8 !important;
    background-size: contain !important;
}




.featured-badge {
    position: absolute;
    top: 7px;
    right: 7px;
    line-height: 1em;
    background-color: #FD8103;
    color: white;
    padding: 8px 10px;
    font-size: 11px;
    font-weight: bold;
    border-radius: 3px;
    z-index: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    }

    @media only screen and (max-width: 750px) {

        .featured-badge {
            position: absolute;
            top: 5px;
            right: 5px;
            line-height: 1em;
            background-color: #FD8103;
            color: white;
            padding: 6px 8px;
            font-size: 8px;
            font-weight: bold;
            border-radius: 3px;
            z-index: 1;
            text-transform: uppercase;
            letter-spacing: 0px;
            }

    }




    .btn_popup {
        position: absolute;
        top: 60px;
        line-height: 1.6em;
        display: block;
        background: #303E47;
        border-radius: 6px;
        text-align: center;
        padding: 8px;
        width: 200px;
        left: 50%;
        transform: translateX(-50%);
        color: #ffffff;
        font-size: 8pt;
        text-transform: uppercase;
        letter-spacing: 1px;
        animation-name: bounce;
        animation-timing-function: ease;
        animation-duration: 1.2s;
        animation-iteration-count: infinite;
        font-weight: 550;
        display: none;
        box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
        z-index: 999;
        }

        @keyframes bounce {
            0%   { transform: translateX(-50%) translateY(0); }
            50%  { transform: translateX(-50%) translateY(5px); }
            100% { transform: translateX(-50%) translateY(0); }
            }

    .btn_popup_arrow {
        position: absolute;
        top: -7px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #303E47;
        }




#main_menu > li > a {
    padding: 20px 12px;
}

#main_menu > .menu-item-has-children > a {
    padding-right: 24px !important;
}

.product_usps {
    margin-top:30px !important;
}

.select_pa_size, .select_pa_fit {
    border: 1px solid #666 !important;
    border-radius: 6px !important;
}

.scrolled #main_menu > li > a {
    color: #ffffff;
}
.scrolled #main_menu > li > a:hover {
    color: var(--colour-black);
}
.scrolled #main_menu .current-menu-item > a {
    color: var(--colour-black);
}

.can_customise .wp_content {
    max-width: 350px !important;
}

.can_customise span.button {
    display: none !important;
}

.hidden_field {
    display: none;
}



/* Reset the flexslider viewport dimensions */
.woocommerce-product-gallery .flex-viewport {
    height: auto !important;
    max-height: 600px !important;
    overflow: visible !important;
    position: relative !important;
}
/* Fix the wrapper width and transform issues */
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
    width: auto !important;
    transform: none !important;
    transition: none !important;
    display: flex !important;
    flex-direction: column !important;
    transform: translate3d(0, 0, 0) !important;
}
/* Fix individual gallery images */
.woocommerce-product-gallery .woocommerce-product-gallery__image {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    display: block !important;
    position: static !important;
    flex-shrink: 0 !important;
    min-width: 100% !important;
}
/* Style all gallery images consistently */
.woocommerce-product-gallery .woocommerce-product-gallery__image {
    opacity: 1 !important;
}
/* Hide all images except the active one - BUT show if it's the only image */
.woocommerce-product-gallery .woocommerce-product-gallery__image:not(.flex-active-slide) {
    display: none !important;
}

/* Show single image when no flex-active-slide class exists */
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper:not(:has(.flex-active-slide)) .woocommerce-product-gallery__image {
    display: block !important;
}

/* Alternative fallback - show first image if no active slide */
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child {
    display: block !important;
}

/* Style the main gallery images */
.woocommerce-product-gallery .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: auto !important;
    max-height: 500px !important;
    object-fit: contain !important;
}
/* Show and style the thumbnails */
.flex-control-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 15px !important;
    justify-content: flex-start !important;
}
/* Style individual thumbnail items */
.flex-control-nav li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    transition: border-color 0.3s ease !important;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    width: 20% !important;
}
.woocommerce-product-gallery__image a {
    border: 1px solid #cccccc !important;
}
/* Style thumbnail images */
.flex-control-nav li img {
    width: 85% !important;
    height: 85% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 1px !important;
}
/* Active thumbnail styling */
.flex-control-nav li.flex-active {
    border-color: #333333 !important;
}
/* Hover effect for thumbnails */
.flex-control-nav li:hover {
    border-color: #333333 !important;
}
/* Fix zoom image positioning if present */
.woocommerce-product-gallery .zoomImg {
    display: none !important;
}
/* Ensure the gallery trigger (zoom icon) is visible */
.woocommerce-product-gallery__trigger {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 10 !important;
}

/* Hide thumbnails when there's only one image */
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper:has(.woocommerce-product-gallery__image:only-child) + .flex-control-nav {
    display: none !important;
}