@media (max-width: 768px) {
  #wpd-top-bar, .top-bar-custom {
    font-size: 13px !important;
    padding: 4px 0 !important;
  }
}

/* Target only the pricing row */
.pricing-row .vc_column_container {
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
  padding: 30px 20px !important;
  margin: 15px 10px !important;
}
/* Global mobile comfort (safe) */
:root{
  --page-pad: clamp(16px, 4vw, 28px);
}
body .entry-content, .container, .site-content {
  padding-left: var(--page-pad);
  padding-right: var(--page-pad);
}
h1, .hero-title { font-size: clamp(30px, 7vw, 56px); line-height: 1.08; letter-spacing: .2px; }
h2{ font-size: clamp(24px,5.2vw,36px); line-height:1.12; }
p{ font-size: clamp(15px,3.8vw,18px); line-height:1.6; }
img{ max-width:100%; height:auto; border-radius:12px; }

/* base look (optional, keep yours if you already like it) */
.book-now {
  text-decoration: none !important;
  transition: all .2s ease-in-out;
}

/* kill the blue + underline on hover/focus and make it white */
.book-now:hover,
.book-now:focus,
.book-now:active {
  background: #ffffff !important;   /* button bg on hover */
  color: #111111 !important;         /* text color on hover */
  border-color: #ffffff !important;  /* match your border if you have one */
  text-decoration: none !important;  /* remove underline */
  box-shadow: none !important;       /* remove blue focus glow if any */
  outline: none !important;
}





/* High-contrast, no-blue style for the CTA button on a light background */
a.no-blue-book,
.no-blue-book a,
a.theme-button.theme-button-1.no-blue-book {
  border: 2px solid #222 !important;   /* dark charcoal outline */
  color: #222 !important;               /* dark text */
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Hover / focus: fill dark, flip text to white */
a.no-blue-book:hover,
a.no-blue-book:focus {
  background: #222 !important;
  color: #fff !important;
  border-color: #222 !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0,0,0,.15) !important; /* soft shadow, still not blue */
}

/* Active */
a.no-blue-book:active {
  transform: translateY(0);
}


/* Idle (normal) – white outline, transparent fill */
.rev_slider .rev-hover-charcoal {
  background: transparent !important;
  border: 2px solid #fff !important;
  border-radius: 9999px !important;
  color: #fff !important;
  box-shadow: none !important;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

/* Hover – choose ONE style */

/* A) Solid charcoal fill (nice on dark photos) */
.rev_slider .rev-hover-charcoal:hover,
.rev_slider .rev-hover-charcoal:focus {
  background: #222 !important;     /* change this hex if you want a different color */
  border-color: #222 !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* If you prefer outline-only (no fill), use this instead of A:
.rev_slider .rev-hover-charcoal:hover,
.rev_slider .rev-hover-charcoal:focus {
  background: rgba(255,255,255,.10) !important;  /* faint white tint */
  border-color: #fff !important;
  color: #fff !important;
  transform: translateY(-1px);
}
*/

/* Kill any preset gradient/pseudo that might inject blue */
.rev_slider .rev-hover-charcoal::before,
.rev_slider .rev-hover-charcoal::after { content: none !important; }


/* Hide the “SHOW MAP” toggle/link and any theme map toggle it controls */
a.show-map,
.map-toggle,
.map__toggle,
.open-map,
.theme-map-toggle,
.theme-show-map { display: none !important; }

/* If the toggle wrapper leaves extra space under that row, collapse it */
.map-row, .theme-map-wrap { margin: 0 !important; padding: 0 !important; }

/* Hide the AutoSpa footer but keep our custom .hb-footer */
footer:not(.hb-footer) { display:none !important; }

/* Hide AutoSpa's built-in footer; keep your custom WPBakery footer block */
#footer,
.site-footer,
footer#footer,
footer.site-footer,
footer.footer,
.footer,
.footer-area { display: none !important; }

/* Optional: remove extra space at the bottom of the page */
.vc_row:last-of-type { margin-bottom: 0 !important; }


/* Car Detailing header framing */
.page-id-5734 .theme-page-header-bottom-type-image{
  background-size: cover !important;
  background-position: center 28% !important; /* move the crop upward; try 20–35% */
  min-height: 520px;                            /* header height */
}

/* Tighter crop on phones */
@media (max-width: 767px){
  .page-id-5734 .theme-page-header-bottom-type-image{
    background-position: center 35% !important;
    min-height: 420px;
  }
}

/* Car Detailing header framing */
.page-id-5734 .theme-page-header-bottom-type-image{
  background-size: cover !important;
  background-position: center 28% !important; /* move the crop upward; try 20–35% */
  min-height: 520px;                            /* header height */
}

/* Tighter crop on phones */
@media (max-width: 767px){
  .page-id-5734 .theme-page-header-bottom-type-image{
    background-position: center 35% !important;
    min-height: 420px;
  }
}
/* Popup box */
.pum-container {
  border-radius: 22px !important;
  padding: 34px 40px 28px !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.35) !important;
}

/* Title */
.hfq-title{
  text-align:center;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 22px 0;
}

/* Grid layout */
.hfq-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 22px;
}

.hfq-field label{
  display:block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #333;
}

/* Full width row */
.hfq-full{ grid-column: 1 / -1; }

/* Inputs */
.hfq-grid input[type="text"],
.hfq-grid input[type="tel"],
.hfq-grid select{
  width:100%;
  height: 44px;
  border-radius: 6px;
  border: 1px solid #e6e6e6;
  padding: 10px 12px;
  font-size: 14px;
  background: #fff;
  outline: none;
}

/* CF7 validation styling (keeps it clean) */
.wpcf7-not-valid{
  border-color:#e74c3c !important;
  background: #fff6f6 !important;
}

/* Button row */
.hfq-actions{
  grid-column: 1 / -1;
  display:flex;
  justify-content:center;
  margin-top: 10px;
}

.hfq-submit{
  background:#000 !important;
  color:#fff !important;
  border: none !important;
  padding: 12px 46px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  cursor:pointer !important;
}

.hfq-submit:hover{
  filter: brightness(1.08);
}

/* Make it stack on mobile */
@media (max-width: 650px){
  .hfq-grid{ grid-template-columns: 1fr; }
  .pum-container{ padding: 26px 18px 20px !important; }
}
/* Nuclear fallback: remove WordPress comments everywhere */
#comments,
.comments-area,
.comment-respond,
.comment-form,
#respond {
  display: none !important;
}
/* Ceramic popup CTA button */
.ceramic-cta-btn{
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

/* Hover state */
.ceramic-cta-btn:hover{
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}