/*
Theme Name: Salter Installations
Theme URI: https://salterinstallations.obrienmedia.dev
Author: O'Brien Media (Pembroke Digital Limited)
Author URI: https://obrienmedia.co.uk
Description: A clear, professional, image-led brochure theme for windows and doors supply and installation businesses. Built for WordPress with full Elementor / Elementor Pro compatibility and extensive Customizer controls — every colour, font size, image and content block is editable without touching code. Uses Font Awesome icons throughout. Created for Salter Installations.
Version: 1.0.28
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: salter-installations
Tags: business, brochure, windows, doors, elementor, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, theme-options, translation-ready
*/

/*
 * Base / reset styles live here so the theme is presentable even before the
 * compiled stylesheet (assets/css/main.css) and the Customizer dynamic CSS load.
 * The bulk of the design lives in assets/css/main.css; colours, fonts and sizes
 * are injected at runtime from the Customizer via inc/customizer-output.php.
 */

:root {
    --si-primary: #1d9bf0;
    --si-secondary: #4db3f7;
    --si-accent: #1d9bf0;
    --si-dark: #0d1b2a;
    --si-light: #f7f9fb;
    --si-text: #2b2d42;
    --si-muted: #6c757d;
    --si-body-font: "Inter", "Helvetica Neue", Arial, sans-serif;
    --si-heading-font: "Poppins", "Helvetica Neue", Arial, sans-serif;
    --si-base-font-size: 17px;
    --si-h1-size: 3rem;
    --si-h2-size: 2.25rem;
    --si-radius: 10px;
    --si-container: 1200px;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    font-family: var(--si-body-font);
    font-size: var(--si-base-font-size);
    line-height: 1.65;
    color: var(--si-text);
    background: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--si-heading-font);
    color: var(--si-dark);
    line-height: 1.2;
    margin: 0 0 .6em;
}

a { color: var(--si-primary); text-decoration: none; }
a:hover { color: var(--si-secondary); }

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

/* Accessibility helper */
.screen-reader-text {
    border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
    height: 1px; width: 1px; margin: -1px; overflow: hidden;
    padding: 0; position: absolute !important; word-wrap: normal !important;
}
.skip-link {
    position: absolute; left: -9999px; top: 0; z-index: 100000;
    background: var(--si-primary); color: #fff; padding: 12px 20px;
}
.skip-link:focus { left: 10px; top: 10px; }