/* Hide the auto-generated page title — our hero sections already have H1 headings */
.wp-block-post-title,
.entry-title,
h1.wp-block-post-title {
	display: none !important;
}

/* ===== Modern Detailing — homepage animations ===== */
/* Service card hover: lift + cyan glow + cyan border */
.md-card {
	transition: transform .5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow .5s cubic-bezier(0.16, 1, 0.3, 1), border-color .5s ease;
	overflow: hidden;
}

.md-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 24px 50px rgba(0, 180, 255, 0.22);
	border-color: #00B4FF !important;
}

/* Image zoom on card hover */
.md-card-img {
	overflow: hidden;
	margin: 0 !important;
}

.md-card-img img {
	transition: transform .8s cubic-bezier(0.16, 1, 0.3, 1);
	display: block;
	width: 100%;
}

.md-card:hover .md-card-img img {
	transform: scale(1.08);
}

/* Button hover glow on cyan CTAs */
.wp-block-button__link[style*="00B4FF"],
.wp-block-button__link[style*="#00B4FF"] {
	transition: box-shadow .3s ease, transform .3s ease;
}

.wp-block-button__link[style*="00B4FF"]:hover,
.wp-block-button__link[style*="#00B4FF"]:hover {
	box-shadow: 0 0 36px rgba(0, 180, 255, 0.55);
	transform: translateY(-2px);
}

/* Outline button hover */
.wp-block-button.is-style-outline .wp-block-button__link {
	transition: background-color .3s ease, color .3s ease;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

/* "Learn More →" links — slide arrow on hover */
.wp-block-paragraph a[href*="-greenville-sc"],
.wp-block-paragraph a[href*="memberships"],
.wp-block-paragraph a[href*="fleet-washing"] {
	transition: letter-spacing .3s ease;
}

.md-card:hover .wp-block-paragraph a[href*="-greenville-sc"],
.md-card:hover .wp-block-paragraph a[href*="memberships"],
.md-card:hover .wp-block-paragraph a[href*="fleet-washing"] {
	letter-spacing: 2.5px;
}

/* Mobile — disable parallax (iOS doesn't support background-attachment: fixed) */
@media (max-width: 768px) {
	.has-parallax {
		background-attachment: scroll !important;
	}
}

/* Respect users who don't want motion */
@media (prefers-reduced-motion: reduce) {
	.md-card,
				  .md-card-img img,
				  .wp-block-button__link {
		transition: none !important;
	}
	
	.md-card:hover {
		transform: none !important;
	}
}

/* === Floating "Call Now" button === */
.md-floating-call {
	position: fixed;
	bottom: 24px;
	right: 24px;
	z-index: 9999;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 24px;
	background: #00B4FF;
	color: #ffffff !important;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .5px;
	text-decoration: none !important;
	border-radius: 50px;
	box-shadow: 0 8px 24px rgba(0, 180, 255, 0.45), 0 4px 8px rgba(0,0,0,0.2);
	transition: transform .2s ease, box-shadow .2s ease;
}

.md-floating-call:hover,
.md-floating-call:focus {
	transform: translateY(-2px);
	box-shadow: 0 12px 32px rgba(0, 180, 255, 0.55), 0 4px 12px rgba(0,0,0,0.25);
	color: #ffffff !important;
}

.md-floating-call svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}

@media (max-width: 600px) {
	.md-floating-call {
		bottom: 16px;
		right: 16px;
		padding: 14px 20px;
		font-size: 14px;
	}
	
	.md-floating-call .md-call-text {
		display: none;
	/* phone-only: show just the icon + number */
	}
}

/* === MODERN DETAILING HEADER REDESIGN (Black + Blue) === */

/* Sticky black header */
body header.wp-block-template-part,
body .wp-site-blocks > header,
body > .wp-site-blocks header.wp-block-template-part {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background-color: #0a0a0a !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(8px);
}

/* Force black bg on header inner groups */
header.wp-block-template-part,
header.wp-block-template-part > .wp-block-group,
header.wp-block-template-part .wp-block-group {
  background-color: transparent !important;
}
header.wp-block-template-part > .wp-block-group:first-child {
  background-color: #0a0a0a !important;
}

/* Logo (site title) - white & bold */
header .wp-block-site-title,
header .wp-block-site-title a {
  color: #ffffff !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
  transition: color 0.2s ease;
}
header .wp-block-site-title a:hover {
  color: #00B4FF !important;
}

/* Navigation links - white with blue hover glow */
header .wp-block-navigation-item__content,
header .wp-block-navigation a:not(.wp-block-button__link) {
  color: #ffffff !important;
  font-weight: 500 !important;
  padding: 8px 14px !important;
  border-radius: 6px;
  transition: all 0.2s ease;
}
header .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
header .wp-block-navigation-item__content:hover,
header .wp-block-navigation a:not(.wp-block-button__link):hover {
  background-color: rgba(0, 180, 255, 0.15) !important;
  color: #00B4FF !important;
  box-shadow: 0 0 12px rgba(0, 180, 255, 0.25);
}

/* Submenu dropdown - dark with blue accent border */
header .wp-block-navigation__submenu-container {
  background-color: #0a0a0a !important;
  border: 1px solid rgba(0, 180, 255, 0.25) !important;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
  padding: 8px !important;
}
header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  color: #ffffff !important;
  border-radius: 4px;
}
header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
  background-color: rgba(0, 180, 255, 0.2) !important;
  color: #00B4FF !important;
}

