/*
Theme Name: Syed Driving School Theme
Theme URI: https://sagforge.com
Author: Shahroz Ali Gill
Author URI: https://sagforge.com
Description: A custom-built, lightweight and fully responsive WordPress theme designed and developed by Shahroz Ali Gill for Syed Driving School. It includes a 24/7 online lesson-booking calendar, driving lesson and pricing pages, Google Reviews integration, learner success stories, contact forms, mobile optimisation and a UK-focused local SEO structure.
Version: 0.3.28
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: syeds-driving-school
*/

:root {
  --sds-blue: #2176bd;
  --sds-red: #d90d0a;
  --sds-white: #ffffff;
  --sds-heading: #111111;
  --sds-text: #1c1c1c;
  --sds-muted: #626262;
  --sds-surface: #f7f8fa;
  --sds-border: #e3e6ea;
  --sds-navy: #111111;
  --sds-navy-deep: #2176bd;
  --sds-blue-bright: #2176bd;
  --sds-red-dark: #d90d0a;
  --sds-shadow: 0 12px 36px rgba(0, 0, 0, 0.10);
  --sds-radius: 14px;
  --sds-container: 1240px;
}
*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  color: var(--sds-text);
  background: var(--sds-white);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.sds-menu-open { overflow: hidden; }

a { color: inherit; }

img { max-width: 100%; height: auto; }

button,
input,
select,
textarea { font: inherit; }

.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.screen-reader-text:focus {
  clip: auto !important;
  width: auto;
  height: auto;
  top: 8px;
  left: 8px;
  z-index: 100000;
  padding: 12px 16px;
  background: #fff;
  color: #000;
  border-radius: 8px;
  box-shadow: var(--sds-shadow);
}

.sds-container {
  width: min(calc(100% - 40px), var(--sds-container));
  margin-inline: auto;
}

.site-main { min-height: 54vh; }

@media (max-width: 767px) {
  .sds-container { width: min(calc(100% - 28px), var(--sds-container)); }
}