/*
Theme Name: Fowler Meat and Fish
Theme URI: https://fowlermeatandfish.com
Author: Custom Developer
Author URI: https://fowlermeatandfish.com
Description: A custom theme for Fowler Meat and Fish market, featuring a clean design with white, kelly green, and red colors.
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fowlermeatandfish
Tags: e-commerce, food-and-drink, custom-colors, custom-menu, custom-logo, featured-images, block-patterns
*/ 

/* === GLOBAL THEME STYLES === */

/* Base theme colors and variables */
:root {
  --fmf-primary: #00a04a;
  --fmf-secondary: #d62329;
  --fmf-text: #333;
  --fmf-light-bg: #f8f9fa;
}

/* Global typography improvements */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  line-height: 1.6;
  color: var(--fmf-text);
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
  overflow-x: hidden; /* prevent horizontal scrolling due to off-canvas elements */
}

/* Box sizing fix for all elements */
*, *::before, *::after {
  box-sizing: border-box;
}

/* Focus styles for accessibility */
*:focus {
  outline: 2px solid var(--fmf-primary);
  outline-offset: 2px;
}

/* Button improvements */
button, .button, input[type="submit"] {
  transition: all 0.3s ease;
}

/* Link improvements */
a {
  transition: color 0.3s ease;
}

/* Prevent body scroll when mobile menu is open */
body.menu-open {
  overflow: hidden;
}

/* End global styles */

/* === REMAINING GLOBAL OVERRIDES === */

/* Any additional global styles that don't fit in modular files can go here */

/* End global overrides */