/*
Theme Name: TrueDryv Fleet
Theme URI: https://example.invalid/truedryv
Author: Wafariko LTD
Description: Responsive fleet management SaaS marketing theme for TrueDryv, with customizer controls and mobile navigation.
Version: 1.5.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: truedryv
License: GNU General Public License v2 or later
*/
:root{--navy:#071b3b;--blue:#0869f5;--cyan:#00c5df;--muted:#5d6d86;--line:#e6edf7;--bg:#f5f8fd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}button,input{font:inherit}img{max-width:100%;height:auto}.wrap{max-width:1180px;margin:auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:850;letter-spacing:-1px}.brand img{width:170px;height:65px;object-fit:contain}.brand .word-blue{color:var(--blue)}.nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:650}.nav a:hover{color:var(--blue)}.nav ul{display:flex;gap:25px;list-style:none;margin:0;padding:0}.nav li{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 23px;border-radius:11px;font-weight:750;font-size:14px;transition:transform .2s,box-shadow .2s;border:1px solid transparent;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px #0869f52e}.btn-outline{border-color:#cdd8e9;color:var(--navy);background:#fff}.menu-toggle{display:none;background:transparent;border:0;font-size:26px;cursor:pointer;color:var(--navy)}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#0968cf;background:#e8f3ff;padding:8px 14px;border-radius:99px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero{background:radial-gradient(circle at 85% 20%,#d7f6ff 0%,transparent 33%),linear-gradient(135deg,#f8fbff,#edf5ff);padding:90px 0 96px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:58px}.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.09;letter-spacing:-.055em;margin:24px 0}.hero h1 span{color:var(--blue)}.hero p{font-size:18px;color:var(--muted);max-width:570px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:35px;font-size:13px;color:#496078;font-weight:650}.trust span:before{content:'✓';color:#00a4a4;font-weight:900;margin-right:7px}.visual{position:relative}.visual-card{background:#fff;border:1px solid #e0eafa;border-radius:22px;box-shadow:0 30px 70px #0b367326;padding:30px;transform:rotate(-2deg)}.visual-card img{display:block;width:100%;max-height:220px;object-fit:contain}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.mini-stats div{background:var(--bg);border-radius:12px;padding:14px 10px;text-align:center}.mini-stats b{display:block;font-size:22px;color:var(--blue)}.mini-stats small{font-size:11px;color:var(--muted)}.float-badge{position:absolute;bottom:-20px;right:-10px;background:var(--navy);color:#fff;padding:14px 20px;border-radius:14px;box-shadow:0 12px 24px #071b3b33;font-size:13px;font-weight:700}.section{padding:92px 0}.section.alt{background:var(--bg)}.section-heading{max-width:690px;margin:0 auto 44px;text-align:center}.section-heading h2{font-size:clamp(30px,3.3vw,44px);letter-spacing:-.04em;line-height:1.2;margin:15px 0}.section-heading p{color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 8px 28px #0a2c5710}.feature .icon{display:grid;place-items:center;background:#eaf4ff;color:var(--blue);border-radius:13px;width:48px;height:48px;font-size:24px;font-weight:800}.feature h3{font-size:19px;margin:18px 0 8px}.feature p{font-size:14px;color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split h2{font-size:clamp(30px,3.5vw,44px);line-height:1.15;letter-spacing:-.04em}.split p{color:var(--muted)}.check-list{list-style:none;padding:0}.check-list li{padding:8px 0}.check-list li:before{content:'✓';color:#00a6aa;font-weight:900;margin-right:10px}.panel{border-radius:23px;background:linear-gradient(140deg,#08234a,#0b57b3);padding:30px;color:white;box-shadow:0 20px 45px #071b3b29}.panel h3{margin-top:0}.panel-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #ffffff2b}.panel-row:last-child{border:0}.panel-row span{color:#d1e6ff}.panel-row b{color:#fff}.pricing .feature{display:flex;flex-direction:column}.price{font-size:34px;font-weight:850;letter-spacing:-.05em;margin:15px 0}.price small{font-size:13px;font-weight:500;color:var(--muted);letter-spacing:0}.pricing .feature .btn{margin-top:auto}.pricing ul{padding-left:18px;color:var(--muted);font-size:14px;flex:1}.highlight{border:2px solid var(--blue);position:relative}.highlight:before{content:'POPULAR';position:absolute;top:-13px;left:25px;background:var(--blue);color:#fff;font-size:10px;letter-spacing:.12em;padding:5px 12px;border-radius:20px}.cta{background:linear-gradient(120deg,#071b3b,#095cc8);color:#fff;text-align:center;border-radius:25px;padding:65px 35px}.cta h2{font-size:clamp(30px,4vw,46px);line-height:1.2;margin:0 0 14px}.cta p{color:#d8e8ff}.cta .btn{background:#fff;color:var(--navy);margin-top:16px}.footer{background:#06162e;color:#e8f0ff;padding:65px 0 28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer p,.footer a{color:#aebdd2;font-size:14px}.footer a:hover{color:#fff}.footer-links{display:flex;flex-direction:column;gap:10px}.copyright{border-top:1px solid #ffffff21;padding-top:24px;margin-top:50px;color:#9bafc8;font-size:13px}.page-main{min-height:55vh;padding:70px 0}.page-main h1{font-size:42px;letter-spacing:-.04em}.entry-content{max-width:820px}.entry-content a{color:var(--blue)}.entry-content img{height:auto}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:100}.wp-block-image img{height:auto}@media(max-width:900px){.hero-grid,.split{grid-template-columns:1fr}.hero{padding:60px 0}.visual{max-width:650px;margin:0 auto}.grid{grid-template-columns:repeat(2,1fr)}.nav{display:none;position:absolute;top:84px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:22px 24px;flex-direction:column;align-items:stretch;box-shadow:0 16px 22px #071b3b12}.nav.open{display:flex}.nav ul{flex-direction:column;gap:18px}.nav .btn{width:100%}.menu-toggle{display:block}}@media(max-width:600px){.wrap{padding:0 18px}.header-inner{min-height:72px}.nav{top:72px}.brand img{width:140px;height:55px}.hero h1{font-size:42px}.hero p{font-size:16px}.hero{padding:48px 0 72px}.section{padding:66px 0}.grid,.footer-grid{grid-template-columns:1fr}.mini-stats b{font-size:18px}.float-badge{right:0}.visual-card{padding:20px}.footer-grid{gap:26px}.cta{padding:48px 20px}.page-main h1{font-size:34px}}
/* TrueDryv v1.1 refinements */
.footer-wordmark{display:inline-flex;align-items:baseline;gap:0;white-space:nowrap;font-size:clamp(30px,3vw,48px);font-weight:850;letter-spacing:-.055em;line-height:1.1;margin:0 0 16px}
.footer-wordmark span:first-child{color:#fff}.footer-wordmark span:last-child{color:var(--blue)}
.footer-grid>div:first-child p{margin:0 0 14px;line-height:1.6}
.brand{padding-bottom:7px}.brand img{display:block;object-position:center;}
.nav-auth{display:flex;align-items:center;gap:10px;margin-left:4px}
.nav-auth .btn{padding:10px 17px}
@media(max-width:900px){.nav-auth{flex-direction:column;align-items:stretch;gap:12px;margin:8px 0 0}.nav-auth .btn{width:100%}}
@media(max-width:600px){.brand{padding-bottom:6px}.footer-wordmark{font-size:36px}}

/* v1.2: Allow the entire logo, including the lower wordmark, to render. */
.site-header .header-inner { min-height: 104px; padding-top: 8px; padding-bottom: 10px; }
.site-header .brand { display: inline-flex; flex: 0 0 auto; align-items: center; overflow: visible; line-height: normal; }
.site-header .brand img { display: block; width: 185px; height: auto; max-height: 88px; object-fit: contain; object-position: center; padding: 0; margin: 0; }
@media(max-width:900px) { .site-header .nav { top: 104px; } }
@media(max-width:600px) { .site-header .header-inner { min-height: 86px; padding-top: 5px; padding-bottom: 8px; } .site-header .brand img { width: 145px; max-height: 72px; height: auto; } .site-header .nav { top: 86px; } }

/* v1.4 horizontal wordmark left, truck icon right */
.site-header .brand img{width:300px;max-height:78px;height:auto;object-fit:contain}
@media(max-width:600px){.site-header .brand img{width:210px;max-height:62px}}

/* v1.5: compact navbar and correctly scaled supplied horizontal logo */
.site-header .header-inner{min-height:82px;padding-top:10px;padding-bottom:10px;gap:24px}
.site-header .brand{padding:0;margin:0;flex:0 0 auto;line-height:1;max-width:100%}
.site-header .brand img,.site-header .brand .truedryv-custom-logo{display:block;width:280px;max-width:100%;height:auto;max-height:58px;object-fit:contain;object-position:left center;padding:0;margin:0}
.site-header .nav{gap:22px}
@media(max-width:900px){.site-header .nav{top:82px}}
@media(max-width:600px){.site-header .header-inner{min-height:70px;padding-top:9px;padding-bottom:9px}.site-header .brand img,.site-header .brand .truedryv-custom-logo{width:215px;max-height:49px}.site-header .nav{top:70px}}