/*
Theme Name: Heli Lab Fleet
Theme URI: https://helilab.co.za
Author: Heli Lab
Author URI: https://helilab.co.za
Description: Elementor-ready dark theme for Heli Lab Fleet. Chrome is built with Xpro Elementor Theme Builder; page content is built with Elementor. Design direction: Heli Lab Night Gold.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: heli-lab-fleet
Tags: elementor, dark, one-column, custom-logo, custom-menu, featured-images
*/
:root{
--hl-ink:#0a0a0b;--hl-panel:#121214;--hl-panel-2:#17171a;
--hl-gold:#c9a24a;--hl-gold-lt:#e8cf8f;--hl-gold-dk:#8a6b25;
--hl-on:#ffffff;--hl-soft:#a8abb2;--hl-soft-2:#75787f;
--hl-line:rgba(255,255,255,.09);--hl-line-2:rgba(255,255,255,.16);
--hl-gold-grad:linear-gradient(135deg,#e8cf8f 0%,#c9a24a 45%,#8a6b25 100%);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--hl-ink);color:var(--hl-on);font-family:'Inter',-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto}
a{color:var(--hl-gold);text-decoration:none}
a:hover{color:var(--hl-gold-lt)}
h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.1;letter-spacing:-.02em;margin:0 0 .5em}
p{text-wrap:pretty}
.site-content{max-width:1180px;margin:0 auto;padding:64px 28px}
.hl-gold-text{background:var(--hl-gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hl-rule-eyebrow{display:flex;align-items:center;gap:10px}
.hl-rule-eyebrow:before{content:"";width:26px;height:1px;flex:0 0 26px;background:var(--hl-gold-grad)}
.hl-shot img{background:#fff}
/* WPForms on a dark ground */
.wpforms-container .wpforms-form{color:var(--hl-soft)}
.wpforms-container .wpforms-form .wpforms-field{padding:0 0 18px}
.wpforms-container .wpforms-form .wpforms-field-label{font:500 12.5px/1.4 'Inter',sans-serif!important;letter-spacing:.3px;color:var(--hl-soft)!important;margin-bottom:7px}
.wpforms-container .wpforms-form .wpforms-field-sublabel{color:var(--hl-soft-2)!important;font-size:11.5px!important}
.wpforms-container .wpforms-form .wpforms-field-description{color:var(--hl-soft-2)!important;font-size:12px!important}
.wpforms-container .wpforms-form input[type=text],
.wpforms-container .wpforms-form input[type=email],
.wpforms-container .wpforms-form input[type=tel],
.wpforms-container .wpforms-form input[type=url],
.wpforms-container .wpforms-form input[type=number],
.wpforms-container .wpforms-form input[type=date],
.wpforms-container .wpforms-form select,
.wpforms-container .wpforms-form textarea{background:var(--hl-panel)!important;border:1px solid var(--hl-line-2)!important;border-radius:8px!important;color:var(--hl-on)!important;font:400 15px 'Inter',sans-serif!important;padding:12px 14px!important;width:100%!important;box-shadow:none!important}
.wpforms-container .wpforms-form textarea{min-height:120px!important}
.wpforms-container .wpforms-form input:focus,
.wpforms-container .wpforms-form select:focus,
.wpforms-container .wpforms-form textarea:focus{outline:none!important;border-color:var(--hl-gold)!important;box-shadow:0 0 0 3px rgba(201,162,74,.14)!important}
.wpforms-container .wpforms-form ::placeholder{color:var(--hl-soft-2)}
.wpforms-container .wpforms-form button[type=submit]{background:var(--hl-gold-grad)!important;border:0!important;border-radius:8px!important;color:#12100a!important;font:600 14px/1 'Inter',sans-serif!important;padding:14px 24px!important;cursor:pointer;transition:.18s ease}
.wpforms-container .wpforms-form button[type=submit]:hover{filter:brightness(1.08)}
.wpforms-confirmation-container-full,div[submit-success]>.wpforms-confirmation-container-full{background:var(--hl-panel-2)!important;border:1px solid rgba(201,162,74,.4)!important;border-radius:12px!important;color:var(--hl-on)!important;padding:22px!important}
.wpforms-container .wpforms-form label.wpforms-error,.wpforms-container .wpforms-form em.wpforms-error{color:#f2637f!important;font-size:12.5px!important}
.wpforms-container .wpforms-form .wpforms-required-label{color:var(--hl-gold)!important}
/* accessibility */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;left:16px;top:16px;z-index:100000;background:var(--hl-panel);color:var(--hl-on);padding:12px 18px;border:1px solid var(--hl-gold);border-radius:8px;width:auto;height:auto;clip:auto}
/* --- Elementor helpers (tokens Elementor controls cannot express) --- */
.hl-btn-gold .elementor-button{background-image:var(--hl-gold-grad);transition:filter .18s ease}
.hl-btn-gold .elementor-button:hover{filter:brightness(1.08)}
.hl-eyebrow .elementor-heading-title{display:inline-flex;align-items:center;gap:10px}
.hl-eyebrow .elementor-heading-title:before{content:"";width:26px;height:1px;flex:0 0 26px;background:var(--hl-gold-grad)}
.hl-eyebrow.hl-center .elementor-heading-title{justify-content:center}
.hl-badge .elementor-heading-title{display:inline-block;border:1px solid rgba(201,162,74,.35);background:rgba(201,162,74,.08);border-radius:999px;padding:6px 13px}
.hl-shot img{background:#fff}
.hl-card{transition:border-color .18s ease}
.hl-card:hover{border-color:var(--hl-line-2)!important}
.hl-hero-wash{position:relative;overflow:hidden}
.hl-hero-wash>*{position:relative;z-index:1}
.hl-hero-wash:before{content:"";position:absolute;left:-10%;right:-10%;top:-40%;height:120%;z-index:0;background:radial-gradient(60% 60% at 50% 0%,rgba(201,162,74,.22),rgba(201,162,74,.05) 45%,transparent 70%);pointer-events:none}
.hl-hero-wash:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;z-index:0;background:linear-gradient(90deg,transparent,rgba(201,162,74,.5),transparent)}
.hl-header-sticky,.xtb-header-sticky{background:rgba(10,10,11,.82)!important;-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px)}
@media(max-width:1024px){.hl-header-sticky,.xtb-header-sticky{background:#0A0A0B!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important;transform:none!important}}
.hl-footer-links .elementor-icon-list-item a,.hl-footer-links .elementor-icon-list-text{font-size:14px}
.hl-slot{background:linear-gradient(135deg,#121214 0%,#17171a 55%,#0f0f11 100%);border:1px solid var(--hl-line);border-radius:14px;position:relative}
.hl-slot:before{content:"";position:absolute;inset:0;border-radius:14px;background:radial-gradient(120% 90% at 15% 0%,rgba(201,162,74,.10),transparent 60%);pointer-events:none}
@media(max-width:1024px){.hl-hero-wash:before{top:-25%}}
/* header nav stays on one line */
.xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav{flex-wrap:nowrap}
.xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav>li>a{white-space:nowrap}
.xpro-theme-builder-header .xpro-elementor-horizontal-navbar-wrapper{flex:0 0 auto}
@media(max-width:1024px){.xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav{flex-wrap:wrap}}
/* header responsive v2 */
.xpro-theme-builder-header .elementor-element-bd2731c{flex:0 0 auto;min-width:0}
.xpro-theme-builder-header .elementor-widget-xpro-horizontal-menu{width:auto;flex:0 0 auto}
.xpro-theme-builder-header .xpro-elementor-horizontal-menu-toggler-wrapper{position:static;width:auto;flex:0 0 auto;display:flex;align-items:center;margin:0}
.xpro-theme-builder-header .xpro-elementor-horizontal-menu-toggler{position:static;margin:0}
@media(max-width:1024px){.xpro-theme-builder-header .elementor-element-2167c07{flex-wrap:nowrap!important;gap:16px!important}.xpro-theme-builder-header .elementor-element-bd2731c{flex-wrap:nowrap!important;gap:12px!important}.xpro-theme-builder-header .xpro-elementor-horizontal-navbar-wrapper{position:static}}
@media(max-width:767px){.xpro-theme-builder-header .elementor-element-2167c07{gap:10px!important}.xpro-theme-builder-header .elementor-element-bd2731c{gap:8px!important}.xpro-theme-builder-header .hl-btn-gold .elementor-button{padding:10px 14px;font-size:13px;white-space:nowrap}}
@media(max-width:400px){.xpro-theme-builder-header .hl-btn-gold .elementor-button{padding:9px 12px;font-size:12px}}
/* seo link row */
.hl-seo-links{margin:0 auto 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;max-width:920px;line-height:1.7}
.hl-seo-links a{color:#6E727A;text-decoration:none}
.hl-seo-links a:hover{color:#C9A24A}
.hl-seo-links span{color:rgba(255,255,255,.18)}
/* faq block */
.hl-faq .elementor-accordion{border:0}
.hl-faq .elementor-accordion-item{border:0;border-bottom:1px solid rgba(255,255,255,.09)}
.hl-faq .elementor-accordion-item:first-child{border-top:1px solid rgba(255,255,255,.09)}
.hl-faq .elementor-tab-title{transition:color .18s ease}
.hl-faq .elementor-tab-title:hover{color:#fff}
.hl-faq .elementor-tab-title a{text-decoration:none}
.hl-faq .elementor-tab-content{border:0!important}
.hl-faq .elementor-tab-content a{color:#C9A24A;text-decoration:none;border-bottom:1px solid rgba(201,162,74,.4)}
.hl-faq .elementor-accordion-icon svg,.hl-faq .elementor-accordion-icon i{font-size:13px;width:13px}
#faqsec .elementor-widget-heading .elementor-heading-title{font-family:Inter,sans-serif;font-size:36px;font-weight:600;letter-spacing:-.9px;color:#fff;line-height:1.15}
@media(max-width:767px){#faqsec .elementor-widget-heading .elementor-heading-title{font-size:28px;letter-spacing:-.5px}.hl-faq .elementor-tab-content{padding-right:8px!important}}
/* mobile menu panel fix */
@media(max-width:1024px){.xpro-theme-builder-header,.xpro-theme-builder-header .elementor-element-05e817d,.xpro-theme-builder-header .elementor-element-2167c07,.xpro-theme-builder-header .elementor-element-bd2731c,.xpro-theme-builder-header .elementor-widget-xpro-horizontal-menu,.xpro-theme-builder-header .xpro-elementor-horizontal-navbar-wrapper{overflow:visible!important}[class*=xpro-elementor-horizontal-menu-responsive]{z-index:99999!important}.xpro-elementor-horizontal-menu-overlay{z-index:99998!important}[class*=xpro-elementor-horizontal-menu-responsive] .xpro-elementor-horizontal-navbar-nav,[class*=xpro-elementor-horizontal-menu-responsive] .xpro-elementor-horizontal-navbar-nav li,[class*=xpro-elementor-horizontal-menu-responsive] .xpro-elementor-horizontal-navbar-nav a{pointer-events:auto!important}[class*=xpro-elementor-horizontal-menu-responsive] .xpro-elementor-horizontal-navbar-nav>li>a{display:block;padding:14px 4px;font-size:16px}}