/* Hide duration from specific packages */
.cbs-package-id-2115 .cbs-package-duration,
.cbs-package-id-2407 .cbs-package-duration,
.cbs-package-id-2116 .cbs-package-duration,
.cbs-package-id-2362 .cbs-package-duration,
.cbs-package-id-2364 .cbs-package-duration {
    display: none !important;
}

/* Hide duration from booking summary */
.cbs-booking-summary-duration {
    display: none !important;
}

/* Hide duration from service (add-ons) section */
.cbs-service-duration {
    display: none !important;
}

/* Booking summary: 1 block per row */
.cbs-booking-summary > li {
    width: 100% !important;
    float: none !important;
    margin: 0 auto 20px auto !important;
    text-align: center;
}

.cbs-booking-summary {
    text-align: center;
}

/* Force 3 packages per row */
.cbs-package-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 20px;
}

.cbs-package-list > li {
    width: 30%;
    min-width: 300px;
    display: flex !important;
    flex-direction: column;
    padding: 20px;
    box-sizing: border-box;
}

/* Inner content wrapper to control layout */
.cbs-package-list > li > *:not(.cbs-button-box) {
    flex-shrink: 0;
}

.cbs-button-box {
    margin-top: auto !important;
}

/* Prevent Book Now button from overlapping text */
.cbs-package-service-list {
    padding-bottom: 40px;
    margin-top: 10px;
}

/* Keep price snug under package name */
.cbs-package-name {
    margin-bottom: 5px !important;
    padding-bottom: 0 !important;
}

/* ===================== */
/* PRICE DISPLAY FIX - INLINE FORMAT */
/* ===================== */
.cbs-package-price {
    text-align: center;
    margin-top: 0 !important;
    margin-bottom: 10px;
    white-space: nowrap;
    line-height: 1;
}

.cbs-package-price-currency {
    font-size: 1.4em;
    position: relative;
    top: 0.2em;
    margin-right: 2px;
}

.cbs-package-price-unit {
    font-size: 3em;
    font-weight: 600;
}

.cbs-package-price-decimal {
    font-size: 1.2em;
    position: relative;
    top: -0.1em;
    margin-left: 2px;
}

/* Highlight Signature Package */
.cbs-package-id-2116 {
    border: 3px solid #FFD700;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.4);
    position: relative;
    transform: scale(1.02);
    z-index: 1;
}

