/*
Theme Name: Allendale Steakhouse Luxe
Theme URI: https://allendalesteakhouse.com/
Author: Allendale Steakhouse
Author URI: https://allendalesteakhouse.com/
Description: Luxury dark-and-gold steakhouse theme for Allendale Steakhouse, generated from the Allendale Steakhouse Design System (Cormorant Garamond + Jost, token-driven). Ships a precompiled React front-end — no page builder required — with key restaurant facts editable in the Customizer and full Elementor compatibility.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: allendale-luxe
Tags: restaurant, food-and-drink, custom-logo, custom-menu, theme-options, translation-ready, full-width-template, elementor
*/

/* The visual design system lives in assets/css/styles.css (tokens + components).
   This file carries the required theme header plus the small global rules that
   were inlined in the design's index.html. */

html { scroll-behavior: smooth; }
html, body { margin: 0; background: var(--bg-page, #0a0a0b); }

/* Mobile nav visibility (matches the design's breakpoint) */
.kit-mobile-nav { display: none; }
@media (max-width: 860px) {
  .kit-desktop-nav { display: none !important; }
  .kit-mobile-nav { display: inline-flex !important; }
}

/* Branded scrollbar */
*::-webkit-scrollbar { width: 10px; }
*::-webkit-scrollbar-track { background: var(--ash-black, #0a0a0b); }
*::-webkit-scrollbar-thumb { background: var(--ash-charcoal-700, #2a2a2e); border-radius: 99px; }

/* The React app mounts here and renders the full site. */
#root { min-height: 100vh; }

/* Keep the WordPress admin bar from covering the fixed site header. */
.admin-bar #root .kit-header,
.admin-bar #root header[data-kit-header] { top: 32px; }
@media screen and (max-width: 782px) {
  .admin-bar #root .kit-header,
  .admin-bar #root header[data-kit-header] { top: 46px; }
}

.screen-reader-text {
  border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
  height: 1px; width: 1px; margin: -1px; padding: 0; overflow: hidden;
  position: absolute !important; word-wrap: normal !important;
}