/*
Theme Name: CROW Menu
Theme URI: https://github.com/google-deepmind/antigravity
Author: Antigravity
Author URI: https://github.com/google-deepmind/antigravity
Description: Premium & interactive single-page menu theme for CROW Pub, featuring offline-first cart simulation, WordPress Customizer settings, and a robust admin-ajax Demo Content Importer.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: crow-pub
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');

:root {
    --crow-red: #ff3b3b;
    --crow-dark: #0f0f0f;
    --crow-darker: #050505;
    --crow-gray: #1a1a1a;
    --text-light: #f0f0f0;
    --text-muted: #9ca3af;
}

body {
    font-family: 'Montserrat', sans-serif;
    background-color: var(--crow-darker);
    color: var(--text-light);
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

.font-serif-title {
    font-family: 'Playfair Display', serif;
}

.price-tag {
    color: var(--crow-red);
    font-weight: 800;
    font-size: 1rem;
}

/* Hide scrollbar for category list if we add it back */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.category-grid-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 60%);
}

/* Modal Styles */
#item-modal-overlay {
    transition: opacity 0.3s ease;
}
#item-modal-content {
    transition: transform 0.3s ease-out;
}
.modal-open #item-modal-overlay {
    opacity: 1;
    pointer-events: auto;
}
.modal-open #item-modal-content {
    transform: translateY(0);
}

/* Cart Floating Button */
#cart-floating-btn {
    box-shadow: 0 4px 20px rgba(255, 59, 59, 0.4);
}

/* checkout-modal specifically */
#checkout-modal-content {
    transition: transform 0.3s ease-out;
}
.checkout-open #checkout-modal-overlay {
    opacity: 1;
    pointer-events: auto;
}
.checkout-open #checkout-modal-content {
    transform: translateY(0);
}