/* Los Angeles County Limousine: brand colours for the shared booking sections + mobile fixes (Oct 2026). */

/* Booking guide, FAQ and quote sections in the site's purple */
.booking-guide{--booking-accent:#522a7c;background:#f7f5fa;border-color:#ddd6e8;border-top-color:#522a7c}
.booking-guide .booking-kicker{color:#522a7c}
.booking-guide a:not(.booking-button){color:#3f1f61}
.booking-guide .booking-button,.booking-button{background:#522a7c;border-color:#522a7c;color:#fff}
.booking-guide .booking-button.secondary{background:transparent;color:#522a7c;border-color:#522a7c}
.booking-guide h2,.booking-guide h3,.booking-guide h4{font-family:inherit;font-weight:700}
.booking-guide img{max-width:100%;height:auto}
.booking-guide summary{color:#191919}
.booking-guide details{border-top-color:#ddd6e8}
.lac-rates{list-style:disc}
.lac-rates li{margin-bottom:4px}
.lac-quote [data-limo-quote],.lac-quote .lq{margin:18px 0}

/* get-a-quote and blog index headings */
.lac-quote-title,.lac-blog-title{font-size:clamp(28px,4vw,40px);line-height:1.2;color:#522a7c;margin:24px 0 12px;text-transform:none}
.lac-blog-intro{font-size:17px;line-height:1.6;max-width:72ch;margin:0 0 28px}
.lac-excerpt{margin:0 0 36px;padding-bottom:28px;border-bottom:1px solid #e5e0ec}
.lac-excerpt .entry-title{font-size:24px;line-height:1.3;margin:0 0 6px}
.lac-excerpt .entry-meta{font-size:14px;color:#666;margin:0 0 12px}

/* The home page footer sits outside #page (theme markup), so its negative-margin grid widened phones to 405px */
#footer{overflow-x:hidden;overflow-x:clip}

/* Long email addresses must wrap instead of widening the page on phones */
a[href^="mailto:"]{overflow-wrap:anywhere;word-break:break-word}

/* Layout shift: the theme's header has no height until its script runs on tablets and phones.
   Reserve the height it ends up with (measured: 124px at 360px wide ... 183px from 732px up). */
@media (max-width:1024px){
 .masthead.classic-header{min-height:min(calc(33px + 25vw),183px)}
}

/* Vehicle feature lists on the fleet pages were pushed 22px off the left edge of phones by the theme */
@media (max-width:767px){
 .fleetRight ul{margin-left:0;padding-left:20px}
 .fleetRight ul li{margin-left:0}
}

/* Mobile booking bar in brand colours */
@media (max-width:767px){
 .booking-mobile{background:#2a1340;border-top-color:#522a7c}
 .booking-mobile a{border-color:#b9a6d3}
 .booking-mobile a:last-child{background:#fff;color:#522a7c;border-color:#fff}
}