/* =============================================================
   SHOP-ARCHIVE — Shop/category grid and filters
   Sources: style.css L9-19, L30-58, L89-118, L124-135;
            Customizer CSS L194-196, L1661-1686
   ============================================================= */

/* Buy-now button visited state */
#buy-now-button:visited {
    color: var(--global-palette1);
}

/* ==================== PRODUCT GRID ==================== */

/* Standard WC product card radius */
ul.products li.product {
    border-radius: 20px;
}

/* Why-us card bounce animation */
.why-us-card {
    animation: highlight 6s ease-in-out infinite;
}

/* Stagger animation start times */
#information-box .kt-row-column-wrap div:nth-child(1) .why-us-card { animation-delay: 0s; }
#information-box .kt-row-column-wrap div:nth-child(2) .why-us-card { animation-delay: 2s; }
#information-box .kt-row-column-wrap div:nth-child(3) .why-us-card { animation-delay: 4s; }

/* Subcategory card image tilt on hover */
.subcategory-card:hover .subcategory-card-img {
    animation: 0.5s linear 1 alternate pulse;
}

/* ==================== FILTERS ==================== */

.wpc-filters-submit-button {
    color: var(--global-palette9) !important;
}

.wpc-filters-widget-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

/* Hide title on filament taxonomy pages */
body.term-filament .page-title {
    display: none !important;
}

/* ==================== PRODUCT ARCHIVE SWATCHES ==================== */

/* Hide swatch labels in archive grid */
.product-archive .variations .vi-wpvs-variation-style .label {
    display: none !important;
}

.product-archive .variations {
    margin-top: 10px !important;
}

/* Compact swatch circles in archive */
.product-archive .variations .vi-wpvs-option-wrap {
    width: 24px !important;
    height: 24px;
    box-shadow: 0 0 0 0.6px black inset !important;
    padding: 2px;
}

/* Hide swatch tooltips in archive */
.product-archive .vi-wpvs-options-tooltip {
    visibility: hidden !important;
    display: none !important;
    font-size: 1px !important;
}