/* "Most Popular" badge */
.cbs-package-id-2116::before {
    content: "★ Most Popular";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #FFD700;
    color: #000;
    font-size: 0.85em;
    font-weight: bold;
    padding: 4px 10px;
    border-radius: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.theme-button.theme-button-2 {
  background-color: rgba(0, 0, 0, 0.3);
  color: #FFFFFF !important;
  border: 2px solid #FFffff;
  border-radius: 30px;
  padding: 10px 26px;
  font-size: 16px;
  font-weight: 500;
  backdrop-filter: blur(2px);
  transition: all 0.3s ease;
}

.theme-button.theme-button-2:hover {
  background-color: #FFFFFF;
  color: black !important;
}

.theme-button.theme-button-1 {
  background-color: rgba(0, 0, 0, 0.7) !important;
  color: #FFFFFF !important;
  border: 2px solid #FFFFFF !important;
  border-radius: 30px !important;
  font-weight: 500 !important;
  padding: 12px 28px !important;
  transition: all 0.3s ease !important;
  display: inline-block !important;
  box-shadow: none !important;
  text-decoration: none !important;
  backdrop-filter: blur(4px);
}

.theme-button.theme-button-1:hover {
  background-color: #FFFFFF !important;
  color: black !important;
}

.theme-button.theme-button-1 * {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.vc_custom_1749600436866,
.vc_custom_1749600446951,
.vc_custom_1749600457132 {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  background: #ffffff;
}

.theme-component-header-subheader-subheader {
  color: #111 !important;
  font-style: italic !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  margin-bottom: 20px !important;
  text-align: center !important;
}

.image-frame {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.3s ease;
  border-radius: 15px;
}

.image-shadow {
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  transition: box-shadow 0.3s ease;
}

.image-shadow:hover {
  box-shadow: 0 16px 32px rgba(0,0,0,0.12);
}

.image-shadow img {
  border-radius: 15px;
  overflow: hidden;
}

input.custom-email {
  padding: 12px 16px;
  font-size: 16px;
  border-radius: 12px;
  border: 2px dashed #ffcc00;
  background-color: #fff9e6;
  width: 100%;
  max-width: 300px;
  text-align: center;
}

input.custom-submit {
  background-color: #111 !important;
  color: #ffdc00 !important;
  font-weight: bold;
  padding: 12px 24px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  font-size: 16px;
  transition: background 0.3s;
}

input.custom-submit:hover {
  background-color: #333 !important;
}

/* ✅ Expand the button and style it */
a.cbs-button-section-next.cbs-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 24px !important;
    border: 2px solid #009de0 !important;
    border-radius: 999px !important;
    background-color: transparent !important;
    color: #009de0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

a.cbs-button-section-next.cbs-button span {
    display: none !important;
}

a.cbs-button-section-next.cbs-button::after {
    content: "Select My Package" !important;
}

.cbs-main-list-item-package-list:not(.cbs-state-hidden) ~ li.cbs-main-list-item-navigation-list a.cbs-button-section-next::after {
    content: "Customize My Detail" !important;
}
.cbs-main-list-item-service-list:not(.cbs-state-hidden) ~ li.cbs-main-list-item-navigation-list a.cbs-button-section-next::after {
    content: "Schedule My Appointment" !important;
}
.cbs-main-list-item-calendar:not(.cbs-state-hidden) ~ li.cbs-main-list-item-navigation-list a.cbs-button-section-next::after {
    content: "Confirm My Booking" !important;
}

.cbs-main-list-item-booking:not(.cbs-state-hidden) ~ li.cbs-main-list-item-navigation-list a.cbs-button-section-next {
    display: none !important;
}

.lad-card {
  background:#fff; border:1px solid #eaeaea; border-radius:16px;
  padding:20px; box-shadow:0 4px 18px rgba(0,0,0,.06);
}
.lad-card__head{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.lad-card__emoji{ font-size:28px; line-height:1; }
.lad-card__title{ margin:0; font-size:20px; font-weight:700; }
.lad-list{ margin:14px 0 0 0; padding-left:18px; }
.lad-list li{ margin:6px 0; }
.lad-inspection{
  background:#f9fafb; border:1px dashed #d7dbe0; border-radius:16px;
  padding:24px; box-shadow:0 2px 10px rgba(0,0,0,.03);
}
.lad-inspection h3{ margin-top:0; }
:root { --lad-gold: #FFD54F; }

.lad-card { position:relative; }

.lad-badge{
  position:absolute; top:-16px; left:50%;
  transform:translateX(-50%);
  padding:6px 12px; border-radius:999px;
  background:rgba(255,213,79,0.25);
  border:1px solid var(--lad-gold);
  color:#333; font-size:12px; font-weight:700; 
  letter-spacing:.3px; text-transform:uppercase;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  line-height:1;
  white-space:nowrap;
}

.lad-badge::after{
  content:" ★"; margin-left:4px; 
  color:var(--lad-gold); font-size:12px;
}

.vc_row.lad-eq > .wpb_column,
.vc_row.lad-eq > .wpb_column > .vc_column-inner,
.vc_row.lad-eq > .wpb_column > .vc_column-inner > .wpb_wrapper,
.vc_row.lad-eq .wpb_text_column,
.vc_row.lad-eq .wpb_text_column > .wpb_wrapper {
  display:flex;
  flex:1 1 auto;
}

.vc_row.lad-eq .wpb_text_column > .wpb_wrapper > .lad-card{
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
}

.lad-inspection h3 { text-align:center; }
.lad-list li { line-height:1.5; }
.lad-list {
  list-style:none;
  padding-left:0;
}
.lad-list li {
  position:relative;
  margin:6px 0;
  padding-left:22px;
}
.lad-list li::before {
  content:"✔";
  position:absolute;
  left:0; top:0;
  font-size:14px;
  line-height:1;
  color:#43a047;
}
/* === CF7 Oversized Vehicle Quote – polished card === */
#wpcf7-f3027-p100-o1 .wpcf7-form{
  max-width: 920px;
  margin: 24px auto 48px;
  padding: 28px;
  background: #fff;
  border: 1px solid #e9edf3;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(10,22,70,.06);
}

/* Headline + helper copy above the form (center it, make it pop) */
#wpcf7-f3027-p100-o1 .wpcf7-form h2,
#wpcf7-f3027-p100-o1 .wpcf7-form .form-lead{
  text-align:center;
  margin: 0 0 18px;
  color:#0d1b2a;
}

/* Inputs */
#wpcf7-f3027-p100-o1 .wpcf7-form .wpcf7-form-control{
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #d7dfe8;
  border-radius: 10px;
  background:#fff;
  font-size: 16px;
  line-height: 1.35;
  transition: border-color .15s ease, box-shadow .15s ease;
  box-shadow: inset 0 1px 0 rgba(0,0,0,.02);
}

#wpcf7-f3027-p100-o1 .wpcf7-form textarea.wpcf7-form-control{
  min-height: 140px;
  resize: vertical;
}

