/* Theme Name: Smart Drive Nepal Theme URI: https://smartdrivenepal.example Author: Smart Drive Nepal Author URI: https://smartdrivenepal.example Description: A fast, conversion-focused WordPress theme for Smart Drive Nepal — self-drive and chauffeur-driven vehicle rental across Nepal. Built with a custom static-template router driving a ~50-page vehicle-rental topical-authority silo (locations × vehicles × services × routes × guides), plus native dynamic WordPress templates for the travel Journal (blog list & detail). Ships with FAQPage + Service/CollectionPage/AutoRental JSON-LD schema, single-H1 templates, real native lazy-loading, and a minimal asset footprint — the direct technical-SEO answer to a competitor audit that found strong content-market-fit undermined by a bloated, unoptimized front end. Version: 1.1.0 Requires at least: 6.0 Requires PHP: 7.4 Tested up to: 6.6 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: smartdrivenepal */ /* ===================================================================== CONTENTS 01 Design tokens (colour, type, radius, shadow) + legacy aliases 02 Base / reset / utilities 03 Buttons 04 Header & navigation 05 Home: hero, quick-book card, trust strip 06 Home: fleet, mission, explore (pillar portal), stats, trust, testimonials, gallery, FAQ, closing CTA 07 Footer + WhatsApp button 08 Inner pages: page hero, article/prose, aside, pillar hubs 09 Journal (blog list/detail), pagination, comments 10 Forms (booking, contact, search), 404 / thank-you 11 Responsive refinements ===================================================================== */ /* --------------------------------------------------------------------- 01 — DESIGN TOKENS Public API: --primary / --primary-dark / --primary-light / --accent / --text / --text-muted / --background / --surface / --border. Legacy names (--ink-900, --route-500, --sun-600 …) are kept as aliases because some templates still reference them in inline styles. --------------------------------------------------------------------- */ :root{ /* Brand blues */ --blue-950:#071A3F; --blue-900:#0A2A5E; --blue-700:#0F3F91; --blue-600:#1A5FD6; --blue-500:#3B82F0; --blue-100:#E3EDFD; --blue-050:#F2F7FF; --cyan-400:#2FC8EC; --cyan-300:#7BDCF3; /* Semantic */ --primary:#1A5FD6; --primary-dark:#0F3F91; --primary-light:#E3EDFD; --accent:#2FC8EC; --text:#0D1B33; --text-muted:#475670; --background:#F7F9FD; --surface:#FFFFFF; --border:#E0E7F2; /* Type */ --font-display:'Oswald','Arial Narrow',system-ui,sans-serif; --font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace; /* Shape + depth */ --container:1220px; --radius-lg:26px; --radius-md:16px; --radius-sm:10px; --shadow-card:0 8px 20px -12px rgba(10,42,94,.28); --shadow-lift:0 22px 48px -22px rgba(10,42,94,.38); --ease:cubic-bezier(.22,.61,.36,1); --section-y:clamp(64px,8vw,104px); /* Legacy aliases (do not remove — referenced by inline styles) */ --ink-900:var(--text); --ink-700:var(--blue-950); --route-500:var(--primary); --route-600:var(--primary-dark); --route-100:var(--primary-light); --sun-400:var(--accent); --sun-600:var(--primary); --paper:#FFFFFF; --fog-50:var(--background); --slate-600:var(--text-muted); --slate-900:var(--text); --line:var(--border); } /* --------------------------------------------------------------------- 02 — BASE --------------------------------------------------------------------- */ *{margin:0;padding:0;box-sizing:border-box;} html{scroll-behavior:smooth;} body{ background:var(--background); color:var(--text); font-family:var(--font-body); font-weight:400; line-height:1.6; overflow-x:hidden; -webkit-font-smoothing:antialiased; } body.nav-open{overflow:hidden;} h1,h2,h3,h4,.serif{ font-family:var(--font-display); font-weight:600; letter-spacing:.01em; line-height:1.12; text-transform:uppercase; } a{color:inherit;text-decoration:none;} img{display:block;max-width:100%;height:auto;} ul{list-style:none;} button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;} .container{max-width:var(--container);margin:0 auto;padding:0 24px;} .eyebrow{ font-family:var(--font-mono); font-size:.76rem; letter-spacing:.14em; text-transform:uppercase; font-weight:500; color:var(--primary); display:inline-flex; align-items:center; gap:10px; } .eyebrow::before{content:'';width:26px;height:2px;background:currentColor;display:inline-block;flex-shrink:0;} .section-head{max-width:680px;margin-bottom:48px;} .section-head h2{font-size:clamp(1.9rem,4vw,2.9rem);margin-top:14px;color:var(--text);} .section-head p{margin-top:16px;color:var(--text-muted);font-size:1.03rem;line-height:1.65;max-width:58ch;} /* Scroll reveal (driven by assets/js/theme.js) */ .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease);} .reveal.in{opacity:1;transform:none;} @media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto;} .reveal{opacity:1;transform:none;transition:none;} *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;} } /* Keyboard focus — visible on light and dark surfaces */ a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{ outline:3px solid var(--primary);outline-offset:3px;border-radius:6px; } .hero a:focus-visible,.hero button:focus-visible, .trust-strip a:focus-visible,.stats a:focus-visible, .testimonials a:focus-visible,.newsletter a:focus-visible, .page-hero a:focus-visible,.single-hero a:focus-visible, .journal-hero a:focus-visible,.error-404 a:focus-visible, footer a:focus-visible,header:not(.scrolled) a:focus-visible, header:not(.scrolled) button:focus-visible,.nav-links a:focus-visible{ outline-color:var(--accent); } /* Accessibility helpers */ .screen-reader-text{ position:absolute !important;width:1px;height:1px;padding:0;margin:-1px; overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; } .skip-link{ position:absolute;left:-9999px;top:0;z-index:9999; background:var(--blue-950);color:#fff;padding:14px 22px;border-radius:0 0 10px 0; font-weight:700;font-size:.85rem; } .skip-link:focus{left:0;} /* --------------------------------------------------------------------- 03 — BUTTONS --------------------------------------------------------------------- */ .btn{ display:inline-flex;align-items:center;justify-content:center;gap:10px; padding:15px 28px;border-radius:100px; font-family:var(--font-display);font-size:.92rem;font-weight:600; letter-spacing:.05em;text-transform:uppercase;line-height:1.2; transition:transform .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease); } .btn svg{width:16px;height:16px;flex-shrink:0;} .btn-primary{background:var(--primary);color:#fff;box-shadow:0 12px 28px -10px rgba(26,95,214,.6);} .btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);} .btn-secondary{background:transparent;color:var(--text);border:1.5px solid var(--text);} .btn-secondary:hover{background:var(--text);color:#fff;transform:translateY(-2px);} .btn-ghost{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.5);backdrop-filter:blur(6px);} .btn-ghost:hover{background:#fff;color:var(--primary-dark);border-color:#fff;transform:translateY(-2px);} .btn-sm{padding:11px 20px;font-size:.8rem;} .btn-text{ display:inline-flex;align-items:center;gap:8px; font-family:var(--font-display);font-weight:600;font-size:.92rem;letter-spacing:.05em;text-transform:uppercase; color:var(--primary); } .btn-text svg{transition:transform .3s var(--ease);} .btn-text:hover svg{transform:translateX(4px);} .cta-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center;} /* --------------------------------------------------------------------- 04 — HEADER & NAVIGATION Markup: header#siteHeader > .nav-inner > .logo + nav#navLinks + button#burger --------------------------------------------------------------------- */ header{ position:fixed;top:0;left:0;right:0;z-index:200; padding:18px 0; transition:background .3s var(--ease),padding .3s var(--ease),box-shadow .3s var(--ease); } header.scrolled{ background:rgba(247,249,253,.92); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); padding:11px 0; box-shadow:0 4px 20px rgba(10,42,94,.08); } .nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;} .logo{ display:flex;align-items:center;gap:11px; font-family:var(--font-display);font-size:1.18rem;font-weight:600; letter-spacing:.05em;text-transform:uppercase;line-height:1; color:#fff;transition:color .3s var(--ease); } header.scrolled .logo{color:var(--text);} .logo .mark{ width:40px;height:40px;border-radius:50%;flex-shrink:0; background:var(--primary);color:#fff; display:flex;align-items:center;justify-content:center; box-shadow:0 0 0 3px rgba(255,255,255,.25); } .logo img{max-height:44px;width:auto;} .nav-links{display:flex;gap:30px;align-items:center;} .nav-links li{list-style:none;} .nav-links a{ font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em; color:#fff;opacity:.92;position:relative; transition:color .25s var(--ease),opacity .25s; } header.scrolled .nav-links a{color:var(--text);} .nav-links a:hover{opacity:1;color:var(--accent);} header.scrolled .nav-links a:hover{color:var(--primary);} .nav-links a::after{ content:'';position:absolute;left:0;bottom:-6px;width:0;height:2px;background:currentColor; transition:width .3s var(--ease); } .nav-links a:hover::after{width:100%;} .nav-links .current-menu-item > a::after,.nav-links .current_page_item > a::after{width:100%;} .nav-links a.nav-cta,.nav-links .nav-cta a{ padding:11px 22px;border-radius:100px; background:var(--primary);color:#fff !important;opacity:1; font-family:var(--font-display);font-size:.8rem;letter-spacing:.06em; box-shadow:0 10px 24px -10px rgba(26,95,214,.7); transition:background .25s var(--ease),transform .25s var(--ease); } .nav-links a.nav-cta:hover{background:var(--primary-dark);transform:translateY(-1px);} .nav-links a.nav-cta::after{display:none;} .burger{display:none;width:26px;height:20px;position:relative;z-index:260;} .burger span{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:#fff;transition:transform .3s var(--ease),opacity .2s,top .3s var(--ease),background .3s;} header.scrolled .burger span{background:var(--text);} .burger span:nth-child(1){top:0;} .burger span:nth-child(2){top:9px;} .burger span:nth-child(3){top:18px;} .burger[aria-expanded="true"] span{background:#fff;} .burger[aria-expanded="true"] span:nth-child(1){top:9px;transform:rotate(45deg);} .burger[aria-expanded="true"] span:nth-child(2){opacity:0;} .burger[aria-expanded="true"] span:nth-child(3){top:9px;transform:rotate(-45deg);} /* Admin bar offset for the fixed header */ body.admin-bar header{top:32px;} @media (max-width:782px){body.admin-bar header{top:46px;}} /* --------------------------------------------------------------------- 05 — HOME: HERO --------------------------------------------------------------------- */ .hero{ position:relative;overflow:hidden;color:#fff; padding:150px 0 140px; background:linear-gradient(155deg,var(--blue-950) 0%,var(--blue-900) 35%,var(--blue-700) 72%,var(--blue-600) 100%); } .hero-glow{ position:absolute;inset:0;pointer-events:none; background: radial-gradient(circle at 82% 18%,rgba(47,200,236,.28),transparent 42%), radial-gradient(circle at 8% 88%,rgba(59,130,240,.35),transparent 46%); } .hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;} .hero-copy{min-width:0;} .hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px;} .hero-badge{ display:inline-flex;align-items:center;gap:8px; background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3); padding:8px 15px;border-radius:100px; font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;line-height:1.3; } .hero-badge svg{flex-shrink:0;color:var(--accent);} .hero h1{font-size:clamp(2.4rem,5.6vw,4.5rem);line-height:1.02;color:#fff;max-width:15ch;} .hero h1 em{ font-style:normal;color:var(--text);background:#fff; padding:0 .22em;display:inline-block;border-radius:10px; transform:rotate(-1.2deg);margin-top:.12em; } .hero p.lead{max-width:50ch;font-size:1.08rem;line-height:1.7;margin:24px 0 34px;color:rgba(255,255,255,.9);} .hero .btn-primary{background:var(--accent);color:var(--blue-950);box-shadow:0 14px 30px -12px rgba(47,200,236,.7);} .hero .btn-primary:hover{background:#fff;color:var(--primary-dark);} .hero .btn-text{color:#fff;} .hero .btn-text:hover{color:var(--accent);} .hero-media{position:relative;} .hero-media figure{ position:relative;border-radius:var(--radius-lg);overflow:hidden; aspect-ratio:4/4.4; box-shadow:0 40px 70px -30px rgba(0,0,0,.6); border:1px solid rgba(255,255,255,.22); } .hero-media img{width:100%;height:100%;object-fit:cover;} .hero-media figure::after{ content:'';position:absolute;inset:0; background:linear-gradient(180deg,rgba(7,26,63,0) 55%,rgba(7,26,63,.55) 100%); } .hero-chip{ position:absolute;left:-22px;bottom:34px;z-index:3; display:flex;align-items:center;gap:12px; background:#fff;color:var(--text); border-radius:var(--radius-md);padding:14px 18px; box-shadow:0 18px 40px -16px rgba(0,0,0,.45); max-width:260px; } .hero-chip .icon{ width:40px;height:40px;border-radius:12px;flex-shrink:0; background:var(--primary-light);color:var(--primary); display:flex;align-items:center;justify-content:center; } .hero-chip strong{display:block;font-size:.86rem;line-height:1.3;} .hero-chip span{font-size:.76rem;color:var(--text-muted);} /* ---- Quick quote card (overlaps the hero) ---- */ .quick-book-wrap{position:relative;z-index:20;margin-top:-76px;margin-bottom:0;} .quick-book{ background:var(--surface);border-radius:var(--radius-lg); box-shadow:0 30px 60px -28px rgba(10,42,94,.45); padding:30px 34px 34px;border:1px solid var(--border); display:grid;grid-template-columns:1.1fr 1.2fr 1fr 1fr auto;gap:18px;align-items:end; } .quick-book-title{ grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:10px 20px;flex-wrap:wrap; } .quick-book-title h2{font-size:1.2rem;color:var(--text);} .quick-book-title span{font-family:var(--font-mono);font-size:.74rem;color:var(--primary);} .qb-field label{ display:block;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.09em; text-transform:uppercase;color:var(--text-muted);margin-bottom:8px; } .qb-field select,.qb-field input{ width:100%;padding:13px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm); font-family:var(--font-body);font-size:.92rem;color:var(--text);background:#fff; transition:border-color .2s,box-shadow .2s; } .qb-field select:focus,.qb-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);} .quick-book .btn{padding:14px 24px;white-space:nowrap;} /* ---- Trust strip ---- */ .trust-strip{background:var(--blue-950);padding:26px 0;} .trust-strip-list{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px 28px;} .trust-strip-list li{ display:flex;align-items:center;gap:10px; color:#fff;font-size:.82rem;font-weight:600;letter-spacing:.02em;opacity:.94; } .trust-strip-list svg{color:var(--accent);flex-shrink:0;} /* --------------------------------------------------------------------- 06 — HOME SECTIONS --------------------------------------------------------------------- */ .fleet,.mission,.explore,.trust,.gallery,.faq{padding:var(--section-y) 0;} /* ---- Fleet: image tile + four vehicle-group cards ---- */ .fleet{background:var(--background);} .fleet-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;align-items:stretch;} .fleet-img{ position:relative;border-radius:var(--radius-lg);overflow:hidden; box-shadow:var(--shadow-lift);min-height:420px; } .fleet-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;} .fleet-badge{ position:absolute;left:18px;right:18px;bottom:18px; background:rgba(255,255,255,.95);border-radius:var(--radius-md);padding:14px 16px; display:flex;gap:12px;align-items:center;box-shadow:0 12px 30px rgba(7,26,63,.25); } .fleet-badge .icon{ width:40px;height:40px;border-radius:12px;flex-shrink:0; background:var(--primary-light);color:var(--primary); display:flex;align-items:center;justify-content:center; } .fleet-badge strong{display:block;font-size:.86rem;color:var(--text);line-height:1.3;} .fleet-badge span{font-size:.78rem;color:var(--text-muted);} .fleet-types{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:0;} .fleet-type{ display:flex;flex-direction:column; background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg); padding:28px 26px; transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s; } .fleet-type:hover{transform:translateY(-6px);box-shadow:var(--shadow-lift);border-color:transparent;} .fleet-type .f-icon{ width:56px;height:56px;border-radius:16px;margin-bottom:20px; background:var(--primary-light);color:var(--primary); display:flex;align-items:center;justify-content:center; } .fleet-type h3{font-size:1.2rem;margin-bottom:8px;color:var(--text);} .fleet-type p{font-size:.9rem;line-height:1.6;color:var(--text-muted);margin:0 0 18px;flex-grow:1;} .fleet-type .f-link{ display:inline-flex;align-items:center;gap:8px; font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--primary); } .fleet-type .f-link svg{transition:transform .3s var(--ease);} .fleet-type:hover .f-link svg{transform:translate(3px,-3px);} .fleet-type.featured{background:linear-gradient(165deg,var(--blue-600),var(--blue-900));border-color:transparent;} .fleet-type.featured h3{color:#fff;} .fleet-type.featured p{color:rgba(255,255,255,.85);} .fleet-type.featured .f-icon{background:rgba(255,255,255,.16);color:#fff;} .fleet-type.featured .f-link{color:var(--accent);} .fleet-note{ margin-top:26px;padding:22px 28px;border-radius:var(--radius-md);background:var(--primary-light); display:flex;align-items:center;justify-content:space-between;gap:18px 28px;flex-wrap:wrap; } .fleet-note p{font-size:.95rem;color:var(--blue-900);font-weight:600;margin:0;max-width:60ch;} .fleet-note .cta-row{gap:12px;} .chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;} .chip-row a{ font-family:var(--font-mono);font-size:.74rem;padding:8px 14px;border-radius:100px; background:var(--surface);border:1px solid var(--border);color:var(--text-muted); transition:border-color .2s,color .2s,background .2s; } .chip-row a:hover{border-color:var(--primary);color:var(--primary);background:var(--blue-050);} /* ---- Mission ("how it works") ---- */ .mission{background:var(--blue-050);} .mission-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:start;} .mission-quote{ font-family:var(--font-display);font-weight:500;text-transform:none;letter-spacing:.005em; font-size:clamp(1.6rem,2.8vw,2.5rem);line-height:1.3;color:var(--text); position:sticky;top:120px; } .mission-side > p{color:var(--text-muted);margin-bottom:26px;font-size:1.02rem;line-height:1.7;} .mission-side > p b{color:var(--text);font-weight:600;} .pillars{display:grid;gap:16px;} .pillar{ display:flex;gap:16px;align-items:flex-start; background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:22px; transition:transform .25s var(--ease),box-shadow .25s var(--ease); } .pillar:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);} .pillar .icon{ width:46px;height:46px;border-radius:14px;background:var(--primary-light);color:var(--primary); display:flex;align-items:center;justify-content:center;flex-shrink:0; } .pillar h3,.pillar h4{font-size:1.02rem;margin-bottom:4px;color:var(--text);} .pillar p{font-size:.9rem;color:var(--text-muted);margin:0;line-height:1.6;} /* ---- Explore: pillar portal (service-chip style cards) ---- */ .explore{background:var(--surface);} .portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;} .portal-card{ position:relative;display:flex;flex-direction:column;gap:10px; background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md); padding:24px 22px 64px; transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s; } .portal-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lift);border-color:var(--primary);} .portal-icon{ width:46px;height:46px;border-radius:14px;background:var(--primary-light);color:var(--primary); display:flex;align-items:center;justify-content:center;margin-bottom:6px; } .portal-count{ align-self:flex-start;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em; color:var(--primary-dark);background:var(--primary-light);padding:4px 11px;border-radius:100px; } .portal-card h3{font-size:1.08rem;color:var(--text);line-height:1.2;} .portal-card p{font-size:.86rem;color:var(--text-muted);line-height:1.55;} .portal-arrow{ position:absolute;right:20px;bottom:20px;width:36px;height:36px;border-radius:50%; background:var(--background);border:1px solid var(--border);color:var(--text); display:flex;align-items:center;justify-content:center; transition:background .25s,color .25s,border-color .25s,transform .25s var(--ease); } .portal-card:hover .portal-arrow{background:var(--primary);border-color:var(--primary);color:#fff;transform:rotate(45deg);} /* When the pillar count leaves a gap in the 4-col grid, the first card spans two columns */ .portal-grid.has-feature .portal-card:first-child{ grid-column:span 2;background:linear-gradient(150deg,var(--blue-900),var(--blue-700));border-color:transparent; } .portal-grid.has-feature .portal-card:first-child h3{color:#fff;font-size:1.5rem;} .portal-grid.has-feature .portal-card:first-child p{color:rgba(255,255,255,.82);font-size:.95rem;max-width:44ch;} .portal-grid.has-feature .portal-card:first-child .portal-icon{background:rgba(255,255,255,.14);color:#fff;} .portal-grid.has-feature .portal-card:first-child .portal-count{background:rgba(255,255,255,.16);color:#fff;} .portal-grid.has-feature .portal-card:first-child .portal-arrow{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4);color:#fff;} /* ---- Stats band ---- */ .stats{background:linear-gradient(120deg,var(--blue-700),var(--blue-900));color:#fff;padding:64px 0;position:relative;overflow:hidden;} .stats::before{ content:'';position:absolute;inset:0;pointer-events:none; background:radial-gradient(circle at 90% 0%,rgba(47,200,236,.22),transparent 45%); } .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;position:relative;z-index:1;} .stat h3{font-size:clamp(2.2rem,4.6vw,3.4rem);color:#fff;font-weight:600;margin-bottom:6px;} .stat p{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.05em;color:rgba(255,255,255,.82);max-width:24ch;margin:0 auto;line-height:1.5;} /* ---- Trust (why Smart Drive Nepal) ---- */ .trust{background:var(--blue-050);} .trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;} .trust-card{ background:var(--surface);border-radius:var(--radius-md);padding:30px 26px; border:1px solid var(--border); transition:transform .25s var(--ease),box-shadow .25s var(--ease); } .trust-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card);} .trust-card .icon{ width:52px;height:52px;border-radius:16px;background:var(--primary-light);color:var(--primary); display:flex;align-items:center;justify-content:center;margin-bottom:20px; } .trust-card h3{font-size:1.15rem;margin-bottom:10px;color:var(--text);} .trust-card p{font-size:.92rem;color:var(--text-muted);line-height:1.65;} .trust-card .stat-line{margin-top:16px;font-size:.86rem;font-weight:700;} .trust-card .stat-line a{color:var(--primary);} .trust-card .stat-line a:hover{text-decoration:underline;text-underline-offset:3px;} /* ---- Testimonials (dark band) ---- */ .testimonials{background:var(--blue-950);color:#fff;padding:var(--section-y) 0;overflow:hidden;} .testimonials .eyebrow,.light-on-dark .eyebrow{color:var(--accent);} .testimonials .section-head h2,.light-on-dark h2{color:#fff;} .light-on-dark p{color:rgba(255,255,255,.75);} .t-track{display:flex;gap:20px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;} .t-card{ flex:0 0 auto;width:360px;max-width:86vw;scroll-snap-align:start; background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14); border-radius:var(--radius-md);padding:28px; } .t-card p.quote{font-size:.98rem;line-height:1.7;margin-bottom:22px;color:rgba(255,255,255,.9);} .t-person{display:flex;align-items:center;gap:12px;} .t-avatar{ width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--blue-950); display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-display); } .t-person strong{display:block;font-size:.9rem;} .t-person span{font-size:.78rem;color:rgba(255,255,255,.65);} /* ---- Gallery (media-library driven; lightbox styles live in the partial) ---- */ .gallery{background:var(--surface);} .gal-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:150px;gap:14px;} .gal-grid a{position:relative;grid-column:span 2;border-radius:var(--radius-sm);overflow:hidden;background:var(--blue-100);} .gal-grid a:nth-child(1),.gal-grid a:nth-child(4){grid-row:span 2;} .gal-grid img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);} .gal-grid a:hover img{transform:scale(1.06);} .gal-grid a::after{content:'';position:absolute;inset:0;background:rgba(10,42,94,0);transition:background .3s;} .gal-grid a:hover::after{background:rgba(10,42,94,.18);} .gallery-foot{display:flex;justify-content:space-between;align-items:center;margin-top:36px;flex-wrap:wrap;gap:18px;} .gallery-foot p{color:var(--text-muted) !important;font-size:.9rem;} /* ---- FAQ: heading left, accordion right ---- */ .faq{background:var(--background);} .faq > .container{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px 64px;align-items:start;} .faq .section-head{grid-column:1;margin-bottom:0;position:sticky;top:120px;} .faq .faq-list{grid-column:2;max-width:none;} .faq .gallery-foot{grid-column:2;margin-top:8px !important;} .faq .pillar-grid{grid-column:1/-1;} .faq-item{border-bottom:1px solid var(--border);} .faq-q{ width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px; padding:22px 4px;text-align:left; font-family:var(--font-display);font-size:1.08rem;font-weight:500;letter-spacing:.01em;color:var(--text); } .faq-q svg{transition:transform .35s var(--ease);flex-shrink:0;color:var(--primary);} .faq-item.open .faq-q svg{transform:rotate(45deg);} .faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease);} .faq-a p{padding:0 4px 24px;color:var(--text-muted);max-width:66ch;font-size:.96rem;line-height:1.7;} /* ---- Closing CTA (template-parts/section-newsletter.php) ---- */ .newsletter{ position:relative;overflow:hidden;text-align:center;color:#fff; padding:var(--section-y) 0; background:linear-gradient(135deg,var(--blue-700),var(--blue-950)); } .newsletter::before{ content:'';position:absolute;inset:0;pointer-events:none; background:radial-gradient(circle at 15% 100%,rgba(47,200,236,.25),transparent 45%); } .newsletter .container{position:relative;z-index:1;} .newsletter .eyebrow{color:var(--accent);} .newsletter h2{font-size:clamp(1.9rem,4.4vw,3.2rem);margin:16px auto 14px;color:#fff;max-width:20ch;} .newsletter p{color:rgba(255,255,255,.85);max-width:52ch;margin:0 auto 32px;font-size:1.03rem;} .newsletter .btn-primary{background:var(--accent);color:var(--blue-950);box-shadow:0 14px 30px -12px rgba(47,200,236,.7);} .newsletter .btn-primary:hover{background:#fff;color:var(--primary-dark);} .news-form{display:flex;gap:12px;max-width:460px;margin:0 auto;} .news-form input{ flex:1;padding:15px 20px;border-radius:100px;border:1px solid var(--border);background:#fff; font-family:inherit;font-size:.92rem;color:var(--text); } .news-form button{padding:15px 26px;border-radius:100px;background:var(--accent);color:var(--blue-950);font-weight:700;font-size:.9rem;} /* --------------------------------------------------------------------- 07 — FOOTER + WHATSAPP BUTTON --------------------------------------------------------------------- */ footer{background:var(--blue-950);color:rgba(255,255,255,.72);padding:80px 0 36px;} .footer-top{ display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:36px; padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.12); } .footer-brand .logo{color:#fff;margin-bottom:16px;} .footer-brand p{font-size:.88rem;max-width:34ch;line-height:1.7;} .footer-col h4{ color:#fff;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.1em;font-weight:500; margin-bottom:18px; } .footer-col ul li,.footer-top > ul li{margin-bottom:11px;} .footer-col a,.footer-top > ul a{font-size:.88rem;transition:color .2s;} .footer-col a:hover,.footer-top > ul a:hover{color:var(--accent);} .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:28px;flex-wrap:wrap;gap:14px;font-size:.8rem;} .socials{display:flex;gap:10px;} .socials a{ width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08); display:flex;align-items:center;justify-content:center;transition:background .25s,color .25s; } .socials a:hover{background:var(--primary);color:#fff;} .disclaimer{font-size:.76rem;color:rgba(255,255,255,.45);max-width:900px;margin-top:14px;line-height:1.6;} .wa-float{ position:fixed;bottom:24px;right:24px;z-index:150; width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff; display:flex;align-items:center;justify-content:center; box-shadow:0 10px 30px rgba(37,211,102,.45);animation:wa-pulse 2.6s infinite; transition:transform .25s var(--ease); } .wa-float:hover{transform:scale(1.07);} .wa-float:focus-visible{outline-color:#fff;box-shadow:0 0 0 6px var(--blue-900);} @keyframes wa-pulse{ 0%{box-shadow:0 0 0 0 rgba(37,211,102,.5);} 70%{box-shadow:0 0 0 16px rgba(37,211,102,0);} 100%{box-shadow:0 0 0 0 rgba(37,211,102,0);} } /* --------------------------------------------------------------------- 08 — INNER PAGES --------------------------------------------------------------------- */ /* Shared dark-blue hero used by every non-home template */ .page-hero,.journal-hero,.search-form-wrap,.single-hero{ position:relative;overflow:hidden;color:#fff; background:linear-gradient(155deg,var(--blue-950) 0%,var(--blue-900) 45%,var(--blue-700) 100%); } .page-hero::after,.journal-hero::after,.search-form-wrap::after,.single-hero::after{ content:'';position:absolute;inset:0;pointer-events:none; background:radial-gradient(circle at 88% 10%,rgba(47,200,236,.22),transparent 42%); } .page-hero > .container,.journal-hero > .container,.search-form-wrap > .container,.single-hero > .container{position:relative;z-index:1;} .page-hero{padding:190px 0 80px;} .journal-hero{padding:180px 0 70px;} .search-form-wrap{padding:180px 0 56px;} .single-hero{padding:190px 0 100px;} .page-hero .eyebrow,.journal-hero .eyebrow,.search-form-wrap .eyebrow,.single-hero .eyebrow{color:var(--accent);} .page-hero h1,.single-hero h1,.journal-hero h1,.search-form-wrap h1{color:#fff;font-weight:600;} .page-hero h1{font-size:clamp(2rem,4.6vw,3.6rem);margin:16px 0 16px;max-width:22ch;} .page-hero p.lead,.journal-hero p{max-width:58ch;color:rgba(255,255,255,.85);font-size:1.05rem;line-height:1.7;} .journal-hero h1,.search-form-wrap h1{font-size:clamp(2rem,4.2vw,3.2rem);margin:16px 0 14px;} .breadcrumb{ display:flex;gap:8px;align-items:center;flex-wrap:wrap; font-size:.8rem;color:rgba(255,255,255,.65);margin-bottom:18px;letter-spacing:.02em; } .breadcrumb a{color:rgba(255,255,255,.9);transition:color .2s;} .breadcrumb a:hover{color:var(--accent);} /* Article / static page body */ .article-body{background:var(--surface);padding:var(--section-y) 0;} .article-grid{display:grid;grid-template-columns:.72fr .28fr;gap:64px;} .prose{max-width:70ch;color:var(--text-muted);font-size:1.04rem;line-height:1.75;} .prose h2,.prose h3,.prose h4{text-transform:none;letter-spacing:0;color:var(--text);} .prose h2{font-size:1.8rem;margin:44px 0 16px;} .prose h2:first-child{margin-top:0;} .prose h3{font-size:1.35rem;margin:32px 0 12px;} .prose p{margin-bottom:20px;} .prose ul,.prose ol{margin:0 0 22px 22px;} .prose li{margin-bottom:10px;} .prose ul{list-style:disc;} .prose ol{list-style:decimal;} .prose strong{color:var(--text);} .prose blockquote{ border-left:4px solid var(--primary);margin:32px 0;padding:8px 0 8px 24px; font-family:var(--font-display);font-size:1.3rem;line-height:1.4;color:var(--text); } .prose img{border-radius:var(--radius-md);margin:28px 0;box-shadow:var(--shadow-lift);} .prose a{color:var(--primary);text-decoration:underline;text-underline-offset:3px;} .prose a:hover{color:var(--primary-dark);} .prose table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:.95rem;display:block;overflow-x:auto;} .prose th,.prose td{border:1px solid var(--border);padding:10px 14px;text-align:left;} .prose th{background:var(--blue-050);color:var(--text);} .page-links{margin-top:24px;font-weight:600;} .article-aside{align-self:start;position:sticky;top:110px;} .aside-card{background:var(--blue-050);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;margin-bottom:18px;} .aside-card h4{font-size:.9rem;color:var(--text);margin-bottom:14px;letter-spacing:.04em;} .aside-card ul li{margin-bottom:10px;font-size:.9rem;} .aside-card ul li a{color:var(--text-muted);transition:color .2s;} .aside-card ul li a:hover{color:var(--primary);} .linking-system .aside-card ul li{font-size:.88rem;} /* Pillar hubs */ .pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;} .pillar-card{ display:flex;align-items:center;justify-content:space-between;gap:12px; padding:16px 20px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border); font-size:.92rem;font-weight:600;color:var(--text); transition:background .25s,border-color .25s,color .25s,transform .25s var(--ease); } .pillar-card svg{flex-shrink:0;opacity:.55;transition:opacity .25s,transform .25s;} .pillar-card:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px);} .pillar-card:hover svg{opacity:1;transform:translate(2px,-2px);} .related-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} .related-pillar-card{ display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px; transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s; } .related-pillar-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:var(--primary);} .related-pillar-card .card-tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);display:block;margin-bottom:10px;} .related-pillar-card h3{font-size:1.05rem;color:var(--text);margin-bottom:8px;} .related-pillar-card p{font-size:.86rem;color:var(--text-muted);} /* WP core content helpers */ .alignwide{max-width:1000px;margin-left:auto;margin-right:auto;} .alignfull{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;} .aligncenter{display:block;margin-left:auto;margin-right:auto;} .wp-caption{max-width:100%;} .wp-caption-text{font-size:.82rem;color:var(--text-muted);margin-top:8px;text-align:center;} .wp-block-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0;} .wp-block-gallery img{border-radius:12px;} /* --------------------------------------------------------------------- 09 — JOURNAL --------------------------------------------------------------------- */ .journal{background:var(--background);padding:var(--section-y) 0;} .journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;} .journal-card{ border-radius:var(--radius-md);overflow:hidden;background:var(--surface);border:1px solid var(--border); display:flex;flex-direction:column; transition:transform .3s var(--ease),box-shadow .3s var(--ease); } .journal-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lift);} .journal-card a.thumb{display:block;aspect-ratio:16/11;overflow:hidden;background:var(--blue-100);} .journal-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);} .journal-card:hover img{transform:scale(1.06);} .journal-card .jc-body{padding:24px;display:flex;flex-direction:column;flex-grow:1;} .journal-card .card-tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);margin-bottom:10px;display:block;} .journal-card h3{font-size:1.15rem;line-height:1.25;margin-bottom:10px;color:var(--text);text-transform:none;} .journal-card h3 a{color:inherit;} .journal-card h3 a:hover{color:var(--primary);} .journal-card p{font-size:.9rem;color:var(--text-muted);margin-bottom:14px;flex-grow:1;} .journal-card .jc-meta{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);display:flex;gap:10px;align-items:center;} .no-posts{padding:40px 0;color:var(--text-muted);} .pagination{display:flex;gap:10px;justify-content:center;margin-top:56px;flex-wrap:wrap;} .pagination a,.pagination span{ display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px; border-radius:100px;border:1px solid var(--border);background:var(--surface); font-size:.88rem;font-weight:700;color:var(--text); transition:background .25s,color .25s,border-color .25s; } .pagination a:hover{background:var(--primary);border-color:var(--primary);color:#fff;} .pagination span.current{background:var(--blue-950);border-color:var(--blue-950);color:#fff;} /* Single post */ .single-hero h1{font-size:clamp(2rem,4.4vw,3.4rem);margin:16px 0 20px;max-width:24ch;} .single-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;color:rgba(255,255,255,.75);font-size:.86rem;} .single-meta .author{display:flex;gap:10px;align-items:center;} .single-meta .avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;} .single-feature-img{margin-top:-64px;position:relative;z-index:2;} .single-feature-img img{width:100%;max-height:520px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);} .single-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:36px;} .single-tags a{ padding:8px 16px;border-radius:100px;background:var(--blue-050);border:1px solid var(--border); font-family:var(--font-mono);font-size:.74rem;color:var(--text);transition:background .2s,color .2s,border-color .2s; } .single-tags a:hover{background:var(--primary);border-color:var(--primary);color:#fff;} .post-nav{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:56px;padding-top:36px;border-top:1px solid var(--border);} .post-nav a{display:block;padding:20px;border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text);font-weight:600;transition:border-color .2s,box-shadow .2s;} .post-nav a:hover{border-color:var(--primary);box-shadow:var(--shadow-card);} .post-nav .dir{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);margin-bottom:8px;display:block;} .post-nav .prev{text-align:left;} .post-nav .next{text-align:right;grid-column:2;} /* Comments */ .comments-area{margin-top:64px;padding-top:44px;border-top:1px solid var(--border);} .comments-title{font-size:1.5rem;color:var(--text);margin-bottom:28px;} .comment-list{list-style:none;} .comment-list .comment{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border);} .comment-author-wrap{display:flex;gap:12px;align-items:center;margin-bottom:10px;} .comment-author-wrap img{border-radius:50%;} .comment-author-wrap .fn{font-style:normal;font-weight:700;color:var(--text);font-size:.94rem;} .comment-meta{font-size:.78rem;color:var(--text-muted);} .comment-content p{color:var(--text-muted);font-size:.94rem;} .comment-reply-link{font-size:.78rem;font-weight:700;color:var(--primary);} .comment-respond{margin-top:40px;} .comment-form label{display:block;font-size:.8rem;font-weight:700;color:var(--text);margin-bottom:6px;} .comment-form .comment-form-submit button,.comment-form input[type="submit"]{ padding:14px 30px;border-radius:100px;background:var(--primary);color:#fff; font-family:var(--font-display);font-weight:600;letter-spacing:.05em;text-transform:uppercase; transition:background .25s,transform .25s; } .comment-form .comment-form-submit button:hover,.comment-form input[type="submit"]:hover{background:var(--primary-dark);transform:translateY(-2px);} /* --------------------------------------------------------------------- 10 — FORMS, SEARCH, 404 / THANK-YOU --------------------------------------------------------------------- */ .comment-form input:not([type="submit"]):not([type="checkbox"]),.comment-form textarea, .contact-form input,.contact-form select,.contact-form textarea, .booking-form input,.booking-form select,.booking-form textarea{ width:100%;padding:14px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:#fff; font-family:var(--font-body);font-size:.94rem;color:var(--text); transition:border-color .2s,box-shadow .2s; } .comment-form input:not([type="submit"]):not([type="checkbox"]),.comment-form textarea{margin-bottom:16px;background:var(--background);} .comment-form textarea,.contact-form textarea,.booking-form textarea{min-height:130px;resize:vertical;} .comment-form input:focus,.comment-form textarea:focus, .contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus, .booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{ outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light); } .contact-form label,.booking-form label{display:block;font-size:.82rem;font-weight:600;color:var(--text);margin-bottom:8px;} /* Contact */ .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;} .contact-form-wrap{background:var(--blue-050);border-radius:var(--radius-lg);padding:40px;border:1px solid var(--border);} .contact-form .field{margin-bottom:20px;} .contact-form .btn{width:100%;} .contact-info{padding-top:10px;} .contact-info .info-item{display:flex;gap:16px;margin-bottom:26px;align-items:flex-start;} .contact-info .icon{ width:46px;height:46px;border-radius:14px;background:var(--primary-light);color:var(--primary); display:flex;align-items:center;justify-content:center;flex-shrink:0; } .contact-info h4{font-size:1rem;color:var(--text);margin-bottom:4px;} .contact-info p{font-size:.92rem;color:var(--text-muted);} .contact-info a{color:var(--primary);} /* Booking */ .booking-section{padding:var(--section-y) 0;background:var(--surface);} .booking-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:start;} .booking-form-wrap{background:var(--blue-050);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;} .booking-form .form-row{margin-bottom:20px;} .booking-form .form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px;} .booking-form .btn-primary{width:100%;margin-top:6px;} .booking-side{position:sticky;top:110px;} .booking-side .aside-card{background:var(--blue-050);} .booking-side .booking-perks{list-style:none;} .booking-side .booking-perks li{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--text-muted);margin-bottom:14px;} .booking-side .booking-perks svg{flex-shrink:0;color:var(--primary);margin-top:2px;} .booking-side .whatsapp-cta{ display:flex;align-items:center;gap:12px;padding:18px;border-radius:var(--radius-md); background:var(--blue-950);color:#fff;margin-top:22px;font-size:.9rem; } .booking-side .whatsapp-cta svg{color:var(--accent);flex-shrink:0;} .booking-side .whatsapp-cta a{font-weight:600;text-decoration:underline;text-underline-offset:2px;} /* Search */ .search-form{display:flex;gap:12px;max-width:560px;} .search-form input[type="search"]{ flex:1;min-width:0;padding:15px 22px;border-radius:100px;border:1.5px solid var(--border);background:#fff; font-family:inherit;font-size:.96rem;color:var(--text); } .search-form input[type="search"]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(47,200,236,.35);} .search-form button{ padding:15px 28px;border-radius:100px;background:var(--primary);color:#fff; font-family:var(--font-display);font-weight:600;letter-spacing:.05em;text-transform:uppercase; transition:background .25s; } .search-form button:hover{background:var(--primary-dark);} .error-404 .search-form button{background:var(--accent);color:var(--blue-950);} /* 404 + thank-you share this centred panel */ .error-404{ position:relative;overflow:hidden;color:#fff; min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center; padding:190px 0 110px; background:linear-gradient(155deg,var(--blue-950),var(--blue-900) 50%,var(--blue-700)); } .error-404::before{ content:'';position:absolute;inset:0;pointer-events:none; background:radial-gradient(circle at 80% 15%,rgba(47,200,236,.22),transparent 45%); } .error-404 .container{position:relative;z-index:1;} .error-404 .code{font-family:var(--font-display);font-size:clamp(4rem,12vw,8rem);color:var(--accent);line-height:1;display:block;} .error-404 h1{font-size:clamp(1.8rem,3.4vw,2.6rem);color:#fff;margin:16px 0 14px;} .error-404 p{color:rgba(255,255,255,.82);max-width:52ch;margin:0 auto 30px;} .error-404 .btn-primary{background:var(--accent);color:var(--blue-950);} .error-404 .btn-primary:hover{background:#fff;color:var(--primary-dark);} /* --------------------------------------------------------------------- 11 — RESPONSIVE --------------------------------------------------------------------- */ @media (max-width:1180px){ .quick-book{grid-template-columns:1fr 1fr;} .quick-book .btn{grid-column:1/-1;} .portal-grid{grid-template-columns:repeat(3,1fr);} .portal-grid.has-feature .portal-card:first-child{grid-column:span 3;} .footer-top{grid-template-columns:1.2fr 1fr 1fr;} } @media (max-width:980px){ .hero{padding:130px 0 120px;} .hero-inner{grid-template-columns:1fr;gap:44px;} .hero h1{max-width:18ch;} .hero-media figure{aspect-ratio:16/10;} .hero-chip{left:16px;bottom:16px;} .fleet-layout{grid-template-columns:1fr;} .fleet-img{min-height:0;aspect-ratio:16/9;} .mission-grid{grid-template-columns:1fr;gap:36px;} .mission-quote{position:static;} .trust-grid{grid-template-columns:1fr;} .stats-grid{grid-template-columns:repeat(2,1fr);gap:36px;} .faq > .container{grid-template-columns:1fr;gap:28px;} .faq .section-head{position:static;margin-bottom:0;} .faq .faq-list,.faq .gallery-foot{grid-column:1;} .article-grid,.contact-grid,.booking-grid{grid-template-columns:1fr;gap:36px;} .article-aside,.booking-side{position:static;} .booking-form .form-row-2col{grid-template-columns:1fr;} .journal-grid{grid-template-columns:repeat(2,1fr);} .pillar-grid,.related-pillars{grid-template-columns:repeat(2,1fr);} .gal-grid{grid-template-columns:repeat(4,1fr);} .gal-grid a{grid-column:span 2;} } @media (max-width:860px){ /* Mobile navigation drawer (toggled by #burger in assets/js/theme.js) */ .nav-links{ position:fixed;top:0;right:0;height:100vh;height:100dvh;width:min(82%,340px); background:var(--blue-950);flex-direction:column;justify-content:center;align-items:flex-start; padding:40px 36px;gap:22px;transform:translateX(100%);visibility:hidden; transition:transform .4s var(--ease),visibility 0s linear .4s;z-index:250; box-shadow:-20px 0 60px rgba(0,0,0,.35); } .nav-links.open{transform:none;visibility:visible;transition:transform .4s var(--ease);} .nav-links a,header.scrolled .nav-links a{color:#fff;font-family:var(--font-display);font-size:1.25rem;letter-spacing:.04em;opacity:1;} .nav-links a::after{display:none;} .nav-links a.nav-cta{margin-top:10px;font-size:1rem;} .burger{display:block;} /* backdrop-filter would turn the header into the containing block of the fixed drawer */ header.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(247,249,253,.98);} } @media (max-width:720px){ .container{padding:0 20px;} .hero{padding:118px 0 112px;} .hero p.lead{font-size:1rem;} .cta-row .btn{width:100%;} .quick-book-wrap{margin-top:-64px;} .quick-book{grid-template-columns:1fr;padding:24px 20px 26px;} .trust-strip-list{flex-direction:column;} .fleet-types{grid-template-columns:1fr;gap:16px;} .portal-grid{grid-template-columns:repeat(2,1fr);gap:14px;} .portal-grid.has-feature .portal-card:first-child{grid-column:span 2;} .portal-card{padding:20px 18px 60px;} .footer-top{grid-template-columns:1fr 1fr;gap:32px;} .footer-brand{grid-column:1/-1;} .gal-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;} .gal-grid a{grid-column:span 2 !important;grid-row:auto !important;height:220px;} .news-form{flex-direction:column;} .contact-form-wrap,.booking-form-wrap{padding:26px 20px;} .page-hero{padding:150px 0 60px;} .post-nav{grid-template-columns:1fr;} .post-nav .next{grid-column:1;text-align:left;} .wa-float{bottom:18px;right:18px;width:54px;height:54px;} } @media (max-width:640px){ .journal-grid{grid-template-columns:1fr;} .pillar-grid,.related-pillars{grid-template-columns:1fr;} } @media (max-width:520px){ .portal-grid{grid-template-columns:1fr;} .portal-grid.has-feature .portal-card:first-child{grid-column:auto;} .footer-top{grid-template-columns:1fr;} .stats-grid{gap:28px 14px;} .search-form{flex-direction:column;} }