/* ============================================================
   Regal Tours And Travels - Global Styles
   Colors: #00143D (navy), #FBC507 (gold/yellow), #E31069 (pink)
   ============================================================ */

/* ── Logo sizing – responsive & crisp ── */
header img[src="logo.png"] {
    height: clamp(72px, 10vw, 128px);   /* scales smoothly between 72–128px */
    width: auto;
    object-fit: contain;
    display: block;
}

/* On very small phones (< 400px) keep logo contained */
@media (max-width: 400px) {
    header img[src="logo.png"] {
        height: 64px;
        max-width: 180px;
    }
    header .max-w-7xl {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}

footer img[src="logo.png"] {
    height: clamp(80px, 12vw, 112px);
    width: auto;
    object-fit: contain;
}

/* Custom styled scrollbars */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #00143D44;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #00143Daa;
}

/* Spin animation for matchmaker icon */
.animate-spin-slow {
    animation: spin 15s linear infinite;
}
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Slider transitions */
.slider-slide {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}
.slider-slide.active {
    opacity: 1;
}

/* Gallery zoom hover scale */
.gallery-card img {
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.gallery-card:hover img {
    transform: scale(1.08);
}

/* Price tag color utility */
.price-tag {
    color: #E31069 !important;
}

/* Badge pink utility for International/Domestic labels */
.badge-category {
    background-color: #E31069 !important;
    color: #fff !important;
}

/* Header nav active state */
.nav-link.active {
    color: #FBC507;
    border-color: #FBC507;
}

/* Button gold */
.btn-gold {
    background-color: #FBC507;
    color: #00143D;
    font-weight: 700;
}
.btn-gold:hover {
    background-color: #e0ae06;
}