/* ==========================================================================
   ZEPHYR CUSTOM STYLES
   ==========================================================================
   Brand-specific styles for Zephyr Scale Models
   ========================================================================== */


/* ==========================================================================
   SINGLE PRODUCT PAGE
   ========================================================================== */

/* Payment Methods (Blocksy: Product Elements > Payment Methods) */
fieldset {
    padding: 30px;
    border: none;
}

fieldset.ct-payment-methods {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    gap: 1em;
    padding: 15px 30px 20px 0;
}

/* Product Carousel */
.blaze-product-carousel .owl-stage {
    margin-bottom: 10px;
}


/* ==========================================================================
   PRODUCT ARCHIVE / CATEGORY PAGES
   ========================================================================== */

/* Product Card */
[data-products] .product {
    background: #F6F6F6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 8px;
    transition: box-shadow 0.3s ease;
}

[data-products] .product:hover {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.12);
}

/* Product Title */
h2.woocommerce-loop-product__title {
    margin-top: 24px;
    text-transform: none;
}

/* Product Image */
ul.products li.product img.wp-post-image {
    max-height: 238px;
    max-width: 253px;
    object-fit: contain;
    margin: 23px auto 0;
}

/* Category Description */
h4.ct-module-title {
    text-align: center;
}

/* Show More Toggle */
.hideable-toggle {
    display: block;
    margin-top: 30px;
    color: #11A8D3;
    cursor: pointer;
    text-decoration: underline;
    transition: color 0.2s ease-in-out;
}

.hideable-toggle:hover {
    color: #0084A9;
}

.hideable {
    margin-top: 30px;
}

/* Swatch Border */
.products [data-swatches-type="button"] .ct-swatch {
    border: 1px solid var(--swatch-button-border-color, var(--theme-border-color));
}

/* Sale Price Colors (Simple Products) */
.products .product .price del,
.products .product .price del .woocommerce-Price-amount {
    color: var(--theme-palette-color-8, #8C1819);
}

.products .product .price ins,
.products .product .price ins .woocommerce-Price-amount {
    color: var(--theme-palette-color-1, #0B1C52);
}

/* Price Range Colors (Variable Products) */
.products .product .price>.woocommerce-Price-amount:first-child {
    color: var(--theme-palette-color-1, #0B1C52);
}

/* Hide Badge After Price */
.badge-after-price {
    display: none;
}


/* ==========================================================================
   BRAND PAGES
   ========================================================================== */

/* Product Card Actions Spacing */
body.tax-product_brand [data-products="type-1"] .ct-woo-card-actions[data-alignment="equal"] {
    margin-bottom: 20px;
}

/* Hero Section Padding */
body.tax-product_brand[data-prefix="woo_categories"] .hero-section[data-type="type-2"] {
    --container-padding: 24px 0px 27px 0px;
}


/* ==========================================================================
   HEADER
   ========================================================================== */

/* Hide dropdown arrow on info icon */
#menu-info-menu>.menu-item>.ct-menu-link>.ct-toggle-dropdown-desktop {
    display: none;
}


/* ==========================================================================
   MINI CART
   ========================================================================== */

/* Reduce spacing between heading and cart items */
#woo-cart-panel .ct-panel-content-inner {
    padding-top: 0;
    margin-top: 0;
}

#woo-cart-panel .woocommerce-mini-cart__total,
#woo-cart-panel .total {

    padding-top: 5px !important;
    margin-top: 1px !important;
}

/* Shipping progress bar - reduce bottom spacing */
#woo-cart-panel .ct-panel-content-inner .ct-shipping-progress-mini-cart {
    padding-bottom: 0 !important;
}

/* Remove Button - Make visible */
#woo-cart-panel .woocommerce-mini-cart .mini_cart_item .remove {
    position: absolute;
    top: 8px;
    right: 8px;
    inset-inline-end: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 4px;
    background: #fff;
    border-radius: 4px;
    opacity: 1;
    visibility: visible;
    z-index: 10;
}

#woo-cart-panel .woocommerce-mini-cart .mini_cart_item .remove:hover {
    background: var(--theme-palette-color-8, #8C1819);
}

#woo-cart-panel .woocommerce-mini-cart .mini_cart_item .remove:hover svg path {
    stroke: #fff;
}

#woo-cart-panel .woocommerce-mini-cart .mini_cart_item .remove svg {
    width: 24px !important;
    height: 24px !important;
}


/* ==========================================================================
   CHECKOUT
   ========================================================================== */

/* State Select Hover */
.woocommerce-checkout .select2-container--default .select2-results__option:hover {
    color: #000 !important;
    background-color: #f0f0f0 !important;
}

/* Billing Phone Description */
#billing_phone-description {
    white-space: nowrap;
}


/* ==========================================================================
   MY ACCOUNT PAGE
   ========================================================================== */

/* Login/Register Form Field Spacing */
.woocommerce form.woocommerce-form-login p.woocommerce-form-row,
.woocommerce form.woocommerce-form-register p.woocommerce-form-row {
    margin-block-end: 0;
}

/* Align Login and Register Buttons Horizontally */
.blaze-login-register.template1 .blaze-columns {
    align-items: stretch;
}

.blaze-login-register.template1 .blaze-column {
    display: flex;
    flex-direction: column;
}

.blaze-login-register.template1 .blaze-column form {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.blaze-login-register.template1 .blaze-column form>p.form-row:last-child {
    margin-top: auto;
}


/* ==========================================================================
   FOOTER
   ========================================================================== */

/* Payment Icons Grid - Tablet Fix
   Note: Add custom class "payment-icons-grid" to the block for stability */
@media (min-width: 690px) and (max-width: 1024px) {
    .wp-container-core-group-is-layout-1c29ae12 {
        grid-template-columns: repeat(8, auto) !important;
        justify-content: start;
        gap: 10px;
    }
}


/* ==========================================================================
   MOBILE MENU
   ========================================================================== */

/* Secondary Links Group Styling
   Creates a visual "wrapped" effect for secondary menu items
   (Dealers, Shipping & Returns, Videos, Contact Us, Sitemap)

   Requirements:
   - Add CSS class "secondary-link" to each menu item
   - Go to Appearance > Menus > enable "CSS Classes" in Screen Options
*/
@media (max-width: 689px) {

    /* Base styling for all secondary link items */
    .menu-item.secondary-link {
        background: #f5f5f5;
        padding-left: 20px;
        padding-right: 20px;
    }

    /* First item (Dealers) - top spacing and rounded corners */
    #menu-item-1516.secondary-link {
        margin-top: 25px;
        padding-top: 15px;
        border-radius: 12px 12px 0 0;
    }

    /* Last item (Sitemap) - bottom padding and rounded corners */
    #menu-item-1514.secondary-link {
        padding-bottom: 15px;
        margin-bottom: 25px;
        border-radius: 0 0 12px 12px;
    }
}