/* 
 Theme Name:   RocketRanch Sales
 Theme URI:    
 Description:  
 Author:       TexasTip
 Author URI:   https://lovlastsales.com/shopset
 Template:     twentytwentyfive
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/
/* Consistent spacing between price and Add to Cart - Shop page */
.woocommerce ul.products li.product .price {
    margin-bottom: 18px !important;
}

.woocommerce ul.products li.product .button {
    margin-top: 0 !important;
}

/* Mobile adjustment */
@media (max-width: 768px) {
    .woocommerce ul.products li.product .price {
        margin-bottom: 16px !important;
    }
}


/* Remove "Showing all X results" text */
.woocommerce .woocommerce-result-count {
    display: none !important;
}

/* Remove default sorting dropdown */
.woocommerce .woocommerce-ordering {
    display: none !important;
}


/* ==========================================================================
   UNIVERSAL BUTTON STYLING
   ========================================================================== */
.wp-block-button__link, 
.wp-element-button,
.wc-block-components-button, 
.button.alt, 
.woocommerce button.button,
.woocommerce a.button,
.woocommerce-cart .button,
.woocommerce-checkout .button,
.wc-proceed-to-checkout .button.checkout-button,
.woocommerce-account .button {
    background-color: #004EA0 !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: bold !important;
    padding: 14px 28px !important;
    border-radius: 50px !important;
    border: none !important;
    transition: all 0.2s ease-in-out !important;
}

.wp-block-button__link:hover, 
.wp-element-button:hover,
.wc-block-components-button:hover, 
.button.alt:hover, 
.woocommerce button.button:hover,
.woocommerce a.button:hover {
    background-color: #6DB4F4 !important;
    color: #255F91 !important;
    transform: translateY(-2px) !important;
}

/* ==========================================================================
   SHOP PAGE - PRODUCT TITLE LINKS (Updated for your block structure)
   ========================================================================== */
.wc-block-grid__product-link,
.wc-block-grid__product-title a,
.wc-block-product .wc-block-grid__product-title,
.wc-block-product a:not(.wc-block-grid__product-image a),
.wc-block-product .wc-block-components-product-name a {
    text-decoration: none !important;
    font-weight: 700 !important;
    color: #004EA0 !important;
}

/* Hover */
.wc-block-grid__product-link:hover .wc-block-grid__product-title,
.wc-block-product .wc-block-grid__product-title a:hover,
.wc-block-product a:not(.wc-block-grid__product-image a):hover,
.wc-block-product .wc-block-components-product-name a:hover {
    color: #6DB4F4 !important;
}

/* ==========================================================================
   CART PAGE - PRODUCT NAME LINKS
   ========================================================================== */
.woocommerce-cart table.shop_table .product-name a,
.woocommerce-cart .wc-block-cart-items__product-name a,
.woocommerce table.shop_table td.product-name a,
.wc-block-cart-items__row .wc-block-cart-items__product a {
    font-weight: 700 !important;
    color: #004EA0 !important;
    text-decoration: none !important;
}

.woocommerce-cart table.shop_table .product-name a:hover,
.woocommerce-cart .wc-block-cart-items__product-name a:hover,
.woocommerce table.shop_table td.product-name a:hover,
.wc-block-cart-items__row .wc-block-cart-items__product a:hover {
    color: #6DB4F4 !important;
    text-decoration: none !important;
}

/* Shop Page - Larger & Bolder Prices */
.wc-block-grid__product-price,
.wc-block-grid__product-price .wc-block-components-product-price__value,
.wc-block-product .wc-block-components-product-price__value,
.wc-block-grid__product .price {
    font-size: 1.35rem !important;     /* Adjust this number if you want bigger/smaller */
    font-weight: 700 !important;
    color: #004EA0 !important;
    margin-top: 8px !important;
    margin-bottom: 12px !important;
}

/* Optional: Make sale prices stand out */
.wc-block-grid__product-price ins .wc-block-components-product-price__value {
    color: #e74c3c !important;   /* Red for sale price */
}



