/* ==========================================================================
   CUSTOM.CSS - Euro Alfa Rentals (Zakynthos)
   ==========================================================================
   Brand colors:
   Primary Blue:  #130061  (nav, icons, links, prices, headers)
   Accent Red:    #da251d  (CTA buttons only: Book Now, Submit, Next)
   Red-dark:      #b71c1c  (hover states)
   Red-light-bg:  rgba(218,37,29,0.13)  (active pills, subtle highlights)
   ========================================================================== */


/* ==========================================================================
   1. COLOR VARIABLES
   ========================================================================== */
:root {

    /* -----------------------------------------------------------------
       ACCENT COLORS - MAIN
       ----------------------------------------------------------------- */
    --accent-color: #130061;
    --accent-color-dark: #0d0044;
    --accent-color-light: #3a2d8a;
    --accent-color-mid: #1a0080;

    /* -----------------------------------------------------------------
       ACCENT TRANSPARENT VARIANTS  (blue-based: rgb 19, 0, 97)
       ----------------------------------------------------------------- */
    --accent-glow-strong: rgba(19, 0, 97, 1);
    --accent-glow: rgba(19, 0, 97, 0.70);
    --accent-glow-soft: rgba(19, 0, 97, 0.45);
    --accent-glow-dim: rgba(19, 0, 97, 0.35);
    --accent-glow-faint: rgba(19, 0, 97, 0.08);
    --accent-bg-subtle: rgba(19, 0, 97, 0.12);
    --accent-bg-glass: rgba(13, 0, 68, 0.10);
    --accent-bg-radial: rgba(19, 0, 97, 0.15);
    --accent-border-subtle: rgba(19, 0, 97, 0.20);
    --accent-border-medium: rgba(19, 0, 97, 0.30);
    --accent-text-85: rgba(19, 0, 97, 0.85);
    --accent-text-70: rgba(19, 0, 97, 0.70);

    /* -----------------------------------------------------------------
       ACTION BUTTONS
       ----------------------------------------------------------------- */
    --warning: #da251d;                 /* Red - Book Now button */
    --error: #EF4444;                   /* Red - strikethrough prices */
    --success: #10B981;                 /* Green - success states */
    --success-dark: #059669;            /* Dark green - success gradient */

    /* -----------------------------------------------------------------
       TOP NAVIGATION BAR
       ----------------------------------------------------------------- */
    --topbar-bg: #130061;

    /* -----------------------------------------------------------------
       TEXT COLORS
       ----------------------------------------------------------------- */
    --text-color: #333;
    --text-muted: #130061;

    /* -----------------------------------------------------------------
       BACKGROUNDS
       ----------------------------------------------------------------- */
    --light-bg: #ffffff;
    --white: #ffffff;
    --dark-bg: #1a1a2e;

    /* -----------------------------------------------------------------
       BORDERS
       ----------------------------------------------------------------- */
    --border-color: #e2e8f0;

    /* -----------------------------------------------------------------
       FLATPICKR DATE PICKER
       ----------------------------------------------------------------- */
    --flatpickr-hover-bg: #130061;
    --flatpickr-hover-text: #ffffff;

    /* -----------------------------------------------------------------
       SEARCH FORM (Neumorphic style)
       ----------------------------------------------------------------- */
    --neumorphic-bg: #f0f2f5;
    --shadow-light: #ffffff;
    --shadow-dark: #d1d9e6;

    /* -----------------------------------------------------------------
       FORM INPUTS
       ----------------------------------------------------------------- */
    --form-bg: var(--white);
    --form-text: var(--text-color);
    --form-label: #555;
}


/* ==========================================================================
   2. COMPANY-SPECIFIC OVERRIDES
   ========================================================================== */


/* 1. Labels */
.ez-sf-field label {
    font-weight: 600 !important;
    font-size: 0.73rem !important;
}

/* 2. Field spacing */
.ez-sf-field {
    margin-bottom: 12px !important;
}

/* 3. Input height */
.ez-sf-field input[type="text"],
.ez-sf-field select {
    padding: 5px 10px !important;
    font-size: 0.8rem !important;
}

