/*
Theme Name: Loddon Cars
Theme URI: https://loddoncars.com
Author: Loddon Cars
Description: Custom pixel-matched theme for Loddon Cars, a Reading taxi service. Repeating content (services, testimonials, fleet vehicles) is managed as custom post types; one-off page copy is editable via meta boxes; site-wide details live in the Customizer. Layout and design are intentionally not editable from wp-admin.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: loddon-cars
*/

/* ==========================================================================
   Design tokens
   ========================================================================== */
:root{
  --navy-darkest:#0d1e33;
  --navy-dark:#10233d;
  --navy-mid:#173a63;
  --navy-card:#122842;
  --blue-accent:#4d84f0;
  --blue-primary:#2f6fed;
  --blue-hover:#1d4fc4;
  --blue-light:#7ba6f5;
  --blue-icon-bg:#e8f0fe;
  --body-bg:#f6f8fa;
  --body-text:#16202c;
  --muted:#55606c;
  --muted-dark:#9fb3ca;
  --muted-topbar:#c9d6e8;
  --muted-footer:#8fa2ba;
  --muted-copyright:#6d84a0;
  --border:#e2e6ea;
  --border-input:#d7dce2;
  --pill-bg:#eef2f7;
  --pill-text:#3a4552;
  --star:#f5a623;
  --font-heading:'Manrope',sans-serif;
  --font-body:'Source Sans 3',sans-serif;
  --container:1280px;
}

/* ==========================================================================
   Reset & base
   ========================================================================== */
*{box-sizing:border-box;}
body{margin:0;background:var(--body-bg);font-family:var(--font-body);color:var(--body-text);width:100%;overflow-x:hidden;}
a{color:var(--blue-primary);text-decoration:none;}
a:hover{color:var(--blue-hover);}
h1,h2,h3,h4{font-family:var(--font-heading);margin:0;}
p{margin:0;}
img{max-width:100%;display:block;}
input,select,textarea,button{font-family:var(--font-body);}
ul{margin:0;padding:0;}
.lc-container{max-width:var(--container);margin:0 auto;padding-left:48px;padding-right:48px;}
/* Bare cap (max-width + centering only, no padding) — pair with .lc-section
   on the SAME element for a single capped+padded div, or use on an INNER
   div nested inside an already-padded full-bleed outer (.lc-section) so
   horizontal padding is never applied twice. */
