/*
Theme Name: Ormiston Electrical Services
Theme URI: https://wwebdesign.co.uk/
Author: W Web Design & Hosting
Author URI: https://wwebdesign.co.uk/
Description: Lean custom theme for Ormiston Electrical Services — code-registered ACF blocks, no page builder, no build step.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: ormistonelectricalservices
*/

/* ==========================================================================
   Design tokens — the ONLY place cross-block values live.
   Anything used by more than one block belongs here. Anything used by exactly
   one block belongs in that block's own style.css.
   ========================================================================== */

:root {
  /* Brand — measured from the live Elementor render, not chosen. */
  --ormistonelectricalservices-brand:        #f40105;
  --ormistonelectricalservices-brand-dark:   #b00407;
  --ormistonelectricalservices-accent:       #f40105;

  /* Surfaces.
     NEVER set a section background to #fff — leave sections transparent so
     they inherit --ormistonelectricalservices-bg, and fill --ormistonelectricalservices-card-bg on inner cards. */
  --ormistonelectricalservices-bg:           #f7fafc;
  --ormistonelectricalservices-band-bg:      #edf2f7;
  --ormistonelectricalservices-card-bg:      #ffffff;
  --ormistonelectricalservices-border:       #e2e8f0;

  /* Text */
  --ormistonelectricalservices-text:         #2d3748;
  --ormistonelectricalservices-text-muted:   #7a7a7a;
  --ormistonelectricalservices-text-invert:  #ffffff;

  /* Type — the live site is plain Arial throughout, no webfont. */
  --ormistonelectricalservices-font:         Arial, Helvetica, sans-serif;
  --ormistonelectricalservices-font-heading: Arial, Helvetica, sans-serif;

  /* Layout */
  --ormistonelectricalservices-content-max:  1160px; /* 1140 content + 2 x 10px gutter */
  --ormistonelectricalservices-gutter:       10px;
  --ormistonelectricalservices-section-y:    clamp(28px, 3vw, 40px);
  --ormistonelectricalservices-radius:       3px;
  --ormistonelectricalservices-header-height: 88px;

  /* Motion */
  --ormistonelectricalservices-ease:         cubic-bezier(.22,.61,.36,1);
}

/* --------------------------------------------------------------------------
   Reset / base
   -------------------------------------------------------------------------- */

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

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
  margin: 0;
  background: var(--ormistonelectricalservices-bg);
  color: var(--ormistonelectricalservices-text);
  font-family: var(--ormistonelectricalservices-font);
  font-size: 17px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* Keep the footer at the bottom of the viewport on short pages (the vacancies
   archive with one vacancy on it), as the Elementor build did. */
body { display: flex; flex-direction: column; min-height: 100vh; }
.ormistonelectricalservices-main { flex: 1 0 auto; }

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

a { color: inherit; }

/* The live site sets every heading in brand red at a tight line-height, and
   never scales them responsively — headings are the same size at every width. */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--ormistonelectricalservices-font-heading);
  font-weight: 600;
  line-height: 1;
  color: var(--ormistonelectricalservices-brand);
  margin: 0 0 .5em;
  text-wrap: balance;
}
h1 { font-size: 35px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }

p { margin: 0 0 1.15em; }
p:last-child { margin-bottom: 0; }

/* Body copy in the Elementor build is the "Text" system colour, not the
   stronger body colour — reproduce that inside prose areas. */
.ormistonelectricalservices-prose { color: var(--ormistonelectricalservices-text-muted); }
.ormistonelectricalservices-prose a { color: var(--ormistonelectricalservices-brand); }
.ormistonelectricalservices-prose ul,
.ormistonelectricalservices-prose ol { margin: 0 0 1.15em; padding-left: 1.3em; }
.ormistonelectricalservices-prose li { margin-bottom: .55em; }
.ormistonelectricalservices-prose strong,
.ormistonelectricalservices-prose b { color: var(--ormistonelectricalservices-text); }

/* --------------------------------------------------------------------------
   Shared layout primitives — used by chrome AND blocks.
   -------------------------------------------------------------------------- */

.ormistonelectricalservices-wrap {
  width: 100%;
  max-width: var(--ormistonelectricalservices-content-max);
  margin-inline: auto;
  padding-inline: var(--ormistonelectricalservices-gutter);
}

.ormistonelectricalservices-section { padding-block: var(--ormistonelectricalservices-section-y); }

.ormistonelectricalservices-section__head { max-width: 720px; margin-bottom: clamp(28px, 4vw, 48px); }
.ormistonelectricalservices-section__head--center { margin-inline: auto; text-align: center; }

.ormistonelectricalservices-eyebrow {
  display: inline-block;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ormistonelectricalservices-accent);
  margin-bottom: .75em;
}

.ormistonelectricalservices-lede { font-size: 1.1rem; color: var(--ormistonelectricalservices-text-muted); }

/* Tinted band — the Services and Team sections sit on #edf2f7 on the live site. */
.ormistonelectricalservices-band { background: var(--ormistonelectricalservices-band-bg); }

/* Buttons — 15px / 12px 24px / 3px radius, measured from the Elementor build. */
.ormistonelectricalservices-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5em;
  padding: 12px 24px;
  border: 1px solid transparent;
  border-radius: var(--ormistonelectricalservices-radius);
  background: var(--ormistonelectricalservices-brand);
  color: var(--ormistonelectricalservices-text-invert);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: background .25s var(--ormistonelectricalservices-ease);
}
.ormistonelectricalservices-btn:hover { background: var(--ormistonelectricalservices-brand-dark); }

.ormistonelectricalservices-btn--ghost {
  background: transparent;
  color: var(--ormistonelectricalservices-text);
  border-color: var(--ormistonelectricalservices-border);
}
.ormistonelectricalservices-btn--ghost:hover { background: var(--ormistonelectricalservices-card-bg); }

/* Cards — the ONLY place --ormistonelectricalservices-card-bg should appear. */
.ormistonelectricalservices-card {
  background: var(--ormistonelectricalservices-card-bg);
  border: 1px solid var(--ormistonelectricalservices-border);
  border-radius: var(--ormistonelectricalservices-radius);
  padding: clamp(20px, 2.5vw, 32px);
}

/* Screen-reader only */
.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;
}

/* WP core alignment classes */
.alignfull { width: 100vw; max-width: 100vw; margin-inline: calc(50% - 50vw); }
.alignwide { max-width: calc(var(--ormistonelectricalservices-content-max) + 160px); margin-inline: auto; }
.aligncenter { margin-inline: auto; }