/*
Theme Name: The Butcher Shop & Grill
Theme URI: https://www.thebutchershop.co.za/
Author: Tailored Webs
Author URI: https://tailoredwebs.com/
Description: A brand-bespoke WordPress + WooCommerce theme for The Butcher Shop & Grill steakhouse — "Raising the Steaks Since 1961". Classic-PHP theme with theme.json design tokens, a Know-Your-Cuts interactive, flipbook menu, DinePlan booking modal, branded WooCommerce butchery shop, contact submissions, and a tabbed admin settings screen.
Version: 1.2.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: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: butchershop
Tags: restaurant, woocommerce, e-commerce, custom-colors, custom-logo, custom-menu, featured-images, sticky-post, translation-ready
WC requires at least: 7.0
WC tested up to: 8.7

This theme is built on the WooCommerce Boutique Theme recipe. WooCommerce is
integrated through hooks (not template rewrites) so plugins keep working.
*/

/* ---------------------------------------------------------------------------
   style.css is intentionally light. All real styling lives in:
     assets/css/theme.css         (design system, ported from the prototype)
     assets/css/woocommerce.css   (loaded only when WooCommerce is active)
   These few rules are safe fallbacks for when the editor/admin loads style.css.
---------------------------------------------------------------------------- */
:root {
  --bsg-green: #1d4d29;
  --bsg-green-dark: #143a1e;
  --bsg-green-hover: #2a6638;
  --bsg-green-accent: #2f6e3c;
  --bsg-gold: #b18a3e;
  --bsg-gold-light: #e9d39a;
  --bsg-cream: #f2ebd7;
  --bsg-parchment: #d9c7a4;
  --bsg-paper: #fbf7ec;
  --bsg-ink: #2c2a22;
}

body {
  margin: 0;
  font-family: 'PT Serif', Georgia, 'Times New Roman', serif;
  color: var(--bsg-ink);
}

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

.screen-reader-text:focus {
  background-color: var(--bsg-cream);
  clip: auto !important;
  clip-path: none;
  color: var(--bsg-green);
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}