/*
Theme Name: UK Meal Club
Theme URI: https://www.ukmealclub.com
Author: UK Meal Club
Description: Block theme for UK Meal Club, an authentic Kerala, South Indian & North Indian restaurant in Newcastle-under-Lyme, Stoke-on-Trent. Pairs with the "UK Meal Club — Data & Blocks" plugin for menu, gallery, FAQ, and reviews content.
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 8.0
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: uk-meal-club
*/

/* Most styling lives in theme.json (Global Styles) and the plugin's block CSS.
   This file only covers the handful of things theme.json can't express. */

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  background: var(--wp--preset--color--brand-green);
  color: #fff;
  padding: 10px 16px;
  z-index: 2000;
  border-radius: 0 0 8px 0;
}
.skip-link:focus { left: 0; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(248, 250, 249, 0.9);
  backdrop-filter: saturate(180%) blur(12px);
  -webkit-backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid rgba(2, 34, 38, 0.06);
}

.whatsapp-fab {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #25D366;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 30px -12px rgba(2, 34, 38, 0.3);
  z-index: 1500;
  text-decoration: none;
}
.whatsapp-fab:hover { color: #fff; }

.ukmc-hero-eyebrow {
  display: inline-block;
  background: rgba(0,207,87,0.12);
  color: var(--wp--preset--color--brand-green-dark);
  border-radius: 999px;
  padding: 0.4rem 1rem;
  font-weight: 600;
  font-size: 0.85rem;
}

img[loading="lazy"] { opacity: 0; transition: opacity 0.3s ease; }
img[loading="lazy"].ukmc-loaded { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; }
}