/* ==========================================================================
   4. Filter Sidebar
   ========================================================================== */
#filterSidebar > div.bg-white.shadow-md {
    border-radius: 12px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
    border: none !important;
    padding: 16px 18px !important;
}

#filterSidebar > div.bg-white h3 {
    font-size: 0.95rem !important;
    color: #334155 !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    margin-bottom: 0 !important;
}

#filterSidebar .flex.justify-between.mb-4 {
    margin-bottom: 12px !important;
}

#filterSidebar h4 {
    font-size: 0.73rem !important;
    font-weight: 600 !important;
    color: #4a5568 !important;
    letter-spacing: 0.5px;
    margin-bottom: 8px !important;
}

#filterSidebar label.flex.items-center {
    font-size: 0.8rem !important;
    color: #334155 !important;
}

#filterSidebar .mb-6 {
    margin-bottom: 16px !important;
}


/* ==========================================================================
   5. GRANULAR ACCENT COLOR OVERRIDES
   ========================================================================== */

/* --- Feature Icons (seats, doors, gearbox, fuel, luggage, A/C) --- */
.ez-feature-icon      { color: #6b7280; }  /* Neutral gray - clean look */

/* --- Offer Title --- */
.ez-offer-title       { color: #130061; }

/* --- Offer Check Icons --- */
.ez-offer-icon        { color: #130061; }

/* --- View More / View All Features --- */
.ez-viewmore-link     { color: #130061; }

/* --- Search Summary Bar Icons --- */
.ez-searchbar-icon    { color: #130061; }

/* --- Info Panel Icons --- */
.ez-info-icon         { color: #130061; }

/* --- Tab Section Header Icons --- */
.ez-tab-icon          { color: #130061; }

/* --- Optional Extras Icons & Price --- */
.ez-extras-icon       { color: #130061; }
.ez-extras-price      { color: #130061; }

/* --- Insurance Price --- */
.ez-insurance-price   { color: #130061; }


/* ==========================================================================
   6. ELEMENT-LEVEL COLOR OVERRIDES
   ========================================================================== */

.form-group label i {
    color: #9ca3af;
}

.includes-box ul li i {
    color: #130061;
}

.booking-form button {
    background-color: #da251d;
}

.ez-accent-text {
    color: #130061 !important;
}

/* ---- BOOK NOW / CTA BUTTONS = RED ---- */
.ez-book-btn {
    background: #da251d;
    box-shadow: 0 4px 10px rgba(218, 37, 29, 0.25) !important;
}

.ez-book-btn:hover {
    background: #b71c1c;
    box-shadow: 0 6px 16px rgba(218, 37, 29, 0.35) !important;
}

.ez-feature-icon {
    color: #6b7280;
}

.ez-price-value {
    color: #130061;
}

.ez-sf-field label i {
    color: #9ca3af;
}

.ez-sf-submit {
    background: #da251d;
    box-shadow: 0 4px 10px rgba(218, 37, 29, 0.20) !important;
}

.ez-sf-submit:hover {
    background: #b71c1c;
}

.ez-ins-card--selected {
    border-color: #130061 !important;
}

.ez-btn--selected {
    background: #130061 !important;
}

.ez-extra-item {
    border: 1px solid #130061;
}

.ez-extra-icon {
    color: #130061;
}

.ez-summary-total {
    color: #130061;
}

.ez-tab-icon {
    color: #130061;
}

.floating-label-input input:focus + label,
.floating-label-input input:not(:placeholder-shown) + label,
.floating-label-input select:focus + label,
.floating-label-input select:not([value=""]) + label {
    color: #130061;
}

.ez-accent-link {
    color: #130061;
}

/* ---- NEXT / SUBMIT BUTTONS = RED ---- */
.ez-btn-next, .ez-btn-submit {
    background-color: #da251d;
}

.ez-btn-next:hover, .ez-btn-submit:hover {
    background-color: #b71c1c;
}

.confirm-card-header h3 i {
    color: #da251d;
    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.47));
}

.ez-fleet-price-card {
    border: 2px solid #130061;
}

/* ---- FLEET BOOK BUTTON = RED ---- */
.ez-fleet-book-btn {
    background: #da251d !important;
}

.ez-fleet-book-btn:hover {
    background: #b71c1c !important;
}

.mf-submit {
    background: #da251d;
}

.mf-submit:hover {
    background: #b71c1c;
}

.model-form-title i {
    color: #130061;
}

.model-price-amount {
    color: #130061;
}

.model-category-badge {
    background: #130061;
}

.model-title-divider {
    background: #130061;
}

.model-includes-list li i {
    color: #130061;
}

.ez-sf-header h3 i {
    color: #130061;
}

.ez-fleet-price-value {
    color: #130061;
}

.border-green-500 {
    border-color: #130061 !important;
}

.affiliateStepDot.active i, .affiliateStepDot.done i {
    background: #130061;
}

.affiliateSectionTitle i {
    color: #130061;
}

.ez-accent-text {
    color: #130061 !important;
}

.ez-price-card--active {
    border-color: #130061 !important;
}

.ez-price-card--selected {
    background-color: rgba(19, 0, 97, 0.10) !important;
}

.ez-accent-gradient {
    background: linear-gradient(135deg, #130061 0%, #1a0080 100%);
}

.ez-book-btn {
    box-shadow: 0 4px 10px rgba(218, 37, 29, 0.25) !important;
}

/* ---- CATEGORY PILLS = subtle red tint ---- */
.ez-category-pill--active {
    background: rgba(218, 37, 29, 0.12) !important;
}

.ez-category-pill--active:hover {
    background: rgba(218, 37, 29, 0.18) !important;
}

.form-group button:hover {
    box-shadow: 0 10px 18px rgba(218, 37, 29, 0.15) !important;
}

.form-group input[type="text"],
.form-group input[type="date"],
.form-group input[type="time"],
.form-group select {
    box-shadow: none !important;
}

.flatpickr-months {
    background-color:#13006199;
}

.flatpickr-day:hover {
    background-color: #130061;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: #130061;
    border-color: #130061;
}

/* ---- FOOTER ---- */
footer .footer-link-item::before {
    background-color: #da251d;
}

footer .border-custom-accent\/30 {
    border-color: rgba(19, 0, 97, 0.20);
}

footer .hover\:text-custom-accent:hover {
    color: #da251d;
}

/* ---- FLEET CARDS ---- */
.ez-fleet-price-card:hover {
    box-shadow: 0 4px 15px rgba(19, 0, 97, 0.25);
}

.mf-field select:focus,
.mf-field input[type="text"]:focus {
    box-shadow: 0 0 0 2px rgba(19, 0, 97, 0.15);
}

.ez-sort-select {
    box-shadow: none !important;
}

.peer:checked ~ .ez-toggle-checked {
    background-color: #130061 !important;
}

.confirm-banner::before {
    background: radial-gradient(ellipse at 30% 40%, rgba(19, 0, 97, 0.08) 0%, transparent 55%),
                radial-gradient(ellipse at 75% 60%, rgba(218, 37, 29, 0.06) 0%, transparent 55%);
}

#affiliateBenefitsTitle i, #affiliateFormTitle i {
    color: #130061;
}

.affiliateFeatureBox:hover {
    background: rgba(19, 0, 97, 0.08);
    border-color: rgba(19, 0, 97, 0.15);
}

.affiliateNextBtn:hover {
    box-shadow: 0 10px 20px rgba(218, 37, 29, 0.20);
}

.affiliateNextBtn {
    box-shadow: 0 4px 10px rgba(218, 37, 29, 0.15);
}

.confirm-new-booking {
    background: #da251d;
}

.confirm-new-booking:hover {
    background: #b71c1c;
}

.ez-sf-field input[type="text"],
.ez-sf-field select {
    box-shadow: none !important;
}

.top-nav-bar {
    background-color: #da251d;
}

#filterSidebar > div.bg-white h3 {
    border-bottom: 1px solid rgba(19, 0, 97, 0.20) !important;
}

.ez-clear-filters-btn {
    background: #da251d !important;
    color: #ffffff !important;
}

.ez-clear-filters-btn:hover {
    background: #b71c1c !important;
}

.ez-dual-range__fill {
    background: #130061;
}

#manageBookingPage .mb-card-header {
    background: #130061;
}

#manageBookingPage .mb-label i {
    color: #130061;
}

#manageBookingPage .mb-btn:hover {
    box-shadow: 0 6px 20px rgba(19, 0, 97, 0.20);
}

#managebooking2 .booking-details-wrapper .text-green-700.font-bold {
    color: #ffffff !important;
}

#managebooking2 .booking-details-wrapper .text-green-600,
#managebooking2 .booking-details-wrapper .text-green-500 {
    color: #130061 !important;
}

#managebooking2 .booking-details-wrapper .text-blue-600,
#managebooking2 .booking-details-wrapper i.text-blue-600 {
    color: #130061 !important;
}

#managebooking2 .booking-details-wrapper .border-gray-300 i.text-gray-500 {
    color: #130061 !important;
}

