/* Custom properties and resets */
:root {
  --ivo-gold: #d4af37;
  --ivo-dark: #0b0f19;
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

/* Swiper Customization */
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: var(--ivo-dark);
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-button-next,
.swiper-button-prev {
  color: var(--ivo-gold) !important;
  background: rgba(0, 0, 0, 0.5);
  width: 44px !important;
  height: 44px !important;
  border-radius: 50%;
  backdrop-filter: blur(4px);
  transition: all 0.3s ease;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 18px !important;
  font-weight: bold;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background: var(--ivo-gold);
  color: var(--ivo-dark) !important;
}

.swiper-pagination-bullet {
  background: white !important;
  opacity: 0.5 !important;
}

.swiper-pagination-bullet-active {
  background: var(--ivo-gold) !important;
  opacity: 1 !important;
}

/* Input Auto-fill fix for dark theme */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px var(--ivo-dark) inset !important;
    -webkit-text-fill-color: white !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Loading Spinner */
.loader {
  border: 3px solid rgba(255,255,255,0.1);
  border-left-color: var(--ivo-gold);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
}

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