/*
Theme Name: Cutlass Care Astra Child
Description: Astra child theme for the Cutlass Care Services Elementor website.
Author: Cutlass Care Services
Template: astra
Version: 2.0.0
Text Domain: cutlass-care-child
*/

/* The main production styles are managed in Elementor Site Settings.
   Keep only site-wide accessibility and utility rules here. */

:root {
  --cc-primary: #0F766E;
  --cc-primary-hover: #0B625C;
  --cc-slate: #1E293B;
  --cc-text: #475569;
  --cc-muted: #64748B;
  --cc-aqua: #67C7C9;
  --cc-coral: #F08A8A;
  --cc-soft: #F4F8F8;
  --cc-pale-teal: #E9F7F5;
  --cc-divider: #DDE7EA;
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

:focus-visible {
  outline: 3px solid var(--cc-aqua);
  outline-offset: 3px;
}

.elementor-widget-text-editor a,
.entry-content a {
  text-underline-offset: 0.18em;
}

.cc-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.cc-anchor {
  scroll-margin-top: 110px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}