#wpcf7-f3027-p100-o1 .wpcf7-form .wpcf7-form-control:focus{
  outline: none;
  border-color: #9bbcf5;
  box-shadow: 0 0 0 4px rgba(155,188,245,.25);
}

/* Field spacing */
#wpcf7-f3027-p100-o1 .wpcf7-form p{
  margin: 0 0 16px;
}

/* 2-column on desktop for the first row of text fields */
@media (min-width: 800px){
  #wpcf7-f3027-p100-o1 .wpcf7-form{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 18px;
  }
  /* Make paragraphs act as grid items */
  #wpcf7-f3027-p100-o1 .wpcf7-form > p{ margin:0; }
  /* Name, Email, Phone, Vehicle Type in two columns */
  #wpcf7-f3027-p100-o1 .wpcf7-form > p:nth-of-type(1),
  #wpcf7-f3027-p100-o1 .wpcf7-form > p:nth-of-type(2),
  #wpcf7-f3027-p100-o1 .wpcf7-form > p:nth-of-type(3),
  #wpcf7-f3027-p100-o1 .wpcf7-form > p:nth-of-type(4){ grid-column: span 1; }
  /* Message/Details full width */
  #wpcf7-f3027-p100-o1 .wpcf7-form > p:nth-of-type(5){ grid-column: 1 / -1; }
  /* Submit button full width */
  #wpcf7-f3027-p100-o1 .wpcf7-form .wpcf7-submit{ grid-column: 1 / -1; }
}

/* Button (brand gold pop) */
#wpcf7-f3027-p100-o1 .wpcf7-submit{
  appearance: none;
  border: none;
  padding: 14px 18px;
  border-radius: 12px;
  background: #FFFFFF; /* your preferred gold (255,220,58) */
  color: #141414;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(255, 220, 58, .35);
  transition: transform .08s ease, box-shadow .2s ease, filter .2s ease;
}
#wpcf7-f3027-p100-o1 .wpcf7-submit:hover{ filter: brightness(0.96); }
#wpcf7-f3027-p100-o1 .wpcf7-submit:active{ transform: translateY(1px); }

/* Error + success messages clearer */
#wpcf7-f3027-p100-o1 .wpcf7-not-valid-tip{
  margin-top: 6px;
  font-size: 13px;
  color: #c0342b;
}
#wpcf7-f3027-p100-o1 .wpcf7-response-output{
  border-radius: 10px;
  padding: 12px 14px;
  margin: 14px 0 0;
}

/* Optional: tone down the reCAPTCHA badge so it doesn't distract */
.grecaptcha-badge{ box-shadow:none !important; }
/* === CF7 (Oversized Vehicle Quote) – FINAL OVERRIDES === */
/* Put this AT THE VERY BOTTOM of Additional CSS */

#wpcf7-f3027-p100-o1 .wpcf7-form .wpcf7-form-control:focus{
  outline: none;
  border-color: #199CDB !important;
  box-shadow: 0 0 0 4px rgba(25,156,219,.20) !important;
}

