/*
Theme Name: Hazzar Gardens
Theme URI: https://hazzargardens.com.au
Author: Hazzar Gardens Perth
Author URI: https://hazzargardens.com.au
Description: Official WordPress Theme for Hazzar Gardens — a professional landscaping company based in Perth, Western Australia. Dedicated to creating stunning outdoor spaces that blend beauty, functionality, and sustainability. Includes customizer options, Custom Post Types for Services, Projects, and Testimonials, interactive Perth Metro service map, and AJAX Estimate Request form.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hazzar-gardens
Tags: landscaping, gardening, perth, business, custom-logo, custom-menu, featured-images, theme-options
*/

:root {
  --font-serif: 'Lora', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --hg-lime: #8DC63F;
  --hg-emerald: #05A84B;
  --hg-dark: #191B18;
  --hg-obsidian: #0D100C;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-sans);
  color: #555555;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, .font-serif-display {
  font-family: var(--font-serif);
}

.tabular-nums {
  font-variant-numeric: tabular-nums;
}

/* WordPress Core Alignment & Accessibility Classes */
.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;
  width: 1px;
  word-wrap: normal !important;
}

.alignwide {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.alignfull {
  width: 100%;
  max-width: 100%;
}

/* Navigation Menu List Reset for wp_nav_menu() */
.hg-primary-nav ul {
  display: flex;
  align-items: center;
  gap: 1.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.hg-primary-nav a {
  color: #333333;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.15s ease;
}

.hg-primary-nav a:hover,
.hg-primary-nav .current-menu-item > a {
  color: var(--hg-emerald);
}