/*
 Theme Name: Move It EV
 Theme URI: https://moveitev.com/
 Author: Move It EV
 Description: Ultra-light theme for Move It EV — fleet rentals for events & security.
 Version: 1.0.0
 Requires at least: 6.0
 Tested up to: 6.8
 License: GPL-2.0-or-later
 Text Domain: moveitev
*/

:root{
  --bg:#0f1115;--panel:#23262e;--muted:#6b7280;--brand:#0ea5e9;--brand-2:#22c55e;
  --text:#e5e7eb;--accent:#facc15;--danger:#ef4444;--radius:12px;--maxw:1120px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
a{color:various; color: #9ddcff; text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--maxw);margin:0 auto;padding:24px}
.header{background:#0b0d12;position:sticky;top:0;z-index:50;border-bottom:1px solid #222}
.header .row{display:flex;align-items:center;gap:16px;justify-content:space-between}
.logo{font-weight:800;letter-spacing:.3px}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap}
.nav a{padding:10px 12px;border-radius:8px;display:inline-block}
.btn{display:inline-block;background:var(--accent);color:#111;padding:10px 14px;border-radius:10px;font-weight:700}
.btn-outline{border:1px solid #3b82f6;border-radius:10px;padding:8px 12px;color:#93c5fd}
.hero{padding:56px 0;background:linear-gradient(180deg,#0b1220,transparent)}
.hero h1{font-size:clamp(28px,4vw,44px);margin:0 0 12px}
.grid{display:grid;gap:24px}
.grid.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.card{background:var(--panel);border:1px solid #2c3040;border-radius:var(--radius);padding:20px}
.card h3{margin:0 0 8px}
.badge{display:inline-block;background:#1f2937;border:1px solid #374151;color:#cbd5e1;padding:4px 8px;border-radius:999px;font-size:12px}
.footer{border-top:1px solid #222;background:#0b0d12;margin-top:48px}
.footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}
.footer h4{margin:0 0 10px}
.small{font-size:14px;color:var(--muted)}
input,select,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #374151;background:#0e131b;color:var(--text)}
form .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.notice{padding:10px 12px;border-radius:8px;background:#10253a;border:1px solid #1f3b5a;color:#cdeafe}
.table{width:100%;border-collapse:separate;border-spacing:0 10px}
.table th,.table td{padding:8px 10px;text-align:left}
.table tr{background:#171a22;border:1px solid #242936}
.table tr th{color:#a5b4fc;font-weight:700}
ul.clean{padding-left:16px;margin:8px 0}
figure{margin:0}
img{max-width:100%;height:auto;border-radius:10px}
@media (max-width:768px){ .nav ul{gap:6px} .header .row{flex-wrap:wrap} }
/* Remove rounded corners from logo */
.custom-logo,
.custom-logo-link img,
.logo img {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.custom-logo { height: 60px; width: auto; }
/* -------- Vertical breathing room between major blocks -------- */
:root { --section-gap: 36px; }              /* tweak once, used everywhere */

.container > .grid.cards,
.container > .card,
.container > section,
.container > article {
  margin-top: var(--section-gap);
  margin-bottom: var(--section-gap);
}

/* when two sections are back-to-back, ensure consistent spacing */
.container > * + * {
  margin-top: var(--section-gap);
}

/* tighten the hero-to-next-section spacing just a bit */
.hero { padding-bottom: 32px; }
.hero + .grid,
.hero + .card,
.hero + section { margin-top: 16px; }
/* --- Fix header/logo vertical alignment --- */
.header .container,
.header .row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 12px;
  padding-bottom: 12px;
}