/* =============================================
   HOVER STATES & INTERACTIONS
============================================= */

/* --- SWIPER BUTTONS HOVER --- */

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background: var(--color-site-2);
    color: #fff;
    border-color: var(--color-site-2);
}

/* --- DESTINATION CARD HOVER --- */

.destination-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
    border-color: #d1d5db;
}

.destination-card:hover .destination-image {
    transform: scale(1.05);
}

/* --- NAV PILLS HOVER --- */

.nav-tab .nav-link:hover {
    background: #f0f4ff;
    color: var(--color-site-2);
    border-color: #c0c8e8;
}

/* --- PAGINATION HOVER --- */

.swiper-pagination-bullet:hover {
    background-color: var(--color-site-1);
    opacity: 0.8;
    transform: scaleX(1.2);
    transform-origin: center;
}

/* --- FILTER COLUMN HOVER --- */

.bg-section-filter [class*="col-"]:hover {
    background: #fff;
}

/* --- FILTER COLUMN FOCUS --- */

.bg-section-filter [class*="col-"]:focus-within {
    background: #f8fafc;
}

/* --- FILTER INPUT FOCUS --- */

.bg-section-filter .form-control:focus,
.bg-section-filter select:focus {
    outline: none;
    box-shadow: none;
    background: transparent;
    color: var(--color-site-2);
    transform: translateX(2px);
}

/* --- FILTER ICONS HOVER --- */

.bg-section-filter [class*="col-"]:hover .input-icon::before,
.bg-section-filter [class*="col-"]:hover .input-calendar::before {
    color: var(--color-site-1);
    opacity: 1;
}

/* --- SEARCH BUTTON HOVER --- */

#btnSearch:hover {
    transform: translateY(-1px);
    background: #dd742d;
    box-shadow: 0 10px 22px rgba(238,123,42,.22);
}

/* --- DESTINATION DETAILS BUTTON HOVER --- */

.btn-destination:hover {
    background: #1d4ed8;
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
}

/* --- VIEW ALL BUTTON HOVER --- */

.btn-view-all:hover::after {
    transform-origin: left;
    transform: scaleX(1);
}

.btn-view-all:hover {
    color: #fff;
}

/* --- CIRCUITS CARD HOVER --- */

.circuits.bg-section .destination-card.horizontal-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.13);
}

/* --- HONEYMOON BANNER IMAGE HOVER --- */

#honeymoon-banner:hover .banner-bg {
    transform: scale(1.03);
}

/* --- HONEYMOON BANNER BUTTON HOVER --- */

#honeymoon-banner .banner-btn:hover {
    transform: translateY(-3px);
    box-shadow:
        0 16px 40px rgba(0,0,0,0.22),
        0 6px 18px rgba(0,0,0,0.18);
    color: #fff;
    text-decoration: none;
}

/* --- HONEYMOON BANNER BUTTON ACTIVE --- */

#honeymoon-banner .banner-btn:active {
    transform: translateY(0);
}

/* --- PARTNER CARD HOVER --- */

.partner-card:hover {
    transform: translateY(-6px);
    box-shadow:
        0 18px 45px rgba(59,130,246,0.12),
        0 6px 18px rgba(0,0,0,0.06);
}

.partner-card:hover::before {
    opacity: 1;
}

.partner-card:hover img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
}