/* Dropdown caret white */
header .wp-block-navigation__submenu-icon,
header .wp-block-navigation__submenu-icon svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Mobile menu toggle - white */
header .wp-block-navigation__responsive-container-open,
header .wp-block-navigation__responsive-container-close,
header .wp-block-navigation__responsive-container-open svg,
header .wp-block-navigation__responsive-container-close svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Mobile menu overlay - dark */
header .wp-block-navigation__responsive-container.is-menu-open {
  background-color: #0a0a0a !important;
}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  color: #ffffff !important;
}

/* Call Now button - rounded brand blue */
header .wp-block-button .wp-block-button__link,
header .wp-block-buttons .wp-block-button__link {
  background-color: #00B4FF !important;
  color: #0a0a0a !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  padding: 12px 24px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  transition: all 0.2s ease;
  border: 2px solid #00B4FF !important;
}
header .wp-block-button .wp-block-button__link:hover,
header .wp-block-buttons .wp-block-button__link:hover {
  background-color: transparent !important;
  color: #00B4FF !important;
  box-shadow: 0 0 20px rgba(0, 180, 255, 0.5);
  transform: translateY(-1px);
}

/* Add subtle blue underline under "Detailing" in logo */
header .wp-block-site-title a::after {
  content: '';
  display: block;
  width: 30px;
  height: 2px;
  background-color: #00B4FF;
  margin-top: 2px;
  transition: width 0.3s ease;
}
header .wp-block-site-title a:hover::after {
  width: 100%;
}

/* Ensure header content has good padding */
header.wp-block-template-part > .wp-block-group {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

/* Compensate sticky header pushing content - hero needs to remain at top */
body .wp-site-blocks > main:first-of-type,
body .wp-site-blocks > .entry-content {
  margin-top: 0 !important;
}


/* === MOBILE MENU FIXES === */
@media (max-width: 600px) {
  /* Reset boxy submenu styling on mobile - dropdowns are inline, not floating */
  header .wp-block-navigation__submenu-container {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  
  /* Mobile menu overlay - dark with proper spacing */
  header .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #0a0a0a !important;
    padding: 80px 24px 40px !important;
  }
  
  /* Center menu items on mobile */
  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    text-align: left;
    gap: 4px !important;
  }
  
  /* Bigger menu items on mobile */
  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    font-size: 20px !important;
    font-weight: 500 !important;
    padding: 16px 20px !important;
    color: #ffffff !important;
    border-radius: 8px;
    width: 100%;
  }
  
  /* Services parent item - extra prominent */
  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu > .wp-block-navigation-item__content {
    font-weight: 700 !important;
    color: #ffffff !important;
    font-size: 22px !important;
    border-bottom: 1px solid rgba(0,180,255,0.2);
    margin-bottom: 4px;
  }
  
  /* Submenu items - indented and smaller */
  header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: 12px 16px 12px 40px !important;
    font-size: 16px !important;
    color: #cbd5e1 !important;
    font-weight: 400 !important;
  }
  
  /* Mobile close button - bigger and easier to tap */
  header .wp-block-navigation__responsive-container-close {
    top: 24px !important;
    right: 24px !important;
  }
  
  /* Mobile close icon white */
  header .wp-block-navigation__responsive-container-close svg {
    width: 28px !important;
    height: 28px !important;
  }
}


/* === MOBILE HEADER LAYOUT FIXES === */
@media (max-width: 781px) {
  header .wp-block-site-title,
  header .wp-block-site-title a {
    font-size: 18px !important;
    white-space: nowrap;
  }
  header .wp-block-site-title a::after { display: none !important; }
  header .wp-block-button .wp-block-button__link,
  header .wp-block-buttons .wp-block-button__link {
    padding: 10px 16px !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    white-space: nowrap;
  }
  header.wp-block-template-part > .wp-block-group {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  header .wp-block-navigation__responsive-container .wp-block-navigation-submenu,
  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  header .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-item__content {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
    display: block !important;
    opacity: 1 !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    background: transparent !important;
    border: none !important;
  }
}
@media (max-width: 400px) {
  header .wp-block-site-title,
  header .wp-block-site-title a { font-size: 16px !important; }
  header .wp-block-button .wp-block-button__link,
  header .wp-block-buttons .wp-block-button__link {
    padding: 8px 12px !important;
    font-size: 11px !important;
  }
}


/* === FULL-SCREEN MOBILE MENU OVERLAY === */
@media (max-width: 781px) {
  header .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    z-index: 99999 !important;
    background-color: #0a0a0a !important;
    padding: 80px 24px 40px !important;
    overflow-y: auto !important;
  }
  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    width: 100% !important;
    max-width: 500px;
    margin: 0 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
  }
  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
    width: 100% !important;
  }
  header .wp-block-navigation__responsive-container-close {
    position: fixed !important;
    top: 24px !important;
    right: 24px !important;
    background: transparent !important;
    z-index: 100000 !important;
  }
  header .wp-block-navigation__responsive-container-close svg {
    width: 32px !important;
    height: 32px !important;
    fill: #ffffff !important;
  }
  body.has-modal-open {
    overflow: hidden !important;
  }
}