/*
Theme Name: Twenty Twenty-Five Child
Theme URI:
Description: Custom theme for Fleet Lease Manager
Version: 1.0.0
Author: Fleet Lease
Text Domain: fleet-theme
Template: twentytwentyfive
*/

/* ===== Dark Header — block theme overrides ===== */
.site-header--dark { position: sticky; top: 0; z-index: 100; }
.nav--dark { background: rgba(8,12,18,0.92); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.nav--dark .wp-block-navigation a,
.nav--dark .wp-block-navigation__responsive-container a { color: rgba(255,255,255,0.85) !important; }
.nav--dark .wp-block-navigation a:hover { color: #00BFA6 !important; }
.nav--dark .wp-block-site-logo img { filter: brightness(10); }
.nav--dark .wp-block-navigation__responsive-container-open,
.nav--dark .wp-block-navigation__responsive-container-close { color: #fff !important; }
.nav--dark .wp-element-button { background: #1E90E8; color: #fff; border-radius: 8px; padding: 8px 18px; font-size: 13px; font-weight: 700; text-decoration: none; }
.nav--dark .wp-element-button:hover { background: #166fc0; }

/* ===== Fleet Search Form ===== */
.fleet-sf-wrap{font-family:"Roboto",system-ui,sans-serif}
.fleet-search-form{z-index:99999;position:relative;top:480px;background:#fff;border-radius:20px;padding:20px 22px 18px;box-shadow:0 8px 40px rgba(10,22,40,.10),0 2px 12px rgba(10,22,40,.06);border:1px solid rgba(10,22,40,.09);overflow:hidden;isolation:isolate;max-width:440px}
.fleet-sf__stripes{position:absolute;top:0;left:0;width:200px;height:34px;background:repeating-linear-gradient(45deg,transparent 0,transparent 7px,#00BFA6 7px,#00BFA6 9px);-webkit-mask:linear-gradient(135deg,#000 0%,#000 60%,transparent 95%);mask:linear-gradient(135deg,#000 0%,#000 60%,transparent 95%);opacity:.18;pointer-events:none}
.fleet-sf__toggle{position:absolute;top:18px;right:22px;z-index:2;display:inline-flex;background:#f1f5f9;border-radius:99px;padding:3px}
.fleet-seg-btn{padding:5px 16px;border-radius:99px;font-weight:600;font-size:13px;color:#0A1628;border:none;background:transparent;cursor:pointer;transition:all .2s ease}
.fleet-seg-btn.is-active{background:#1E90E8;color:#fff}
.fleet-sf-fields-top{display:grid;grid-template-columns:repeat(2,1fr);gap:0 10px;margin-top:10px}
.fleet-sf-row{display:contents}
.fleet-sf__field{margin-top:12px}
.fleet-sf__field label{display:block;color:#0A1628;font-weight:600;font-size:13px;margin-bottom:4px}
.fleet-select-wrap{position:relative}
.fleet-select-wrap select{width:100%;appearance:none;-webkit-appearance:none;background:#fff;color:#0A1628;border:1.5px solid rgba(10,22,40,.15);border-radius:10px;padding:9px 32px 9px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.fleet-select-wrap select:hover{border-color:rgba(10,22,40,.28)}
.fleet-select-wrap select:focus{outline:none;border-color:#1E90E8;box-shadow:0 0 0 3px rgba(30,144,232,.15)}
.fleet-select-wrap::after{content:"";position:absolute;right:12px;top:50%;width:11px;height:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%230A1628' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;transform:translateY(-50%);pointer-events:none}
.fleet-select-wrap.is-disabled select{background:#dde1e6;color:#9aa0a8;cursor:not-allowed}
.fleet-select-wrap.is-disabled::after{opacity:.4}
.fleet-sf-advanced{max-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);transition:max-height .42s ease,opacity .32s ease,transform .32s ease}
.fleet-sf-advanced.is-visible{max-height:600px;opacity:1;transform:translateY(0)}
.fleet-sf-unit{font-size:12px;font-weight:400;color:#6B7A8F;margin-left:4px}
.fleet-sf-btn-group{display:flex;gap:6px;flex-wrap:wrap}
.fleet-sf-opt-btn{flex:1;min-width:32px;padding:9px 6px;border-radius:10px;background:#f1f5f9;color:#0A1628;font-size:13px;font-weight:600;border:1.5px solid transparent;cursor:pointer;transition:all .18s ease}
.fleet-sf-opt-btn:hover{background:rgba(0,191,166,.18);color:#00BFA6;border-color:#00BFA6}
.fleet-sf-opt-btn.is-active{background:#00BFA6;color:#fff;border-color:#00BFA6}
.fleet-btn-find{margin-top:14px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#1E90E8;color:#fff;font-family:inherit;font-weight:700;font-size:14px;letter-spacing:.06em;padding:13px 24px;border-radius:10px;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.fleet-btn-find:hover{background:#166fc0;transform:translateY(-2px);box-shadow:0 14px 30px rgba(26,143,227,.4)}
.fleet-btn-find svg{width:20px;height:20px;transition:transform .2s ease;flex-shrink:0}
.fleet-btn-find:hover svg{transform:translateX(4px)}

/* Brand gradient text — same teal→blue gradient as the buttons */
.brand-gradient-text{
  background:linear-gradient(135deg,#1A8FE3 0%,#00BFA6 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}


/* 1. Ensure the main section can hold our overlay */
#hero-section {
    position: relative;
}

/* 2. Create the gradient overlay layer */
#hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    /* Places the gradient above the Elementor background image */
    pointer-events: none;
    /* Allows you to still click buttons/links underneath */

    /* Your exact gradient */
    background-image: linear-gradient(to right,
            rgba(255, 255, 255, 0.95) 0%,
            rgba(255, 255, 255, 0.7) 20%,
            rgba(255, 255, 255, 0) 60%);
}

/* 3. Ensure your text and widgets stay on top of the white gradient */
#hero-section>* {
   
    z-index: 2;
}

a[rel="specOffer"] {
    color: #00BFA6 !important;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Gold star before the text */
/* a[rel="specOffer"]::before {
    content: "★";
    color: #00BFA6;
    font-size: 1.1em;
    line-height: 1;
} */

/* Keep it gold on hover */
a[rel="specOffer"]:hover {
    color: #00BFA6 !important;
}

a[rel="specOffer"]:hover::before {
    color: #00BFA6
}
footer .wp-block-navigation__submenu-container {
    background: #091627f7 !important;
    box-shadow: 0 2px 24px 1px #ffffff12;
    border-radius: 12px;
}
a[rel="specOffer"] .wp-block-navigation-item__label::before {
    content: "★";
    color: #00BFA6;
    margin-right: 3px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}

a[rel="specOffer"] .wp-block-navigation-item__label {
    color: #00BFA6 !important;
    font-weight: 600;
}
.contact-form input,
.contact-form textarea {
    max-width: 100% !important;
    background: #ececec !important;
    border: none !important;
    border-radius: 8px !important;
}
.contact-form .wpforms-field-row.wpforms-field-medium, .contact-form button{
    max-width: 100% !important;
    width: 100% !important;
    border-radius: 8px !important;
}