/*
	Theme Name: YAZZICARS
	Theme URI: https://yazzicars.com
	Author: Younes MISSIRIA (@missiria)
	Description: YAZZICARS THEME
	Version: 1.0
	License: The MIT License (MIT)
	License URI: http://www.gnu.org/licenses/mit-2.0.html
Text Domain: yazzicars.com
*/

/* Tailwind */
@import url("dist/style.min.css");

:root {
  --yc-primary: #6c4dff;
  --yc-primary-hover: #7b61ff;
  --yc-accent: #8bc686;
  --yc-bg: #f7f3ec;
  --yc-text: #1f1b2e;
  --yc-surface: #ffffff;
}

body {
  background: var(--yc-bg);
  color: var(--yc-text);
}

/* Remap legacy yellow accents to the brand purple/green */
.bg-yellow-400,
.bg-yellow-500,
.bg-yellow-600,
.bg-yellow-900,
.hover\:bg-yellow-400:hover,
.hover\:bg-yellow-800:hover {
  background-color: var(--yc-primary) !important;
  color: #fff !important;
}

.bg-yellow-300,
.hover\:bg-yellow-300:hover,
.hover\:bg-yellow-600:hover {
  background-color: var(--yc-primary-hover) !important;
  color: #fff !important;
}

.text-yellow-300,
.text-yellow-400,
.hover\:text-yellow-300:hover {
  color: var(--yc-accent) !important;
}

.hover\:shadow-purple-500\/50:hover {
  --tw-shadow-color: rgba(108, 77, 255, 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

/* Convenience utility aliases (no rebuild needed) */
.bg-brand-primary { background-color: var(--yc-primary) !important; color: #fff; }
.bg-brand-primary-hover { background-color: var(--yc-primary-hover) !important; color: #fff; }
.bg-brand-accent { background-color: var(--yc-accent) !important; color: #1f1b2e; }
.text-brand-primary { color: var(--yc-primary) !important; }
.text-brand-accent { color: var(--yc-accent) !important; }
.btn-brand {
  background-color: var(--yc-primary);
  color: #fff;
}
.btn-brand:hover {
  background-color: var(--yc-primary-hover);
  color: #fff;
}


/* --- JL Service Request Form mobile tweaks --- */
@media (max-width: 768px) {
  .jl-form-grid {
    grid-template-columns: 1fr !important;
  }
  .jl-form-grid > div {
    grid-column: 1 / -1 !important;
  }
}

/* Movie Carousel */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Accordion */
.accordion-content {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.3s ease;
}

.accordion-content.open {
  max-height: 500px;
  /* adjust for longest FAQ */
  opacity: 1;
}

.readmore-content {
  max-height: 160px;
  /* collapsed height */
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.readmore-content.expanded {
  overflow: visible;
}

/* WP Core styles */
/* .admin-bar {padding-top: 30px;} */
.dm-sans {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.righteous-regular {
  font-family: "Righteous", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.car-title {
  font-size: 28px;
  line-height: 28px;
  font-family: "Open Sans", sans-serif;
}

.car-price {
  font-size: 48px;
  line-height: 32px;
}

.loader {
  border: 2px solid #f3f3f3;
  /* Light grey */
  border-top: 2px solid #2563eb;
  /* Blue */
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: spin 0.8s linear infinite;
  display: inline-block;
}

.car-slide {
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.car-slide.active {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  pointer-events: auto;
  z-index: 10;
}

.car-dot {
  transition: all 0.3s ease;
}

.car-dot.active {
  width: 40px;
  background-color: #e5b829 !important;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}