#managebooking2 .booking-details-wrapper .text-blue-700 {
    color: #ffffff !important;
}

.bg-green-500 {
    background-color: #130061 !important;
}

#managebooking2 .booking-details-wrapper .bg-gradient-to-br .text-lime-300,
#managebooking2 .booking-details-wrapper .bg-gradient-to-br i {
    color: #27a11a !important;
}

#managebooking2 .booking-details-wrapper .text-green-600.bg-green-50 {
    background: rgba(0, 179, 66, 0.84) !important;
    color: #ffffff !important;
}

.ez-price-value--large {
    color: #130061;
}

.ez-vehicle-card--selected {
    border: 3px solid #130061 !important;
}
footer .text-custom-accent {
    color: #da251d;
}
a.text-lg.lg\:text-base.font-medium.text-white.ez-nav-link.transition-colors.py-3.border-b.border-gray-800.lg\:border-none.lg\:py-0 {
    color: black;
}
header.bg-gray-950.text-gray-300.shadow-sm.sticky.top-0.z-50 {
    background-color: #fff;
}
h5.font-bold.text-white.mb-4.uppercase.tracking-widest.text-sm.border-b.border-custom-accent\/30.pb-2 {
    color: #3e3e40db;
}
h5.font-bold.text-white.mb-5.uppercase.tracking-widest.text-sm.border-b.border-custom-accent\/30.pb-2 {
    color:#3e3e40db;
}
footer.bg-gray-950.text-gray-300.py-12.relative.overflow-hidden.font-sans

 {
    background-color: #ffffff;
}
.text-gray-400

 {
   
    color: rgb(80 80 80);
}
.form-group label
{
color: #303030;
text-shadow: 1px 1px 2px rgb(0 0 0 / 0%);

}
.booking-form-wrapper{
     background: rgb(147 145 145 / 21%);
}
.includes-box{
background: rgb(147 145 145 / 21%);
}
.form-group input[type="text"], .form-group input[type="date"], .form-group input[type="time"], .form-group select {
    border: 1px solid #130061;

}
button#nav-toggle {
    color: #111;
}
@media (max-width: 1024px) {
.form-group label{
    color: #ffffff;
}

}
#nav-menu.nav-menu--open{
    background-color: #fff;
}
@media (max-width: 1024px) {
.ez-booking-summary {
    padding: 0.5rem;
}



}

.confirm-grand-total{
background: rgb(255 255 255 / 10%);
    border: 1px solid rgb(199 43 36);
}
.gt-value{
color: #ffffff;
}

.pm-label {
    color: rgb(173 171 171);
}
.pm-value{
 color: rgb(173 171 171);
}
.confirm-banner-title i{
    color: #1d8b45;
animation:none;
}
.gt-label{
color: #ffffff;

}
.confirm-duration{
    color: #ffffff;
}
.confirm-vehicle-cat
{
background: rgb(255 255 255 / 12%);
    color: #ffffff;

}
.confirm-card {
    background: rgb(15 23 42 / 29%);
}
.confirm-body{
    background: rgba(15, 23, 42, 0.55);
}