/*
Theme Name: Incline Events
Theme URI: https://example.com/incline-events
Author: Jonah DaCosta (DaCosta Consulting)
Author URI: https://dacostaconsulting.ca
Description: Ultra-clean, Elementor-friendly starter theme for Incline Events. White-first UI, professional automotive blue palette. Minimal templates to avoid conflicts with plugins (Elementor, CRM, WooCommerce).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: incline-events
Tags: custom-colors, custom-logo, custom-menu, editor-style, featured-images, translation-ready
*/

:root{
  --ie-paper:#ffffff;
  --ie-ink:#0b0f14;
  --ie-blue:#1155ff;
  --ie-blue-600:#0e47d6;
  --ie-blue-100:#eaf0ff;
  --ie-muted:#5a6675;
  --ie-line:#e9eef5;
  --ie-radius:14px;
  --ie-font-sans:'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Inter, Helvetica, Arial, 'Noto Sans', 'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
  --ie-font-ui:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, 'Noto Sans';
}
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  color:var(--ie-ink);
  background:var(--ie-paper);
  font-family:var(--ie-font-sans);
  font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
img,svg,video,canvas{display:block;max-width:100%;height:auto}
a{color:var(--ie-blue); text-decoration:none}
a:hover{color:var(--ie-blue-600); text-decoration:underline}
button,input,select,textarea{font:inherit; color:inherit}

h1,h2,h3,h4,h5,h6{
  font-weight:700; line-height:1.15; margin:0 0 .5em; color:var(--ie-ink);
}
h1{font-size:clamp(2.4rem, 4vw, 3.2rem)}
h2{font-size:clamp(1.9rem, 3.2vw, 2.4rem)}
h3{font-size:clamp(1.5rem, 2.6vw, 1.9rem)}
p{margin:0 0 1em; color:var(--ie-ink)}
.lead{font-size:1.125rem; color:var(--ie-muted)}
.heading-accent h1, .heading-accent h2, .heading-accent h3{ color:var(--ie-blue) }

.btn, .button, button, input[type=submit]{
  --pad-y:.75rem; --pad-x:1.1rem;
  display:inline-flex; align-items:center; gap:.6rem;
  background:var(--ie-blue);
  color:#fff; border:none; border-radius:var(--ie-radius);
  padding:var(--pad-y) var(--pad-x);
  box-shadow:0 6px 18px rgba(17,85,255,.18);
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease;
}
.btn:hover, .button:hover, button:hover, input[type=submit]:hover{
  background:var(--ie-blue-600);
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(17,85,255,.24);
}
.btn--ghost{ background:transparent; color:var(--ie-blue); border:1px solid var(--ie-blue) }
.btn--ghost:hover{ background:var(--ie-blue-100) }

.card{ background:#fff; border:1px solid var(--ie-line); border-radius:var(--ie-radius); box-shadow:0 1px 2px rgba(0,0,0,.04); padding:1.1rem }
.container{max-width:1200px; margin:0 auto; padding:0 18px}
.grid-2{display:grid; grid-template-columns:1fr 1fr; gap:clamp(18px,3vw,32px)}
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(18px,3vw,32px)}
.center{text-align:center}
.mx-auto{margin-left:auto; margin-right:auto}
.round{border-radius:var(--ie-radius)}
.shadow{box-shadow:0 8px 30px rgba(0,0,0,.08)}

.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3{ letter-spacing:-0.01em }
.elementor-button{ border-radius:var(--ie-radius) }
.elementor-button:hover{ filter:saturate(1.03) brightness(.98) }