/* Bulletproof submit button override */
#wpcf7-f3027-p100-o1 .wpcf7-submit,
#wpcf7-f3027-p100-o1 input[type="submit"].wpcf7-submit{
  appearance: none !important;
  background: #199CDB !important;   /* blue */
  color: #fff !important;            /* white text */
  border: 2px solid #199CDB !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  width: 100% !important;            /* make it strong + centered */
  text-align: center !important;
  box-shadow: 0 8px 18px rgba(25,156,219,.35) !important;
  transition: transform .08s ease, box-shadow .2s ease, filter .2s ease !important;
}

/* Hover/active (keep blue, don’t let theme swap colors) */
#wpcf7-f3027-p100-o1 .wpcf7-submit:hover{
  filter: brightness(1.05) !important;
}
#wpcf7-f3027-p100-o1 .wpcf7-submit:active{
  transform: translateY(1px) !important;
}
/* ================================
   Global CF7 "Luxury" Styling
   Applies to ALL CF7 forms
   Opt-out: add class cf7-no-polish to a form
   ================================ */

/* Card container */
.wpcf7:not(.cf7-no-polish) .wpcf7-form{
  max-width: 920px;
  margin: 24px auto 48px;
  padding: 28px;
  background: #fff;
  border: 1px solid #e9edf3;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(10,22,70,.06);
}

/* Headings or intro copy inside form (if used) */
.wpcf7:not(.cf7-no-polish) .wpcf7-form h2,
.wpcf7:not(.cf7-no-polish) .wpcf7-form .form-lead{
  text-align:center;
  margin: 0 0 18px;
  color:#0d1b2a;
}

/* Inputs / selects / textareas */
.wpcf7:not(.cf7-no-polish) .wpcf7-form-control{
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #d7dfe8;
  border-radius: 10px;
  background:#fff;
  font-size: 16px;
  line-height: 1.35;
  transition: border-color .15s ease, box-shadow .15s ease;
  box-shadow: inset 0 1px 0 rgba(0,0,0,.02);
}
.wpcf7:not(.cf7-no-polish) textarea.wpcf7-form-control{
  min-height: 140px;
  resize: vertical;
}
.wpcf7:not(.cf7-no-polish) .wpcf7-form-control:focus{
  outline: none;
  border-color: #199CDB !important;
  box-shadow: 0 0 0 4px rgba(25,156,219,.20) !important;
}

/* Field spacing */
.wpcf7:not(.cf7-no-polish) p{ margin: 0 0 16px; }

/* Responsive 2-column layout on larger screens */
@media (min-width: 800px){
  .wpcf7:not(.cf7-no-polish) .wpcf7-form{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 18px;
  }
  .wpcf7:not(.cf7-no-polish) .wpcf7-form > p{ margin:0; }
  /* make last two blocks (message + submit) full width by default */
  .wpcf7:not(.cf7-no-polish) .wpcf7-form > p:nth-last-of-type(2){ grid-column: 1 / -1; }
  .wpcf7:not(.cf7-no-polish) .wpcf7-submit{ grid-column: 1 / -1; }
}

/* Submit button – blue with white text */
.wpcf7:not(.cf7-no-polish) .wpcf7-submit,
.wpcf7:not(.cf7-no-polish) input[type="submit"].wpcf7-submit{
  appearance: none !important;
  background: #199CDB !important;
  color: #fff !important;
  border: 2px solid #199CDB !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  width: 100% !important;      /* full-width CTA for strong visual weight */
  text-align: center !important;
  box-shadow: 0 8px 18px rgba(25,156,219,.35) !important;
  transition: transform .08s ease, box-shadow .2s ease, filter .2s ease !important;
}
.wpcf7:not(.cf7-no-polish) .wpcf7-submit:hover{ filter: brightness(1.05) !important; }
.wpcf7:not(.cf7-no-polish) .wpcf7-submit:active{ transform: translateY(1px) !important; }

/* Validation + response messages */
.wpcf7:not(.cf7-no-polish) .wpcf7-not-valid-tip{
  margin-top: 6px;
  font-size: 13px;
  color: #c0342b;
}
.wpcf7:not(.cf7-no-polish) .wpcf7-response-output{
  border-radius: 10px;
  padding: 12px 14px;
  margin: 14px 0 0;
}