.lc-wrap{max-width:var(--container);margin:0 auto;}
.lc-eyebrow{font-weight:700;letter-spacing:1.5px;font-size:14px;text-transform:uppercase;}
.lc-eyebrow--light{color:var(--blue-primary);}
.lc-eyebrow--dark{color:var(--blue-light);}
.lc-section-head{text-align:center;max-width:640px;margin:0 auto 52px;}
.lc-btn{display:inline-block;padding:14px 26px;border-radius:8px;font-weight:700;font-size:15.5px;border:1.5px solid transparent;cursor:pointer;}
.lc-btn--primary{background:var(--blue-primary);color:#fff;}
.lc-btn--primary:hover{background:var(--blue-hover);color:#fff;}
.lc-btn--outline-dark{background:transparent;border-color:var(--blue-accent);color:#fff;}
.lc-btn--outline-dark:hover{background:rgba(255,255,255,.08);color:#fff;}
.lc-btn--outline-blue{border-color:var(--blue-primary);color:var(--blue-primary);background:transparent;}
.lc-btn--outline-blue:hover{background:var(--blue-icon-bg);}
.lc-btn--white{background:#fff;color:var(--navy-mid);}
.lc-btn--white:hover{background:#eef2f7;color:var(--navy-mid);}
.lc-btn--outline-white{background:transparent;border-color:#fff;color:#fff;}
.lc-btn--outline-white:hover{background:rgba(255,255,255,.12);color:#fff;}
.lc-btn--lg{padding:16px 30px;font-size:17px;}
.lc-btn--xl{padding:16px 32px;font-weight:800;}
.lc-btn--cta{padding:16px 32px;}

/* ==========================================================================
   Top bar
   ========================================================================== */
.lc-topbar{background:var(--navy-darkest);color:var(--muted-topbar);font-size:14px;padding:8px 48px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}
.lc-topbar__left{display:flex;gap:24px;align-items:center;flex-wrap:wrap;}
.lc-topbar a{color:var(--muted-topbar);}
.lc-topbar__social{display:flex;gap:16px;}

/* ==========================================================================
   Header / primary nav
   ========================================================================== */
.lc-header{background:var(--navy-dark);padding:18px 48px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50;flex-wrap:wrap;gap:16px;}
.lc-header__logo{color:#fff;font-family:var(--font-heading);font-weight:800;font-size:24px;letter-spacing:.3px;display:flex;align-items:center;gap:10px;}
.lc-header__logo img{max-height:40px;width:auto;}
.lc-nav{display:flex;gap:28px;align-items:center;flex-wrap:wrap;}
.lc-nav ul{display:flex;gap:28px;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0;}
.lc-nav li{display:flex;}
.lc-nav a{color:#fff;font-weight:600;}
.lc-nav a:hover,.lc-nav .current-menu-item>a,.lc-nav .current_page_item>a{color:var(--blue-light);}
.lc-nav__call{background:transparent;border:1.5px solid var(--blue-accent);color:#fff;padding:10px 18px;border-radius:6px;font-weight:700;}
.lc-nav__call:hover{color:#fff;background:rgba(255,255,255,.06);}
.lc-nav__book{background:var(--blue-primary);color:#fff;padding:10px 20px;border-radius:6px;font-weight:700;}
.lc-nav__book:hover{background:var(--blue-hover);color:#fff;}

/* ==========================================================================
   Hero (home)
   ========================================================================== */
.lc-hero{background:linear-gradient(135deg,var(--navy-dark),var(--navy-mid));padding:80px 48px;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;}
.lc-hero h1{color:#fff;font-size:52px;line-height:1.12;font-weight:800;}
.lc-hero__subtitle{color:var(--muted-topbar);font-size:19px;line-height:1.6;margin-top:22px;max-width:520px;}
.lc-hero__ctas{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap;}
.lc-hero__badges{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap;}
.lc-badge{background:var(--navy-darkest);border:1px solid #2a4468;color:var(--muted-topbar);padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;}
.lc-badge--promo{background:var(--navy-mid);border:none;color:var(--blue-light);font-weight:700;}
.lc-hero__media{width:100%;height:420px;}

/* ==========================================================================
   Page hero (Services / About / Contact)
   ========================================================================== */
.lc-page-hero{background:linear-gradient(135deg,var(--navy-dark),var(--navy-mid));padding:64px 48px;text-align:center;}
.lc-page-hero h1{color:#fff;font-size:42px;margin-top:14px;}
.lc-page-hero p{color:var(--muted-topbar);font-size:17px;margin-top:14px;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.6;}

/* ==========================================================================
   Trust strip
   ========================================================================== */
.lc-trust{background:#fff;padding:36px 48px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-bottom:1px solid var(--border);}
.lc-trust__item{text-align:center;}
.lc-trust__num{font-family:var(--font-heading);font-weight:800;font-size:34px;color:var(--navy-dark);}
.lc-trust__label{color:var(--muted);font-size:15px;margin-top:4px;}

/* ==========================================================================
   Generic sections
   ========================================================================== */
.lc-section{padding:88px 48px;}
.lc-section--tight{padding:80px 48px;}
.lc-section--dark{background:var(--navy-darkest);}
.lc-section--white{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.lc-section h2{font-size:38px;margin-top:12px;}
.lc-section--tight h2{font-size:34px;}
.lc-section p.lc-section__desc{color:var(--muted);font-size:17px;margin-top:14px;line-height:1.6;}

/* Grids */
.lc-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.lc-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.lc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}

/* Service / feature cards */
.lc-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:30px;display:block;}
.lc-card__icon{width:48px;height:48px;border-radius:10px;background:var(--blue-icon-bg);color:var(--blue-primary);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;font-family:var(--font-heading);}
.lc-card h3{font-size:20px;margin-top:18px;color:var(--navy-dark);}
.lc-card p{color:var(--muted);font-size:15px;margin-top:8px;line-height:1.55;}

/* Why-choose-us (dark) feature blocks */
.lc-feature__icon{width:44px;height:44px;border-radius:10px;background:var(--navy-mid);color:var(--blue-light);display:flex;align-items:center;justify-content:center;font-size:20px;}
.lc-feature h4{color:#fff;font-size:18px;margin-top:16px;}
.lc-feature p{color:var(--muted-dark);font-size:14.5px;margin-top:8px;line-height:1.6;}

/* What sets us apart (light, circular icons) */
.lc-apart{text-align:center;padding:0 12px;}
.lc-apart__icon{width:52px;height:52px;border-radius:50%;background:var(--blue-icon-bg);color:var(--blue-primary);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto;}
.lc-apart h4{font-size:17px;margin-top:16px;}
.lc-apart p{color:var(--muted);font-size:14.5px;margin-top:8px;line-height:1.6;}

/* Testimonials (light cards) */
.lc-testimonial{background:#fff;border:1px solid var(--border);border-radius:12px;padding:30px;}
.lc-stars{color:var(--star);font-size:16px;letter-spacing:1px;}
.lc-testimonial p{font-size:15.5px;line-height:1.65;margin-top:14px;color:#2b3542;}
.lc-testimonial__author{margin-top:18px;font-weight:700;color:var(--navy-dark);font-size:14.5px;}
.lc-testimonial__source{color:#8a95a2;font-size:13.5px;}

/* Testimonials (dark cards, used on About/Google-rating section) */
.lc-testimonial--dark{background:var(--navy-card);border-radius:12px;padding:26px;text-align:left;border:none;}
.lc-testimonial--dark p{color:var(--muted-topbar);}
.lc-testimonial--dark .lc-testimonial__author{color:var(--blue-light);font-size:13.5px;margin-top:14px;}

/* Fleet cards */
.lc-fleet__media{width:100%;height:220px;}
.lc-fleet h4{font-size:17px;margin-top:16px;}
.lc-fleet p{color:var(--muted);font-size:14.5px;margin-top:6px;}

/* CTA banner */
.lc-cta{background:linear-gradient(135deg,var(--navy-mid),var(--blue-primary));padding:64px 48px;text-align:center;}
.lc-cta h2{color:#fff;font-size:32px;}
.lc-cta p{color:#dbe6f9;font-size:17px;margin-top:12px;}
.lc-cta__ctas{display:flex;gap:16px;justify-content:center;margin-top:28px;flex-wrap:wrap;}

/* ==========================================================================
   Services listing page
   ========================================================================== */
.lc-jumpnav{background:#fff;border-bottom:1px solid var(--border);padding:18px 48px;display:flex;gap:24px;justify-content:center;flex-wrap:wrap;position:sticky;top:78px;z-index:40;}
.lc-jumpnav a{color:var(--navy-dark);font-weight:600;font-size:14.5px;}
.lc-jumpnav a:hover{color:var(--blue-primary);}
.lc-service-row{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:76px 0;border-bottom:1px solid var(--border);}
.lc-service-row:last-child{border-bottom:none;}
.lc-service-row__media{width:100%;height:340px;}
.lc-service-row--reverse .lc-service-row__media{order:1;}
.lc-service-row--reverse .lc-service-row__body{order:2;}
.lc-service-row h2{font-size:32px;margin-top:12px;}
.lc-service-row__label{color:var(--blue-primary);font-weight:700;letter-spacing:1px;font-size:13px;text-transform:uppercase;}
.lc-service-row__desc{color:var(--muted);font-size:16px;margin-top:16px;line-height:1.65;}
.lc-tags-heading{font-weight:700;font-size:14.5px;color:var(--navy-dark);margin-bottom:10px;}
.lc-tags{display:flex;flex-wrap:wrap;gap:10px;}
.lc-tags span{background:var(--pill-bg);color:var(--pill-text);padding:7px 14px;border-radius:20px;font-size:13.5px;}
.lc-service-row .lc-btn{margin-top:26px;}

/* ==========================================================================
   About page
   ========================================================================== */
.lc-story{padding:80px 48px;}
.lc-story h2{font-size:30px;}
.lc-story__media{width:100%;height:380px;}
.lc-story__body p{color:var(--muted);font-size:16px;margin-top:18px;line-height:1.7;}
.lc-story__body p:first-of-type{margin-top:18px;}

/* ==========================================================================
   Contact page
   ========================================================================== */
.lc-contact-methods{padding:64px 48px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.lc-contact-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:28px;text-align:center;}
.lc-contact-card__icon{width:48px;height:48px;border-radius:10px;background:var(--blue-icon-bg);color:var(--blue-primary);display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto;}
.lc-contact-card h4{font-size:17px;margin-top:16px;}
.lc-contact-card a.lc-contact-card__value{display:block;margin-top:8px;font-weight:700;color:var(--navy-dark);font-size:16px;}
.lc-contact-card__apps{display:flex;gap:8px;justify-content:center;margin-top:10px;}
.lc-contact-card__apps span{background:var(--pill-bg);color:var(--pill-text);padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;}

.lc-book{padding:64px 48px;display:grid;grid-template-columns:1fr 1fr;gap:56px;}
.lc-book__form{background:#fff;border:1px solid var(--border);border-radius:14px;padding:36px;}
.lc-book__form h2{font-size:24px;}
.lc-book__form>p{color:var(--muted);font-size:15px;margin-top:8px;}
.lc-form-fields{display:flex;flex-direction:column;gap:16px;margin-top:26px;}
.lc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.lc-form-fields input,.lc-form-fields select,.lc-form-fields textarea{padding:13px 14px;border:1px solid var(--border-input);border-radius:8px;font-size:14.5px;width:100%;color:#16202c;}
.lc-form-fields select{color:var(--muted);}
.lc-form-fields textarea{resize:vertical;}
.lc-form-fields button{background:var(--blue-primary);color:#fff;border:none;padding:15px;border-radius:8px;font-weight:700;font-size:15.5px;cursor:pointer;}
.lc-form-fields button:hover{background:var(--blue-hover);}
.lc-form-notice{padding:13px 16px;border-radius:8px;font-size:14.5px;margin-top:-4px;margin-bottom:2px;}
.lc-form-notice--success{background:#e6f4ea;color:#1c6b34;border:1px solid #b7e1c3;}
.lc-form-notice--error{background:#fdecec;color:#a12626;border:1px solid #f3c2c2;}

.lc-operate__media{width:100%;height:280px;}
.lc-operate h4{font-size:18px;}
.lc-operate p{color:var(--muted);font-size:15px;margin-top:10px;line-height:1.7;}
.lc-callblock{margin-top:24px;background:var(--navy-darkest);border-radius:12px;padding:24px;}
.lc-callblock__title{color:#fff;font-weight:700;}
.lc-callblock p{color:var(--muted-dark);font-size:14.5px;margin-top:8px;}
.lc-callblock .lc-btn{display:inline-block;margin-top:14px;}

/* ==========================================================================
   Fleet page
   ========================================================================== */
.lc-fleet-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;}
.lc-fleet-card__media{width:100%;height:220px;}
.lc-fleet-card__body{padding:24px;}
.lc-fleet-card__body h4{font-size:19px;}
.lc-fleet-card__body p{color:var(--muted);font-size:14.5px;margin-top:8px;line-height:1.6;}

/* ==========================================================================
   Reviews page
   ========================================================================== */
.lc-reviews-wrap{max-width:1100px;margin:0 auto;padding:80px 48px;}
.lc-reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.lc-review-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:28px;}
.lc-review-card p{color:#2b3542;font-size:15px;margin-top:12px;line-height:1.65;}
.lc-review-card__byline{margin-top:16px;font-weight:700;color:var(--navy-dark);font-size:14px;}

/* ==========================================================================
   FAQ page
   ========================================================================== */
.lc-faq-wrap{max-width:820px;margin:0 auto;padding:80px 48px;display:flex;flex-direction:column;gap:16px;}
.lc-faq-item{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px 28px;}
.lc-faq-item h4{font-size:17px;}
.lc-faq-item p{color:var(--muted);font-size:15px;margin-top:10px;line-height:1.6;}

/* ==========================================================================
   Footer
   ========================================================================== */
.lc-footer{background:var(--navy-darkest);padding:64px 48px 28px;}
.lc-footer__grid{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1.3fr .9fr 1fr 1.1fr;gap:40px;}
.lc-footer__brand{color:#fff;font-family:var(--font-heading);font-weight:800;font-size:22px;}
.lc-footer p{color:var(--muted-footer);font-size:14.5px;margin-top:14px;line-height:1.6;max-width:280px;}
.lc-footer__social{display:flex;gap:14px;margin-top:18px;}
.lc-footer__social a{color:var(--muted-footer);}
.lc-footer__apps{display:flex;gap:8px;margin-top:20px;}
.lc-footer__apps span{background:var(--navy-card);color:var(--muted-topbar);padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;}
.lc-footer__heading{color:#fff;font-weight:700;font-size:15px;margin-bottom:16px;}
.lc-footer__links{display:flex;flex-direction:column;gap:10px;list-style:none;}
.lc-footer__links a{color:var(--muted-footer);font-size:14.5px;}
.lc-footer__links a:hover{color:#fff;}
.lc-footer__contact{display:flex;flex-direction:column;gap:10px;color:var(--muted-footer);font-size:14.5px;}
.lc-footer__contact a{color:var(--muted-footer);}
.lc-footer__bottom{max-width:var(--container);margin:36px auto 0;padding-top:24px;border-top:1px solid #1f3556;color:var(--muted-copyright);font-size:13.5px;text-align:center;}
.lc-footer--simple{background:var(--navy-darkest);padding:40px 48px 28px;text-align:center;}
.lc-footer--simple .lc-footer__links{flex-direction:row;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:20px;}
.lc-footer--simple .lc-footer__bottom{margin:0;padding-top:0;border-top:none;}

/* ==========================================================================
   Image placeholder (mirrors design-tool image-slot empty state until an
   admin uploads a real photo — content only, layout untouched)
   ========================================================================== */
.lc-imgbox{position:relative;width:100%;height:100%;overflow:hidden;background:rgba(127,127,127,.08);border:1.5px dashed rgba(85,96,108,.35);border-radius:16px;display:flex;}
.lc-imgbox img{width:100%;height:100%;object-fit:cover;border-radius:inherit;}
.lc-imgbox__placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:12px;color:#6e6c66;font-size:13.5px;}
.lc-imgbox__placeholder .lc-imgbox__icon{font-size:22px;opacity:.6;}
.lc-imgbox--r14{border-radius:14px;}
.lc-imgbox--r16{border-radius:16px;}
.lc-imgbox--rect{border-radius:0;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 980px){
  .lc-hero{grid-template-columns:1fr;}
  .lc-hero__media{height:320px;}
  .lc-grid-4{grid-template-columns:repeat(2,1fr);}
  .lc-grid-3{grid-template-columns:repeat(2,1fr);}
  .lc-grid-2{grid-template-columns:1fr;}
  .lc-service-row{grid-template-columns:1fr;}
  .lc-service-row--reverse .lc-service-row__media{order:0;}
  .lc-service-row--reverse .lc-service-row__body{order:0;}
  .lc-footer__grid{grid-template-columns:1fr 1fr;}
  .lc-contact-methods{grid-template-columns:1fr;}
  .lc-book{grid-template-columns:1fr;}
  .lc-jumpnav{position:static;}
  .lc-reviews-grid{grid-template-columns:1fr;}
}
@media (max-width: 640px){
  .lc-topbar,.lc-header,.lc-hero,.lc-trust,.lc-section,.lc-section--tight,.lc-page-hero,.lc-cta,.lc-footer,.lc-contact-methods,.lc-book,.lc-story{padding-left:20px;padding-right:20px;}
  .lc-container{padding-left:20px;padding-right:20px;}
  .lc-grid-4,.lc-grid-3{grid-template-columns:1fr;}
  .lc-hero h1{font-size:36px;}
  .lc-page-hero h1{font-size:32px;}
  .lc-section h2{font-size:28px;}
  .lc-footer__grid{grid-template-columns:1fr;}
  .lc-form-row{grid-template-columns:1fr;}
}