/*
Theme Name: CookArte Theme
Theme URI: https://example.com/cookarte-theme
Author: Gemini
Author URI: https://gemini.google.com
Description: Un tema de WordPress personalizado para el restaurante CookArte, basado en un diseño estático. Elegante, moderno y centrado en la gastronomía.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, custom-menu, featured-images, theme-options
Text Domain: cookarte-theme
*/

body {
    font-family: 'Manrope', sans-serif;
    background-color: #F9FAFB; /* bg-gray-50 */
    color: #1F2937; /* text-gray-800 */
}
.font-serif {
    font-family: 'Playfair Display', serif;
}
.hero-bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.unsplash.com/photo-1555396273-367ea4eb4db5?q=80&w=1974&auto=format&fit=crop');
    background-size: cover;
    background-position: center;
}
.header-scrolled {
    background-color: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #E5E7EB; /* border-gray-200 */
}
.nav-link {
    position: relative;
    transition: color 0.3s ease;
}
.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #E99A3B; /* Orange Accent */
    transition: width 0.3s ease;
}
.nav-link:hover::after,
.current-menu-item > a::after {
    width: 100%;
}
.cta-button {
    transition: all 0.3s ease;
}
.gallery-img {
    transition: transform 0.4s ease, filter 0.4s ease;
}
.gallery-img:hover {
    transform: scale(1.05);
}
@keyframes spin {
    to { transform: rotate(360deg); }
}
.loader {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-top-color: #E99A3B; /* Orange Accent */
    animation: spin 1s linear infinite;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
}