/* Keep reCAPTCHA badge quiet */
.grecaptcha-badge{ box-shadow:none !important; }
/* === KEEP POPUP CF7 (ID 2698) UNPOLISHED === */
/* Matches any wrapper like #wpcf7-f2698-p123-o1 */
[id^="wpcf7-f2698-"] .wpcf7-form{
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important; /* undo grid/card */
}

/* Inputs: remove our focus ring */
[id^="wpcf7-f2698-"] .wpcf7-form-control:focus{
  border-color: inherit !important;
  box-shadow: none !important;
}

/* Submit button back to your black/yellow */
[id^="wpcf7-f2698-"] .wpcf7-submit{
  background: #111 !important;
  color: #ffdc00 !important;
  border: none !important;
  border-radius: 30px !important;
  padding: 12px 30px !important;
  font-size: 16px !important;
  font-weight: bold !important;
  width: auto !important;      /* don’t force full width */
  text-align: center !important;
  box-shadow: none !important;
  transition: background .3s !important;
}
[id^="wpcf7-f2698-"] .wpcf7-submit:hover{
  background: #333 !important;
}

/* If your global rules made the form two-column, kill that just for 2698 */
@media (min-width:800px){
  [id^="wpcf7-f2698-"] .wpcf7-form{
    display:block !important;
  }
}
.theme-button.theme-button-1 {
  background-color: #199CDB !important; /* light blue */
  color: #fff !important;              /* white text */
  border: 2px solid #199CDB !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  padding: 12px 28px !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  display: inline-block !important;
  box-shadow: 0 8px 18px rgba(25,156,219,.35) !important;
}

.theme-button.theme-button-1:hover {
  filter: brightness(1.05) !important;
}
/* Labels/questions */
.lad-maint-form label,
.lad-maint-form .fld-label {
  display:block;
  color:#111;          /* black-ish */
  font-weight:600;
  margin:12px 0 6px;
}

/* Inputs uniform look */
.lad-maint-form input[type="text"],
.lad-maint-form input[type="email"],
.lad-maint-form input[type="tel"],
.lad-maint-form textarea,
.lad-maint-form select {
  width:100%;
  box-sizing:border-box;
}

