/*
Theme Name: Blue Restaurant
Theme URI: https://blue--restaurant.com
Description: A premium restaurant WordPress theme with Tailwind CSS and Alpine.js. Editorial luxury design with warm tones, sophisticated typography, and seamless animations. Features SEO optimization, security enhancements, and accessibility support.
Author: sahandm96
Author URI: https://sahandm96.com
Company: gamemap.ir
Version: 4.0
Tags: restaurant, food, responsive, tailwind, premium, editorial, luxury, seo-optimized, accessibility-ready, translation-ready, custom-menu, custom-logo, featured-images, threaded-comments, post-formats, rtl-language-support, footer-widgets, blog, e-commerce, business
Text Domain: blue-restaurant
Requires at least: 5.8
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Blue Restaurant Theme, Copyright (C) 2024 sahandm96
Blue Restaurant is distributed under the terms of the GNU GPL

Credits:
- Tailwind CSS (https://tailwindcss.com)
- Alpine.js (https://alpinejs.dev)
- Font Awesome (https://fontawesome.com)
- Google Fonts (https://fonts.google.com)

Made with ❤️ by sahandm96
*/

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f5f2ed;
}

::-webkit-scrollbar-thumb {
    background: #1D4ED8;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #2563EB;
}

html {
    scroll-behavior: smooth;
}

::selection {
    background: #1D4ED8;
    color: #fff;
}

.text-espresso { color: #0C2340; }
.text-cream { color: #EFF6FF; }
.text-gold { color: #1D4ED8; }
.text-sage { color: #0D9488; }
.bg-espresso { background-color: #0C2340; }
.bg-cream { background-color: #EFF6FF; }
.bg-gold { background-color: #1D4ED8; }
.bg-sage { background-color: #0D9488; }
.border-espresso\/10 { border-color: rgba(12, 35, 64, 0.1); }
.text-espresso\/60 { color: rgba(12, 35, 64, 0.6); }
.text-espresso\/40 { color: rgba(12, 35, 64, 0.4); }
.text-cream\/70 { color: rgba(239, 246, 255, 0.7); }
.text-cream\/80 { color: rgba(239, 246, 255, 0.8); }
.text-cream\/60 { color: rgba(239, 246, 255, 0.6); }
.text-cream\/50 { color: rgba(239, 246, 255, 0.5); }
.text-gold\/60 { color: rgba(29, 78, 216, 0.6); }
.bg-espresso\/95 { background-color: rgba(12, 35, 64, 0.95); }
.bg-espresso\/90 { background-color: rgba(12, 35, 64, 0.9); }
.bg-espresso\/80 { background-color: rgba(12, 35, 64, 0.8); }
.border-espresso\/10 { border-color: rgba(12, 35, 64, 0.1); }
.bg-white\/10 { background-color: rgba(255,255,255,0.1); }

.alignleft {
    float: left;
    margin-right: 1.5em;
}

.alignright {
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.columns-1 { column-count: 1; }
.columns-2 { column-count: 2; }
.columns-3 { column-count: 3; }
.columns-4 { column-count: 4; }
.break-inside-avoid { break-inside: avoid; }
@media (min-width: 640px) { .sm\:columns-2 { column-count: 2; } }
@media (min-width: 1024px) { .lg\:columns-3 { column-count: 3; } }
@media (min-width: 1280px) { .xl\:columns-4 { column-count: 4; } }