/*
Theme Name:   Executive Access
Description:  Child theme of Hello Elementor for Executive Access Car Hire. Black and gold brand base: colours, fonts, dark background. All layouts are built in Elementor Pro Theme Builder.
Author:       Wealth Brick Marketing & PR
Template:     hello-elementor
Version:      1.0.0
Requires PHP: 7.4
Text Domain:  executive-access
*/

/* Brand tokens. Use them in any custom CSS: color: var(--ea-gold); */
:root {
  --ea-gold: #C9A24B;
  --ea-gold-light: #F3D98B;
  --ea-bg: #09090B;
  --ea-surface: #0E0E11;
  --ea-text: #F5F2EA;
  --ea-muted: #A9A59A;
  --ea-line: rgba(243, 217, 139, 0.16);
  --ea-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ea-font-head: 'Playfair Display', Georgia, serif;
}

html { background: var(--ea-bg); }

body {
  background: var(--ea-bg);
  color: var(--ea-text);
  font-family: var(--ea-font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--ea-font-head);
  font-weight: 600;
  color: var(--ea-text);
  letter-spacing: 0.005em;
}

a { color: var(--ea-gold-light); transition: color .25s ease; }
a:hover, a:focus { color: var(--ea-gold); }

::selection { background: var(--ea-gold); color: #15110A; }

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

/* Hello Elementor shows a default page title on normal pages; Elementor pages control their own */
.page-header { display: none; }

/* Keep keyboard focus visible and on-brand */
:focus-visible { outline: 2px solid var(--ea-gold-light); outline-offset: 3px; }

/* Cleaner form fields on the dark background (contact forms, search) */
input[type="text"], input[type="email"], input[type="tel"], input[type="search"], textarea, select {
  background: var(--ea-surface);
  color: var(--ea-text);
  border: 1px solid var(--ea-line);
  border-radius: 10px;
}
input::placeholder, textarea::placeholder { color: var(--ea-muted); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}