@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Unbounded:wght@500;600;700&display=swap');

@font-face {
  font-family: 'InterDisplay';
  src: url('/fonts/InterDisplay-Regular.ttf') format('truetype'),
       url('../fonts/InterDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'InterDisplay';
  src: url('/fonts/InterDisplay-Medium.ttf') format('truetype'),
       url('../fonts/InterDisplay-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'InterDisplay';
  src: url('/fonts/InterDisplay-SemiBold.ttf') format('truetype'),
       url('../fonts/InterDisplay-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Unbounded';
  src: url('/fonts/Unbounded-Medium.ttf') format('truetype'),
       url('../fonts/Unbounded-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Unbounded';
  src: url('/fonts/Unbounded-SemiBold.ttf') format('truetype'),
       url('../fonts/Unbounded-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Unbounded';
  src: url('/fonts/Unbounded-Bold.ttf') format('truetype'),
       url('../fonts/Unbounded-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-block: #F4F4F5;
  --color-accent: #E23B3B;
  --color-accent-hover: #c92c2c;
  --radius-custom: 13px;
}

body {
  font-family: 'InterDisplay', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #111827;
  background-color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, .font-heading {
  font-family: 'Unbounded', sans-serif;
  font-weight: 600;
}

.bg-block {
  background-color: #F4F4F5;
}

.bg-accent {
  background-color: #E23B3B;
}

.bg-accent:hover {
  background-color: #c92c2c;
}

.text-accent {
  color: #E23B3B;
}

.border-accent {
  border-color: #E23B3B;
}

.rounded-custom {
  border-radius: 13px;
}

/* Custom Checkbox */
.custom-checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 1.5px solid #D1D5DB;
  border-radius: 4px;
  background-color: #FFFFFF;
  display: inline-grid;
  place-content: center;
  cursor: pointer;
  flex-shrink: 0;
}

.custom-checkbox:checked {
  background-color: #E23B3B;
  border-color: #E23B3B;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 8.5l3 3 6-6'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 11px 11px;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f4f4f5;
}
::-webkit-scrollbar-thumb {
  background: #d4d4d8;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #a1a1aa;
}

/* Disable all hover animations, movements, zoom, and transitions */
*, *::before, *::after {
  transition-property: none !important;
  transform: none !important;
  animation: none !important;
}

a:hover, button:hover, .group:hover *, .promo-card:hover, .news-card:hover, .service-item:hover {
  transform: none !important;
  animation: none !important;
}

/* Allow programmatic transform for accordion arrows and modals */
.faq-arrow {
  transition: transform 0.25s ease !important;
  transform: rotate(0deg) !important;
}
.faq-arrow.is-open {
  transform: rotate(180deg) !important;
}
#mobile-menu {
  transition: transform 0.3s ease !important;
}
#mobile-menu.translate-x-full {
  transform: translateX(100%) !important;
}
#mobile-menu:not(.translate-x-full) {
  transform: translateX(0) !important;
}