/* Shop Page - Product Image Hover Effect (for Product Collection blocks) */
.wc-block-product .wc-block-grid__product-image img,
.wc-block-product img,
li.wc-block-product .wc-block-grid__product-image img,
.wc-block-grid__product-image img {
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.wc-block-product:hover .wc-block-grid__product-image img,
li.wc-block-product:hover .wc-block-grid__product-image img,
.wc-block-grid__product-image:hover img {
    transform: scale(1.08) !important;        /* Zoom in */
/   box-shadow: 0 15px 25px rgba(0, 78, 160, 0.2) !important;
    filter: brightness(0.92) !important;
}  


/* Force Cross-Sells / Related Products on Cart page */
.wc-block-product-collection,
.block-editor-block-list__block[data-type="woocommerce/product-collection"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.wc-block-product-collection h2,
.block-editor-block-list__block[data-type="woocommerce/product-collection"] h2 {
    display: block !important;
}

/* Change the Empty Cart SVG Icon color to your dark blue */
.wc-block-cart__empty-cart__illustration svg,
.wc-block-components-empty-state__image svg {
    fill: #002060 !important; /* Replace with your exact dark blue hex code */
    stroke: #002060 !important;
}

/* Optional: Change the "Your cart is currently empty" text color to match */
.wc-block-cart__empty-cart__title, 
.wc-block-components-empty-state__title {
    color: #002060 !important;
}





/* ------------------------------------------------------------------------- */
/* FORCE SINGLE-COLUMN LAYOUT ON MOBILE FOR SHOP & ARCHIVE PAGES            */
/* ------------------------------------------------------------------------- */

/* Targets mobile viewports up to typical tablet/phone break points */
@media screen and (max-width: 600px) {
    
    /* 1. Target the modern block-based Shop layout (Product Collections / Archives) */
    .wc-block-product-template,
    .wp-block-woocommerce-product-collection ul,
    .wp-block-query ul.wc-block-product-template {
        display: grid !important;
        grid-template-columns: 1fr !important; /* Force layout down to exactly 1 column width */
        gap: 32px !important;                 /* Keep clean vertical breathing room between products */
    }

    /* 2. Target the fallback or classic WooCommerce legacy Shop page structures if triggered */
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100% !important;               /* Expand individual product cards to full display width */
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 24px !important;
    }
}


/* ==========================================================================
   Empty Cart Page Icon Color
   ========================================================================== */
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before, 
.wc-block-cart__empty-cart__title.with-empty-cart-icon { 
    color: #004EA0 !important; 
    fill: #004EA0 !important; 
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon:hover::before { 
    color: #6DB4F4 !important; 
}

/* ==========================================================================
   Header Mini Cart Icon
   ========================================================================== */
.wc-block-mini-cart__button svg, 
.wc-block-mini-cart__button > svg, 
.wc-block-mini-cart__icon svg, 
.wc-block-mini-cart .wc-block-mini-cart__icon svg, 
.wc-block-mini-cart button[aria-label*="cart"] svg { 
    fill: #004EA0 !important; 
    color: #004EA0 !important; 
    stroke: #004EA0 !important; 
}

.wc-block-mini-cart__button:hover svg, 
.wc-block-mini-cart__button:hover > svg, 
.wc-block-mini-cart__button:hover .wc-block-mini-cart__icon svg { 
    fill: #6DB4F4 !important; 
    color: #6DB4F4 !important; 
    stroke: #6DB4F4 !important; 
}

/* Quantity badge */
.wc-block-mini-cart__badge { 
    background-color: #e74c3c !important; 
    color: #ffffff !important; 
}



/* Smooth transition effects for color shifts on the mini-cart button elements */
.wc-block-mini-cart__button svg, 
.wc-block-mini-cart__button {
    transition: fill 0.25s ease-in-out, color 0.25s ease-in-out, stroke 0.25s ease-in-out !important;
}