/*
Theme Name: Norte Arte y Mate
Theme URI: https://nortearteymate.com
Author: Norte Arte y Mate
Description: Tema personalizado para Norte Arte y Mate - Tienda de mates, termos y accesorios del norte argentino
Version: 1.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: norte-arte-y-mate
*/

/* ===== Custom Theme Styles ===== */

/* Hot Sale Gradient */
.hot-sale-gradient {
    background: linear-gradient(135deg, #ff4141, #ff6b35, #ff8c00);
}

/* Marquee Animation */
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.animate-marquee {
    animation: marquee 15s linear infinite;
}

/* WhatsApp Pulse */
@keyframes whatsapp-pulse {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}
.whatsapp-pulse {
    animation: whatsapp-pulse 2s infinite;
}

/* Product Card Hover */
.product-card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.product-card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.1);
}

/* Scroll Animations */
.fade-in-up {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-in-up.visible {
    opacity: 1;
    transform: translateY(0);
}

.fade-in-scale {
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-in-scale.visible {
    opacity: 1;
    transform: scale(1);
}

/* Category filter active state */
.category-btn.active {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transform: scale(1.05);
}

/* Mobile Menu */
.mobile-menu {
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
}
.mobile-menu.open {
    transform: translateX(0);
}

/* Countdown digit styling */
.countdown-digit {
    text-align: center;
    min-width: 40px;
}
@media (min-width: 768px) {
    .countdown-digit {
        min-width: 60px;
    }
}

/* Sticky header shadow on scroll */
.site-header.scrolled {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/* WordPress specific adjustments */
.wp-caption {
    max-width: 100%;
}
.wp-caption-text {
    font-size: 0.875rem;
    color: #6a7282;
    text-align: center;
}

/* Screen reader text */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}