/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

:root {
  --brand: #C9933A;
  --brand-hover: #A8762A;
  --brand-soft: #FDF6EC;
}

.bg-brand { background-color: var(--brand); }
.hover\:bg-brand:hover { background-color: var(--brand); }
.hover\:bg-brand-hover:hover { background-color: var(--brand-hover); }
.bg-brand-soft { background-color: var(--brand-soft); }

.text-brand { color: var(--brand); }
.hover\:text-brand:hover { color: var(--brand); }
.hover\:text-brand-hover:hover { color: var(--brand-hover); }

.border-brand { border-color: var(--brand); }
.ring-brand { --tw-ring-color: var(--brand); }

.focus\:ring-brand:focus { --tw-ring-color: var(--brand); }
.focus\:border-brand:focus { border-color: var(--brand); }

/* Mobilni navigacijski linkovi - hover feedback (nadjacava inline pozadinu) */
.mobile-nav-link:hover {
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #ffffff !important;
}

/* Vehicle show - color gallery thumbnails hover */
[id^="cg-thumb"] {
  transition: opacity 0.2s, transform 0.2s;
}
[id^="cg-thumb"]:hover {
  opacity: 0.8;
  transform: scale(1.04);
}

/* Lightbox round nav/close buttons hover */
.lightbox-btn {
  transition: background-color 0.2s, border-color 0.2s;
}
.lightbox-btn:hover {
  background-color: rgba(255,255,255,0.22) !important;
  border-color: rgba(255,255,255,0.4) !important;
}

/* Lightbox thumbnail strip hover */
[id^="pg-thumb"],
[data-vehicle-gallery-target="lthumb"] {
  transition: opacity 0.2s, border-color 0.2s;
}
[id^="pg-thumb"]:hover,
[data-vehicle-gallery-target="lthumb"]:hover {
  opacity: 0.75;
}

/* Solid brand-blue CTA gumbi na Ligier show stranici */
.cta-solid-blue {
  transition: background-color 0.2s, box-shadow 0.2s;
}
.cta-solid-blue:hover {
  background-color: #002d7a !important;
}

/* Outline (border) CTA gumbi na Ligier show stranici */
.cta-outline-blue {
  transition: background-color 0.2s, border-color 0.2s;
}
.cta-outline-blue:hover {
  background-color: rgba(0,61,165,0.12) !important;
  border-color: #0052cc !important;
}

/* Plain text linkovi u brend plavoj (#4a9eff) na Ligier show stranici */
a[style*="color:#4a9eff"] {
  transition: color 0.2s;
}
a[style*="color:#4a9eff"]:hover {
  color: #7fb8ff !important;
  text-decoration: underline !important;
}

/* Bijeli CTA gumb na tamnoj pozadini (npr. dno Ligier podstranica) */
.cta-white-btn {
  transition: background-color 0.2s, color 0.2s;
}
.cta-white-btn:hover {
  background-color: #eaf2ff !important;
}

/* Transparentni outline CTA gumb (bijeli border) na tamnoj pozadini */
.cta-outline-white {
  transition: background-color 0.2s, border-color 0.2s;
}
.cta-outline-white:hover {
  background-color: rgba(255,255,255,0.15) !important;
  border-color: rgba(255,255,255,0.85) !important;
}

/* Navbar boja ovisno o stranici */
body[data-page="ligier"] .nav-dynamic {
  background-color: #0f2545 !important;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.animate-spin-slow {
  animation: spin 1s linear infinite;
}