/**
 * Christmas Theme - pickup.today
 * Full festive styling - ALL button classes included
 */

:root {
    --theme-primary: #c41e3a;
    --theme-primary-dark: #a01830;
    --theme-secondary: #1a472a;
    --theme-secondary-light: #2d5a3f;
    --theme-accent: #ffd700;
    --theme-accent-light: #ffec8b;
}

/* ============================================
   DEAL CARDS - Festive Border
   ============================================ */
.theme-christmas .deal-card,
body.theme-christmas .deal-card {
    position: relative;
    border: 2px solid transparent !important;
    background: 
        linear-gradient(white, white) padding-box,
        linear-gradient(135deg, var(--theme-primary), var(--theme-secondary), var(--theme-primary)) border-box !important;
    transition: all 0.3s ease;
}

.theme-christmas .deal-card:hover,
body.theme-christmas .deal-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(196, 30, 58, 0.2) !important;
}

/* ============================================
   ALL VIEW DEAL BUTTONS
   - .card-btn (embed-index.php)
   - .deal-button (embed-deals.php)
   ============================================ */
.theme-christmas .card-btn,
body.theme-christmas .card-btn,
.theme-christmas .deal-button,
body.theme-christmas .deal-button {
    background: linear-gradient(135deg, var(--theme-primary), var(--theme-primary-dark)) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 4px 15px rgba(196, 30, 58, 0.3) !important;
}

.theme-christmas .card-btn:hover,
body.theme-christmas .card-btn:hover,
.theme-christmas .deal-button:hover,
body.theme-christmas .deal-button:hover {
    background: linear-gradient(135deg, var(--theme-primary-dark), #8a1528) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(196, 30, 58, 0.4) !important;
}

/* ============================================
   CTA BUTTONS - Browse All Deals
   ============================================ */
.theme-christmas .cta-btn,
body.theme-christmas .cta-btn {
    background: linear-gradient(135deg, var(--theme-primary), var(--theme-primary-dark)) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 4px 15px rgba(196, 30, 58, 0.3) !important;
}

.theme-christmas .cta-btn:hover,
body.theme-christmas .cta-btn:hover {
    background: linear-gradient(135deg, var(--theme-primary-dark), #8a1528) !important;
}

/* ============================================
   SEARCH BUTTONS
   ============================================ */
.theme-christmas .search-btn,
body.theme-christmas .search-btn {
    background: linear-gradient(135deg, var(--theme-primary), var(--theme-primary-dark)) !important;
    border: none !important;
    color: white !important;
}

.theme-christmas .search-btn:hover,
body.theme-christmas .search-btn:hover {
    background: linear-gradient(135deg, var(--theme-primary-dark), #8a1528) !important;
}

/* ============================================
   PAGINATION BUTTONS
   ============================================ */
.theme-christmas .pagination-btn.active,
body.theme-christmas .pagination-btn.active {
    background: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
}

.theme-christmas .pagination-btn:hover,
body.theme-christmas .pagination-btn:hover {
    border-color: var(--theme-primary) !important;
    color: var(--theme-primary) !important;
}

/* ============================================
   HEADER - Candy Cane Stripe
   ============================================ */
.theme-christmas header,
.theme-christmas .header,
body.theme-christmas header {
    border-bottom: 3px solid;
    border-image: repeating-linear-gradient(
        90deg,
        var(--theme-primary) 0px,
        var(--theme-primary) 20px,
        var(--theme-secondary) 20px,
        var(--theme-secondary) 40px
    ) 1;
}

/* ============================================
   PRICES - Red Accent
   ============================================ */
.theme-christmas .sale-price,
.theme-christmas .discount,
.theme-christmas .price-drop,
body.theme-christmas .card-price,
body.theme-christmas .deal-price {
    color: var(--theme-primary) !important;
}

/* ============================================
   CATEGORY PILLS & BUTTONS
   ============================================ */
.theme-christmas .category-pill.active,
.theme-christmas .category-pill:hover,
.theme-christmas .cat-item:hover,
.theme-christmas .quick-cat:hover,
body.theme-christmas .cat-item:hover,
body.theme-christmas .quick-cat:hover,
body.theme-christmas .cat-trigger.active {
    background: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
    color: white !important;
}

/* ============================================
   GOLD ACCENTS
   ============================================ */
.theme-christmas .highlight,
.theme-christmas .featured-badge,
body.theme-christmas .hot-badge {
    color: var(--theme-accent) !important;
}

/* ============================================
   HOT BADGE
   ============================================ */
.theme-christmas .hot-badge,
body.theme-christmas .hot-badge,
.theme-christmas .badge-hot,
body.theme-christmas .badge-hot {
    background: var(--theme-primary) !important;
}

/* ============================================
   FOOTER
   ============================================ */
.theme-christmas footer,
.theme-christmas .footer,
body.theme-christmas footer {
    background: linear-gradient(180deg, #1a1a1a, var(--theme-secondary)) !important;
}

/* ============================================
   SIDEBAR & WIDGETS
   ============================================ */
.theme-christmas .sidebar-title,
.theme-christmas .widget-title,
body.theme-christmas .widget-title {
    color: var(--theme-secondary) !important;
}

.theme-christmas .newsletter-form button,
body.theme-christmas .newsletter-form button,
body.theme-christmas .sidebar-newsletter button {
    background: linear-gradient(135deg, var(--theme-primary), var(--theme-primary-dark)) !important;
    color: white !important;
}

.theme-christmas .newsletter-form button:hover,
body.theme-christmas .newsletter-form button:hover,
body.theme-christmas .sidebar-newsletter button:hover {
    background: linear-gradient(135deg, var(--theme-primary-dark), #8a1528) !important;
}

/* ============================================
   LINKS
   ============================================ */
.theme-christmas a.view-all:hover,
.theme-christmas .see-more:hover,
body.theme-christmas .view-all:hover {
    color: var(--theme-primary) !important;
}

/* ============================================
   LIKE BUTTON WHEN ACTIVE
   ============================================ */
.theme-christmas .act-btn.liked,
body.theme-christmas .act-btn.liked,
.theme-christmas .like-btn.liked,
body.theme-christmas .like-btn.liked,
.theme-christmas .action-btn.liked,
body.theme-christmas .action-btn.liked {
    color: var(--theme-primary) !important;
}