/*
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; } }

.custom-logo,
.custom-logo-link img,
a.custom-logo-link img,
header img.custom-logo {
    max-height: 56px;
    width: auto !important;
    height: auto;
    object-fit: contain;
    display: block;
}

header .flex-shrink-0 img {
    max-height: 56px;
    width: auto;
}

header {
    direction: ltr;
}

html[dir="rtl"] header {
    direction: rtl;
}

html[dir="rtl"] body,
html[dir="rtl"] .container,
html[dir="rtl"] main,
html[dir="rtl"] article,
html[dir="rtl"] .text-left {
    text-align: right;
}

html[dir="rtl"] .lg\:flex.items-center.space-x-1,
html[dir="rtl"] .lg\:flex.items-center.space-x-3,
html[dir="rtl"] .lg\:flex.items-center.gap-1,
html[dir="rtl"] .lg\:flex.items-center.gap-3,
html[dir="rtl"] .flex.space-x-1,
html[dir="rtl"] .flex.space-x-3,
html[dir="rtl"] .flex.space-x-4,
html[dir="rtl"] .flex.space-x-5 {
    flex-direction: row-reverse;
}

html[dir="rtl"] .fixed.bottom-8.right-8 {
    right: auto;
    left: 2rem;
}

html[dir="rtl"] .page-virtual-tour .absolute.left-4,
html[dir="rtl"] .page-virtual-tour .absolute.left-6,
html[dir="rtl"] .page-virtual-tour .absolute.left-8,
html[dir="rtl"] .page-virtual-tour .absolute.md\:left-8 {
    left: auto;
    right: 1rem;
}
html[dir="rtl"] .page-virtual-tour .absolute.right-4,
html[dir="rtl"] .page-virtual-tour .absolute.right-6,
html[dir="rtl"] .page-virtual-tour .absolute.right-8,
html[dir="rtl"] .page-virtual-tour .absolute.md\:right-8 {
    right: auto;
    left: 1rem;
}

html[dir="rtl"] .transform.-translate-x-1\/2 {
    transform: translateX(50%);
}

html[dir="rtl"] .fas {
    margin-left: 0;
}

.font-jakarta {
    font-family: 'Plus Jakarta Sans', 'Vazirmatn', system-ui, -apple-system, sans-serif;
}

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

.font-vazir,
body.farsi,
html[dir="rtl"] body {
    font-family: 'Vazirmatn', 'Plus Jakarta Sans', system-ui, sans-serif;
}

header nav a,
header button,
header .lg\:flex a {
    white-space: nowrap;
}

@media (max-width: 1279px) {
    header nav .lg\:flex.items-center.space-x-1 a,
    header nav .lg\:flex.items-center.space-x-1 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

@media (max-width: 1100px) {
    header nav.px-4 {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
    header .lg\:flex.items-center.space-x-1 a {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        font-size: 0.8125rem;
    }
    header a.bg-espresso span.ml-2,
    header a.bg-espresso span.ms-2 {
        margin-left: 0.5rem;
    }
}