/* Placeholder color for clarity */
.lad-maint-form ::placeholder { color:#9aa3af; }          /* modern */
.lad-maint-form :-ms-input-placeholder { color:#9aa3af; }  /* IE/Edge legacy */
.lad-maint-form ::-ms-input-placeholder { color:#9aa3af; } /* IE/Edge legacy */

/* Checkbox/radio row spacing */
.lad-maint-form .wpcf7-list-item { margin-right:16px; }
/* Only style top-level labels in your form (not CF7's inner labels) */
.lad-maint-form > label,
.lad-maint-form .fld-label {
  display:block;
  color:#111;
  font-weight:600;
  margin:12px 0 6px;
  border:0;
}

/* Reset CF7 checkbox/radio label styling */
.lad-maint-form .wpcf7-list-item label {
  display:inline-flex;
  align-items:center;
  margin:6px 16px 6px 0;
  padding:0;
  font-weight:400;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;
  text-decoration:none !important;
}

/* Remove theme's decorative lines/pseudo elements on labels */
.lad-maint-form label::before,
.lad-maint-form label::after,
.lad-maint-form .wpcf7-list-item label::before,
.lad-maint-form .wpcf7-list-item label::after {
  content:none !important;
}

/* Space between checkbox and text */
.lad-maint-form .wpcf7-list-item-label { margin-left:6px; }

/* Layout the options on multiple lines nicely */
.lad-maint-form .wpcf7-checkbox { display:flex; flex-wrap:wrap; gap:8px 18px; }
/* Compact multi-column layout for Focus Areas */
.lad-maint-form .focus-group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 4px 12px; /* small spacing */
}

.lad-maint-form .focus-group .wpcf7-list-item {
  margin: 0;
}

.lad-maint-form .focus-group label {
  font-weight: 400;
  color: #111;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 2px 0;
}
/* Make Focus Areas into tight columns */
.lad-maint-form .focus-group .wpcf7-form-control.wpcf7-checkbox {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 4px 12px;
  align-items: center;
}

/* Fallback if grid is blocked by something */
@supports not (display: grid) {
  .lad-maint-form .focus-group .wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
  }
}

/* Reset theme styles that force single-column / big spacing */
.lad-maint-form .focus-group .wpcf7-list-item {
  margin: 0 !important;
  width: auto !important;
  display: flex;
  align-items: center;
}

.lad-maint-form .focus-group .wpcf7-list-item label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* kill any decorative lines from theme */
.lad-maint-form .focus-group .wpcf7-list-item label::before,
.lad-maint-form .focus-group .wpcf7-list-item label::after { content: none !important; }
/* --- Focus Areas: force into tight columns --- */
.lad-maint-form .focus-group > span.wpcf7-form-control.wpcf7-checkbox{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
  gap: 4px 12px !important;
  align-items: center;
}

.lad-maint-form .focus-group .wpcf7-list-item{
  width: auto !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.lad-maint-form .focus-group .wpcf7-list-item label{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* kill any decorative lines from theme on these labels */
.lad-maint-form .focus-group .wpcf7-list-item label::before,
.lad-maint-form .focus-group .wpcf7-list-item label::after{
  content:none !important;
}

/* --- Optional: compress overall form spacing so it's shorter --- */
.lad-maint-form label,
.lad-maint-form .fld-label{ margin:8px 0 4px !important; }
.lad-maint-form input[type="text"],
.lad-maint-form input[type="email"],
.lad-maint-form input[type="tel"],
.lad-maint-form textarea,
.lad-maint-form select{
  padding: 9px 12px !important;   /* was ~12–14px */
  line-height: 1.25 !important;
}
.lad-maint-form textarea{ min-height:120px !important; }
/* Two-column layout for Focus Areas */
.lad-maint-form .lad-cols {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.lad-maint-form .lad-cols .col {
  flex: 1 1 0;
}

.lad-maint-form .lad-cols .wpcf7-list-item {
  display: flex;
  align-items: center;
  margin: 2px 0 !important;
}
/* ===== Maintenance Form: true compact two-column layout ===== */
.lad-maint-form{
  display:grid;
  grid-template-columns: 1fr 1fr;   /* two equal columns */
  gap:12px 18px;                    /* tighter gaps (row/column) */
  align-items:start;
  grid-auto-flow: row dense;        /* fill holes neatly */
}

/* Only these span full width */
.lad-maint-form h3,
.lad-maint-form > p:first-of-type,  /* the intro paragraph below the H3 */
.lad-maint-form .actions{
  grid-column: 1 / -1;
}

/* Labels/fields: tighter spacing */
.lad-maint-form > label,
.lad-maint-form .fld-label{
  margin:6px 0 2px !important;
  font-weight:600;
  color:#111;
}

/* Inputs: tighter padding */
.lad-maint-form input[type="text"],
.lad-maint-form input[type="email"],
.lad-maint-form input[type="tel"],
.lad-maint-form textarea,
.lad-maint-form select{
  width:100%;
  padding:9px 12px !important;      /* was ~12–14px */
  line-height:1.25 !important;
  box-sizing:border-box;
}

/* Put related short fields on the same row */
.lad-maint-form label:has([name="city"]),
.lad-maint-form label:has([name="zip"]){
  margin-bottom:0 !important;
}

/* Make the “Anything we should know?” textarea optional full width.
   If you want it HALF width, comment out the next rule. */
.lad-maint-form textarea{
  grid-column: 1 / -1;
  min-height:120px !important;
}

/* Compact the “Preferred Frequency”, “Focus Areas”, and “Best Contact Method” blocks */
.lad-maint-form .fld-label{ margin-top:8px !important; }

/* Focus Areas in 2 columns INSIDE its grid cell */
.lad-maint-form .wpcf7-checkbox{
  display:grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap:4px 12px !important;
}
.lad-maint-form .wpcf7-list-item{
  margin:0 !important;
  display:flex;
  align-items:center;
}
.lad-maint-form .wpcf7-list-item label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-decoration:none !important;
}

/* Kill theme decorative lines on labels */
.lad-maint-form label::before,
.lad-maint-form label::after,
.lad-maint-form .wpcf7-list-item label::before,
.lad-maint-form .wpcf7-list-item label::after{ content:none !important; }

/* Mobile: return to single column for readability */
@media (max-width: 760px){
  .lad-maint-form{ grid-template-columns: 1fr; gap:10px 0; }
  .lad-maint-form textarea{ grid-column:auto; }
}
@media (min-width:800px){
  .wpcf7 .lad-maint-form{ grid-column: 1 / -1 !important; }
}
/* Make the form truly 2-column, compact, and stable */
.lad-maint-form{
  display:grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap:12px 24px;
  align-items:start;
  grid-auto-flow: row dense;
}
.lad-maint-form > *{ min-width:0; } /* prevent overflow from forcing spans */

/* Full-width rows */
.lad-maint-form h3,
.lad-maint-form > p:first-of-type,
.lad-maint-form .actions{ grid-column: 1 / -1; }

/* Keep a label + control together */
.lad-maint-form .field-group{
  display:flex;
  flex-direction:column;
  gap:6px;
}

/* Tighter spacing */
.lad-maint-form > label,
.lad-maint-form .fld-label{ margin:6px 0 2px !important; font-weight:600; color:#111; }

.lad-maint-form input[type="text"],
.lad-maint-form input[type="email"],
.lad-maint-form input[type="tel"],
.lad-maint-form textarea,
.lad-maint-form select{
  width:100%;
  padding:9px 12px !important;
  line-height:1.25 !important;
  box-sizing:border-box;
}

/* Notes textarea full-width (comment out if you want half width) */
.lad-maint-form textarea{ grid-column: 1 / -1; min-height:120px !important; }

/* Focus Areas: compact two-column inside its cell */
.lad-maint-form .focus-group > span.wpcf7-form-control.wpcf7-checkbox{
  display:grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap:4px 12px !important;
}
.lad-maint-form .focus-group .wpcf7-list-item{ margin:0 !important; display:flex; align-items:center; }
.lad-maint-form .focus-group .wpcf7-list-item label{
  display:inline-flex; align-items:center; gap:6px; padding:0; border:0 !important; background:transparent !important;
}
.lad-maint-form label::before,
.lad-maint-form label::after,
.lad-maint-form .wpcf7-list-item label::before,
.lad-maint-form .wpcf7-list-item label::after{ content:none !important; }

/* Mobile: single column */
@media (max-width: 760px){
  .lad-maint-form{ grid-template-columns: 1fr; gap:10px 0; }
  .lad-maint-form textarea{ grid-column:auto; }
}
/* 1) Grid wrapper: stretches all cards to equal height per row */
.lad-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  align-items: stretch;       /* <- equal heights */
}

/* 2) Card becomes a column so the list can grow and push the bottom spacing/buttons */
.lad-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 3) Let the list occupy remaining vertical space */
.lad-list {
  margin: 0;
  padding-left: 20px;
  flex: 1 1 auto;             /* <- grows to make heights match */
}

/* (optional) If you ever add a button/footer inside cards */
.lad-actions { margin-top: auto; }
/* Replace header with custom hero image */
.site-header,
.page-header,
.header,
.hero,
.titlebar {
  background: url("https://ieluxuryautodetail.com/wp-content/uploads/2017/04/image_10.jpg") center center no-repeat;
  background-size: cover;
  max-height: 750px;
  height: 750px;
  width: 100%;
  display: block;
}

/* Remove default header padding if theme adds it */
.site-header .container,
.page-header .container,
.header .container,
.hero .container {
  padding: 0 !important;
}

/* Hide any text/logo overlay if it conflicts */
.page-header h1,
.page-header .breadcrumbs {
  display: none;
}
/* ===== Luxury Auto Detailing – Quote Form (updated) ===== */
.lad-quote-form {
  --label-color: #111;          /* titles like "Full name*" = BLACK */
  --input-text: #6b7280;        /* typed text & placeholders = GRAY */
  --border: #e5e7eb;
  --brand: #111;
  max-width: 640px;
  margin: 0 auto;
}

/* Labels: black titles */
.lad-quote-form label,
.lad-quote-form .fld-label {
  display: block;
  margin: 14px 0 6px;
  font-weight: 600;
  color: var(--label-color);
}

/* Inputs: gray text & placeholders */
.lad-quote-form input[type="text"],
.lad-quote-form input[type="tel"],
.lad-quote-form input[type="email"],
.lad-quote-form textarea,
.lad-quote-form select {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 16px;
  line-height: 1.3;
  color: var(--input-text);      /* typed text = gray */
  background: #fff;
}

.lad-quote-form input::placeholder,
.lad-quote-form textarea::placeholder {
  color: var(--input-text);      /* placeholders = gray */
  opacity: 1;
}

/* Focus state */
.lad-quote-form input:focus,
.lad-quote-form textarea:focus,
.lad-quote-form select:focus {
  outline: none;
  border-color: #c7cdd6;
  box-shadow: 0 0 0 3px rgba(17,17,17,0.07);
}

/* Group spacing */
.lad-quote-form .field-group { margin: 18px 0 8px; }

/* Checkbox list: make it simple & tidy (no “chip” boxes) */
.lad-quote-form .focus-group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 6px 14px;
}

.lad-quote-form .focus-group label {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 0;                /* remove chip padding */
  border: 0;                     /* no chip border */
  background: transparent;       /* no chip background */
  color: var(--label-color);     /* option text = black for readability */
  white-space: normal;           /* wrap long options */
  cursor: pointer;
}

/* Checkbox size & accent */
.lad-quote-form .focus-group input[type="checkbox"] {
  width: 18px; height: 18px;
  accent-color: var(--brand);
  flex-shrink: 0;
}

/* Consent row spacing (fallback if :has not supported) */
.lad-quote-form label.wpcf7-acceptance,
.lad-quote-form label:has(input[type="checkbox"]) {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Submit button */
.lad-quote-form .actions input[type="submit"] {
  width: 100%;
  border: none;
  border-radius: 10px;
  padding: 14px 16px;
  font-size: 16px;
  font-weight: 700;
  background: var(--brand);
  color: #fff;
  cursor: pointer;
  transition: transform .02s ease-in-out, opacity .2s;
}
.lad-quote-form .actions input[type="submit"]:active { transform: scale(.99); }
.lad-quote-form .actions input[type="submit"]:disabled { opacity: .6; cursor: not-allowed; }

/* CF7 validation */
.lad-quote-form .wpcf7-not-valid-tip { color: #b91c1c; margin-top: 6px; }
.lad-quote-form .wpcf7-response-output { border-radius: 10px; }
.lad-service-agreement {
  max-width: 900px;
  margin: 0 auto 4rem;
  padding: 2.5rem 2rem 3rem;
  background: #141414;          /* slightly lighter than your footer */
  color: #f5f5f5;
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
  line-height: 1.7;
  font-size: 16px;
}

.lad-service-agreement h2 {
  font-size: 2rem;
  margin-bottom: 0.25rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.lad-service-agreement .lad-tagline {
  font-size: 0.98rem;
  color: #c9c9c9;
  margin-bottom: 1.75rem;
}

.lad-service-agreement h3 {
  margin-top: 2.2rem;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #e5e5e5;
}

.lad-service-agreement h4 {
  margin-top: 1.2rem;
  margin-bottom: 0.25rem;
  font-size: 1rem;
  font-weight: 600;
  color: #f2f2f2;
}

.lad-service-agreement p {
  margin: 0 0 0.7rem;
}

.lad-service-agreement ul {
  margin: 0.25rem 0 0.9rem 1.2rem;
  padding: 0;
}

.lad-service-agreement li {
  margin-bottom: 0.25rem;
}

.lad-service-agreement .lad-chip {
  display: inline-block;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #d5d5d5;
  margin-bottom: 1.25rem;
}

.lad-service-agreement .lad-highlight {
  border-left: 3px solid rgba(255, 255, 255, 0.2);
  padding-left: 0.9rem;
  margin-top: 1.2rem;
  margin-bottom: 1.5rem;
  font-size: 0.95rem;
  color: #d6d6d6;
}

.lad-service-agreement em {
  color: #d0d0d0;
}

/* Mobile tweaks */
@media (max-width: 768px) {
  .lad-service-agreement {
    padding: 2rem 1.25rem 2.5rem;
    margin: 0 0 3rem;
  }
}
.lad-countdown {
  color: #00b7ea;
  text-shadow: 0 0 6px rgba(0,183,234,0.7);
}
.lad-countdown {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1px;
}
