/* =========================================================
   CUSTOM UI & INTERACTION STYLES
========================================================= */

/* Prevent flash before Slick loads */
.ff-carousel { visibility: hidden; }
.ff-carousel.slick-initialized { visibility: visible; }

/* Slick carousel overrides */
.slick-slide { height: auto; padding: 0 10px; }

.ff-carousel .slick-prev,
.ff-carousel .slick-next {
    color: #ffd700;
    font-size: 30px;
    z-index: 10;
}

.ff-carousel .slick-prev:hover,
.ff-carousel .slick-next:hover {
    color: #ffcc00;
}


/* Filter animation */
.ff-section { transition: opacity 0.3s ease, transform 0.3s ease; }
.ff-section.ff-hidden { display: none; }

/* Filter buttons active state */
.ff-filter-btn.active { box-shadow: 0 0 0 3px rgba(255,215,0,0.3); }

/* Section title */
.ff-section-title {
    background: #d4af37;
    color: #fff;
    padding: 12px 20px;
    text-align: left;
    border-radius: 6px;
    border: 2px solid goldenrod;
    font-size: 22px;
    margin-bottom: 15px;
}

/* View All / View More button */
.ff-view-all-wrap,
.ff-view-more { text-align: center; margin-top: 10px; }

.ff-view-all-btn,
.ff-view-more {
    display: inline-block;
    background: #d4af37;
    color: #fff !important;
    border-radius: 25px;
    padding: 10px 25px;
    font-weight: 600;
    text-decoration: none;
}


/* Mobile fixes */
@media (max-width: 768px) {
    .ff-section { padding: 15px; }
    .ff-products li.product { width: 48% !important; }
}

/* Product grid / carousel spacing */
.ff-products li.product { margin-bottom: 20px; }

.ff-countdown {
    font-size: 14px;
    font-weight: 700;
    color: #ff4d4d;
    margin-top: 8px;
}

.ff-btn-view-all,.woocommerce a.button{background:#d4af37!important;color:#fff!important;border-radius:25px;padding:10px 20px;font-weight:600;text-align:center;display:inline-block;margin-top:15px;}
.ff-btn-view-all:hover,.woocommerce a.button:hover{background:#b8962e!important;}
.ff-view-all-btn:hover,.ff-view-more:hover{background:#b8962e;}