/* Awamoa House Guide - Custom Styles */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Active nav link */
.nav-link-active {
    background: rgba(255, 255, 255, 0.15);
}

/* Accordion animation */
.accordion-arrow {
    font-size: 0.7em;
    transition: transform 0.3s ease;
}
.accordion-item.open .accordion-arrow {
    transform: rotate(180deg);
}

/* Hero carousel */
.hero-slide.active {
    opacity: 1;
}

/* Hero dots */
.hero-dot.active {
    background: white;
    transform: scale(1.3);
}

/* Gallery hover effect */
.gallery-item img {
    transition: transform 0.3s ease;
}
.gallery-item:hover img {
    transform: scale(1.08);
}

/* Lightbox */
#lightbox.active {
    display: flex;
}

/* Star rating */
.star-btn.selected {
    color: #FB923C;
}

/* Form focus glow */
input:focus, textarea:focus, select:focus {
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15);
}

/* Loading spinner for form submit */
.btn-loading {
    position: relative;
    pointer-events: none;
    opacity: 0.7;
}
.btn-loading::after {
    content: '';
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.2rem;
    height: 1.2rem;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}
@keyframes spin {
    to { transform: translateY(-50%) rotate(360deg); }
}

/* Mobile-optimized quick ref cards */
@media (max-width: 640px) {
    .text-4xl {
        font-size: 1.875rem;
    }
}