/*
Theme Name: Taalsari Cafe
Theme URI: https://taalsaricafe.com
Author: KhidePeyechhe.com
Author URI: https://khidepeyechhe.com
Description: A premium, mobile-first WordPress theme for Taalsari Cafe – a roadside cafe beside Jessore Road. Featuring a Bento Grid layout, Google Maps reviews, and an interactive QR ordering flow.
Version: 1.0
License: GPL v2 or later
Text Domain: taalsari-cafe
*/

/* Base CSS and Custom Animations */
html {
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #F8F5E9;
}
::-webkit-scrollbar-thumb {
    background: #1B4332;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #2D6A4F;
}

/* Custom Animations */
@keyframes sway {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(4deg); }
}
.animate-sway {
    transform-origin: 0px 0px;
    animation: sway 4s ease-in-out infinite alternate;
}

@keyframes float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-10px) rotate(2deg); }
}
.animate-float {
    animation: float 4s ease-in-out infinite;
}

@keyframes steam {
    0% { transform: translateY(0) scale(1) translateX(0); opacity: 0; }
    30% { opacity: 0.5; }
    50% { transform: translateY(-15px) scale(1.1) translateX(2px); opacity: 0.3; }
    80% { opacity: 0.1; }
    100% { transform: translateY(-30px) scale(1.2) translateX(-2px); opacity: 0; }
}
.steam-line-1 {
    animation: steam 3s ease-in-out infinite;
}
.steam-line-2 {
    animation: steam 3.5s ease-in-out infinite 0.7s;
}
.steam-line-3 {
    animation: steam 2.8s ease-in-out infinite 1.4s;
}

@keyframes train-move {
    0% { transform: translateX(-150px); }
    100% { transform: translateX(calc(100% + 150px)); }
}
.animate-train {
    animation: train-move 20s linear infinite;
}

@keyframes pulse-ring {
    0% { transform: scale(0.95); opacity: 0.8; }
    100% { transform: scale(1.5); opacity: 0; }
}
.animate-pulse-ring {
    animation: pulse-ring 2s cubic-bezier(0.215, 0.610, 0.355, 1) infinite;
}

/* Custom Utilities */
.glass-card {
    background: rgba(248, 245, 233, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(27, 67, 50, 0.1);
}
.glass-card-dark {
    background: rgba(27, 67, 50, 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(212, 160, 23, 0.2);
}

/* Bento Grid Utilities */
.bento-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}
@media (max-width: 1024px) {
    .bento-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 640px) {
    .bento-grid {
        grid-template-columns: 1fr;
    }
}