/*
Theme Name: Continental Car Care
Description: Hello Elementor child theme for Continental Car Care. Layouts remain native Elementor templates.
Author: Sky Complete
Template: hello-elementor
Version: 0.2.2
Text Domain: continental-car-care
*/
:root { --ccc-red: #ce2026; --ccc-ink: #2f2e2e; }
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
body { font-family: 'Inter Tight', Arial, sans-serif; }
a:focus-visible, button:focus-visible, [tabindex]:focus-visible { outline: 3px solid #ce2026; outline-offset: 4px; }
.ccc-menu-stub > a { cursor: default; }
.ccc-header .elementor-nav-menu a { min-height: 44px; }
.ccc-header .elementor-menu-toggle { min-width: 44px; min-height: 44px; }
.ccc-header .elementor-nav-menu--dropdown a { color: #2f2e2e; background: #fff; }
.ccc-header .elementor-nav-menu--dropdown a:hover { color: #a71920; background: #f5f4f2; }
.ccc-hero .elementor-heading-title { text-wrap: balance; }
.elementor-widget-text-editor p:last-child { margin-bottom: 0; }
.ccc-brands .elementor-widget-image img { object-fit: contain; }
.ccc-form-preview input:disabled, .ccc-form-preview button:disabled { cursor: not-allowed; }
.ccc-repair-gallery .gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.ccc-repair-gallery .gallery-item { width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }
.ccc-repair-gallery .gallery-item img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; background: #f3f3f3; }
.ccc-repair-gallery .gallery-caption { padding: 12px 0 20px; font-weight: 600; color: #2f2e2e; }
.ccc-review-pause { margin-top: 20px; padding: 12px 20px; color: #2f2e2e; border: 1px solid #2f2e2e; background: white; cursor: pointer; }
.ccc-review-pause:hover { color: white; background: #2f2e2e; }
@media (max-width: 767px) {
  .ccc-repair-gallery .gallery { grid-template-columns: minmax(0, 1fr); gap: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
