/* =========================================================
   XPLORE MOTORCYCLES — CO-RIDER-EXPERIENCE
   Page-specific styles. Shared layout lives in base.css.
   ========================================================= */

/* CRITICAL FONT RESET: Força a tipografia oficial da Xplore em todos os elementos da página */
.xplore-corider-layout-container,
.xplore-corider-layout-container *,
.booking-engine-box,
.booking-engine-box * {
    font-family: 'Montserrat', 'Inter', sans-serif !important;
}

@media (max-width: 991px) {
    .xplore-corider-split-grid {
        grid-template-columns: 1fr !important; padding-top: 60px;
    }

    .corider-hero-image-wrapper {
        height: 350px !important; min-height: 350px !important;
    }

    .corider-hero-content-wrapper {
        padding: 40px 20px !important;
    }

    .corider-hero-content-wrapper h2 {
        font-size: 30px !important;
    }
}

.xplore-hub-tab {
    background: transparent; border: 1px solid #CCCCCC; padding: 12px 20px; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all 0.3s ease; color: #555555;
}

.xplore-hub-tab:hover,
.xplore-hub-tab.active {
    background-color: #111111; color: #FFFFFF; border-color: #111111;
}

.corider-desk-link-btn {
    flex: 1; min-width: 250px; text-decoration: none; padding: 20px 30px; box-sizing: border-box; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; display: inline-block; transition: all 0.3s ease; text-align: center;
}

.corider-desk-link-btn:hover {
    background-color: #A38A5F !important; border-color: #A38A5F !important; color: #FFFFFF !important;
}

.corider-thumb-item {
    width: 100%; height: 110px; background-size: cover; background-position: center; border: 1px solid #EAEAEA; cursor: pointer; transition: opacity 0.3s ease;
}

.corider-thumb-item:hover {
    opacity: 0.85;
}

.corider-inc-pill {
    display: inline-block; background-color: #F4F4F2; color: #444444; font-size: 12px; font-weight: 600; padding: 6px 14px; margin: 4px 2px;
}

.corider-reviews-viewport {
    overflow: hidden; width: 100%; position: relative;
}

.corider-reviews-track {
    display: flex; transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); gap: 40px; flex-wrap: nowrap !important; width: 100%;
}

.corider-review-card {
    flex: 0 0 calc(50% - 20px) !important; width: calc(50% - 20px) !important; box-sizing: border-box; background-color: #F9F9F7; padding: 50px 40px; border: 1px solid #EAEAEA; text-align: left; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 15px 40px rgba(0,0,0,0.01); transition: all 0.3s;
}

.corider-pure-arrow {
    position: absolute; top: 50%; transform: translateY(-50%); font-size: 36px; color: #111111 !important; background: transparent !important; background-color: transparent !important; cursor: pointer; transition: color 0.3s; z-index: 100; user-select: none; padding: 10px; box-shadow: none !important; border: none !important; outline: none !important;
}

.corider-pure-arrow:hover {
    color: #A38A5F !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important;
}

.corider-lightbox-overlay {
    display: none; position: fixed; z-index: 999999; padding-top: 60px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.9); backdrop-filter: blur(10px);
}

.corider-lightbox-img-element {
    margin: auto; display: block; max-width: 85%; max-height: 80vh; object-fit: contain;
}

.corider-lightbox-close-trigger {
    position: absolute; top: 20px; right: 35px; color: #FFFFFF; font-size: 40px; font-weight: 300; cursor: pointer;
}

.corider-lightbox-close-trigger:hover {
    color: #A38A5F;
}

@media (max-width: 991px) {
    #corider-master-grid-receiver {
        grid-template-columns: 1fr !important; gap: 40px !important;
    }

    .corider-review-card {
        flex: 0 0 100% !important; width: 100% !important;
    }

    #corider-reviews-carousel-wrapper {
        padding: 0 40px !important;
    }
}