/*
Theme Name: Uhire Midlands Ltd Bespoke Theme
Theme URI: https://uhiremidlands.co.uk
Author: Web Development Team
Author URI: https://uhiremidlands.co.uk
Description: High-converting bespoke WordPress theme for Uhire Midlands Ltd. Tailored for City of Wolverhampton Council (CWC) plated private hire vehicle weekly rentals.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: uhire-midlands
Tags: taxi-hire, wolverhampton, private-hire, vehicle-rental, responsive-layout, custom-post-types
*/

/* STREAMING_CHUNK:Defining core CSS variables and theme resets... */
:root {
--color-brand-dark: #0A1128;
--color-brand-navy: #101F42;
--color-brand-card: #162850;
--color-brand-accent: #00E6A5;
--color-brand-gold: #FFB800;
--color-brand-teal: #00B4D8;
--color-brand-green: #25D366;
--font-heading: 'Plus Jakarta Sans', sans-serif;
--font-body: 'Inter', sans-serif;
}

/* STREAMING_CHUNK:Setting up base body layout and mobile padding... */
html {
scroll-behavior: smooth;
}

body {
font-family: var(--font-body);
background-color: #F8FAFC;
color: #0A1128;
padding-bottom: 76px; /* Offset for mobile floating bar */
}

@media (min-width: 768px) {
body {
padding-bottom: 0;
}
}

/* STREAMING_CHUNK:Styling navigation blur and hero gradients... */
.glass-nav {
background: rgba(10, 17, 40, 0.95);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
}

.otto-hero-bg {
background: radial-gradient(100% 100% at 50% 0%, #162850 0%, #0A1128 100%);
}

.gradient-text-mint {
background: linear-gradient(135deg, #00E6A5 0%, #00B4D8 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.gradient-text-gold {
background: linear-gradient(135deg, #FFB800 0%, #FF8800 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

/* STREAMING_CHUNK:Styling card shadows and hover interactions... */
.card-shadow {
box-shadow: 0 10px 30px -5px rgba(10, 17, 40, 0.05), 0 4px 12px -2px rgba(10, 17, 40, 0.03);
}

.card-hover {
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.card-hover:hover {
transform: translateY(-4px);
box-shadow: 0 20px 40px -10px rgba(10, 17, 40, 0.12);
}

.badge-mint {
background: rgba(0, 230, 165, 0.12);
color: #00B884;
border: 1px solid rgba(0, 230, 165, 0.3);
}

.badge-gold {
background: rgba(255, 184, 0, 0.12);
color: #D99B00;
border: 1px solid rgba(255, 184, 0, 0.3);
}

/* STREAMING_CHUNK:Styling wizard step circles... */
.step-circle.active {
background-color: #00E6A5;
color: #0A1128;
border-color: #00E6A5;
font-weight: 800;
}

.step-circle.completed {
background-color: #10B981;
color: #FFFFFF;
border-color: #10B981;
}