/*
Theme Name: Smart Directory Pro V2
Theme URI: https://smartdirectorypro.com
Author: Arielle Phoenix
Author URI: https://ariellephoenix.com
Description: Modern, responsive theme for Smart Directory Pro with enhanced features and beautiful design
Version: 3.5.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: directory, listings, business
Text Domain: smartdirectorypro
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
*/

/* Add theme styles here */

/* Popularity Times Widget Styles */
.popularity-chart .grid div:hover {
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

.popularity-chart .grid div[title]:hover::after {
    content: attr(title);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 10;
    margin-bottom: 4px;
}

.popularity-chart .grid div {
    position: relative;
}

/* Smooth transitions for day switching */
.popularity-chart [x-show] {
    transition: opacity 0.3s ease-in-out;
}

/* Peak times styling */
.peak-times-badge {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.8;
    }
}

/* Category Section Animation */
.category-section .category-item {
    /* Initial state is set by Tailwind classes: opacity-0 translate-y-8 */
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.category-section .category-item.is-in-view {
    opacity: 1;
    transform: translateY(0);
}

/* Add other custom non-Tailwind CSS below */