/*
============================================
SILVERHILL MILL - PRODUCT FILTERS
============================================
Wood filter widget styling including:
- Tag button styling
- Hover states
- Active tag highlighting
============================================
*/

/* ========================================
   PRODUCT TAG FILTER (Wood Filter Widget)
======================================== */
/* Most specific possible selectors for wood filter tags */
body.woocommerce-page .wood-filter a,
body.woocommerce .wood-filter a,
body .wood-filter .tagcloud a,
body .wood-filter ul li a,
body .wood-filter p a,
.woocommerce-page #sidebar .wood-filter a,
.woocommerce #sidebar .wood-filter a,
#sidebar .wood-filter .tagcloud a {
    display: inline-block !important;
    background: #6D4C41 !important;
    background-color: #6D4C41 !important;
    color: #FFFFFF !important;
    padding: 8px 16px !important;
    margin: 4px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
}

/* Hover state */
body.woocommerce-page .wood-filter a:hover,
body.woocommerce .wood-filter a:hover,
body .wood-filter .tagcloud a:hover,
body .wood-filter ul li a:hover {
    background: #5D4037 !important;
    background-color: #5D4037 !important;
    color: #FFFFFF !important;
}

/* ========================================
   ACTIVE PRODUCT TAG HIGHLIGHTING
======================================== */
/* Cedar - add more wood types as you create them */
body.term-cedar .wood-filter a[href*="/cedar/"] {
    background: #B8956A !important;
    background-color: #B8956A !important;
    color: #FFFFFF !important;
}