/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/products/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 4.6.0.1726853638
Updated: 2024-09-20 17:33:58

*/

/* 1. SINGLE PRODUCT PAGE */
/* Force the container to allow absolute positioning */
.tax-product_cat-reload .woocommerce-product-gallery {
    position: relative !important;
}

/* .tax-product_cat-reload .woocommerce-product-gallery::after {
    content: "" !important;
    display: block !important;
    background-image: url('/wp-content/uploads/2026/02/shipsinmarch.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    top: 20px !important;
    left: 20px !important;
    width: 120px !important; 
    height: 120px !important;
    z-index: 9999 !important;
    pointer-events: none !important;
}
 

.product_cat-reload {
    position: relative !important;
}

.product_cat-reload .woocommerce-loop-product__link::after {
    content: "" !important;
    display: block !important;
    background-image: url('/wp-content/uploads/2026/02/shipsinmarch.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    width: 70px !important;
    height: 70px !important;
    z-index: 999 !important;
    pointer-events: none !important;
}
*/

.reload-ships-badge {
    display: inline-block;
    padding: 4px 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-radius: 999px; /* capsule shape */
    background: #000;      /* change to match your brand color if needed */
    color: #fff;
    margin-bottom: 6px;
}