/* Custom CSS to override Swiper and add specific styling not handled by Tailwind */

:root {
  --theme-bg-1: #0a0a0a;
  --theme-bg-2: #1a1a1a;
  --theme-text-1: #ffffff;
  --theme-text-2: #9ca3af;
  --theme-text-3: #e5e7eb;
  --theme-border-1: rgba(255, 255, 255, 0.1);
  --theme-border-2: rgba(255, 255, 255, 0.05);
  --theme-glass-bg: rgba(26, 26, 26, 0.7);
  --theme-glass-border: rgba(255, 255, 255, 0.1);
}

.light-mode {
  --theme-bg-1: #f9fafb;
  --theme-bg-2: #ffffff;
  --theme-text-1: #111827;
  --theme-text-2: #4b5563;
  --theme-text-3: #374151;
  --theme-border-1: rgba(0, 0, 0, 0.1);
  --theme-border-2: rgba(0, 0, 0, 0.05);
  --theme-glass-bg: rgba(255, 255, 255, 0.85);
  --theme-glass-border: rgba(0, 0, 0, 0.1);
}/* Swiper overrides */
.swiper-pagination-bullet {
    background-color: rgba(255, 255, 255, 0.5) !important;
    opacity: 1 !important;
    width: 10px !important;
    height: 10px !important;
    transition: all 0.3s ease !important;
}

.swiper-pagination-bullet-active {
    background-color: #D4AF37 !important; /* Gold */
    width: 24px !important;
    border-radius: 5px !important;
}

.swiper-button-next,
.swiper-button-prev {
    color: #D4AF37 !important;
    background: rgba(10, 10, 10, 0.5);
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    border: 1px solid rgba(212, 175, 55, 0.3);
    transition: all 0.3s ease;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: #D4AF37;
    color: #0a0a0a !important;
}

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

/* Glassmorphism utility */
.glass {
    background: var(--theme-glass-bg);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--theme-glass-border);
}

/* Image Hover Zoom Utility */
.img-zoom-container {
    overflow: hidden;
}

.img-zoom-container img {
    transition: transform 0.7s ease;
}

.img-zoom-container:hover img {
    transform: scale(1.1);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #0a0a0a;
}

::-webkit-scrollbar-thumb {
    background: #2d2d2d;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #D4AF37;
}

/* GSAP Pre-animation state */
.gsap-reveal {
    opacity: 0;
    transform: translateY(30px);
}