/* Reservaline desktop st_activity detail — V136
 * Exact RH1 homepage header context + visible native Activity location + blue CTA.
 */
@media (min-width: 768px) {
    /* The homepage header is styled in the context of .rh1-hero. Keep exactly
       that context, but collapse the hero to the header height on detail pages. */
    body.rhs136-activity-detail-document .rh1-page .rhs136-header-shell,
    body.rhs136-activity-detail-document .rh1-page .rhs136-header-shell.rh1-hero {
        position: relative !important;
        min-height: 88px !important;
        height: 88px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background-color: #073b8f !important;
        background-image: none !important;
    }

    body.rhs136-activity-detail-document .rhs136-header-shell::before {
        display: none !important;
        content: none !important;
    }

    body.rhs136-activity-detail-document .rhs136-header-shell .rh1-hero__overlay {
        display: block !important;
        pointer-events: none !important;
        background: linear-gradient(90deg, rgba(2,24,62,.28), rgba(3,33,77,.06)) !important;
    }

    /* Preserve the homepage's own RH1 header dimensions/typography; only make
       sure it sits inside the compact blue shell and above the overlay. */
    body.rhs136-activity-detail-document .rhs136-header-shell .rh1-header {
        position: relative !important;
        z-index: 5 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.rhs136-activity-detail-document .rhs136-header-shell .rh1-main-nav__item,
    body.rhs136-activity-detail-document .rhs136-header-shell .rh1-header-tools,
    body.rhs136-activity-detail-document .rhs136-header-shell .rh1-currency__trigger,
    body.rhs136-activity-detail-document .rhs136-header-shell .rh1-login-link {
        color: #fff !important;
    }

    /* Return is a standalone icon above the gallery, never an overlay on a photo. */
    .rhs136-detail-topbar {
        display: flex;
        align-items: center;
        gap: 12px;
        min-height: 44px;
        margin: 0 0 12px;
    }

    .rhs136-detail-topbar .rhs135-breadcrumbs {
        flex: 1 1 auto;
        min-width: 0;
        margin: 0 !important;
    }

    .rhs136-back-results {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        padding: 0 !important;
        border: 1px solid #d8e2ef !important;
        border-radius: 50% !important;
        background: #fff !important;
        color: #073b8f !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

    .rhs136-back-results:hover,
    .rhs136-back-results:focus-visible {
        border-color: #073b8f !important;
        background: #f4f8ff !important;
        color: #073b8f !important;
    }

    .rhs136-back-results svg {
        width: 20px !important;
        height: 20px !important;
    }

    /* V135's old in-gallery back treatment must never resurface from cached DOM. */
    .rhs135-gallery > .rhs135-back-results {
        display: none !important;
    }

    /* Platform blue for every real booking/enquiry CTA in this desktop shell. */
    .rhs135-primary-cta,
    .rhs135-booking-slot .submit-group .btn-book-ajax,
    .rhs135-booking-slot .submit-group > a.btn,
    .rhs135-booking-slot a.btn.btn-large.btn-full,
    .rhs135-booking-slot .st_send-mail-form .sent-email-st {
        border-color: #073b8f !important;
        background: #073b8f !important;
        color: #fff !important;
        box-shadow: none !important;
    }

    .rhs135-primary-cta:hover,
    .rhs135-primary-cta:focus-visible,
    .rhs135-booking-slot .submit-group .btn-book-ajax:hover,
    .rhs135-booking-slot .submit-group .btn-book-ajax:focus,
    .rhs135-booking-slot .st_send-mail-form .sent-email-st:hover {
        border-color: #0b4ba8 !important;
        background: #0b4ba8 !important;
        color: #fff !important;
    }

    /* Always display the native Activity location value before the map. */
    .rhs136-location-summary {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        margin: 4px 0 18px;
        padding: 15px 16px;
        border: 1px solid #dce4ef;
        border-radius: 8px;
        background: #f8fbff;
        color: #10284b;
    }

    .rhs136-location-summary > svg {
        width: 21px !important;
        height: 21px !important;
        margin-top: 1px;
        color: #073b8f;
    }

    .rhs136-location-summary > div {
        display: flex;
        flex-direction: column;
        gap: 4px;
        min-width: 0;
    }

    .rhs136-location-summary strong {
        color: #0a2347;
        font-size: 14px;
        line-height: 1.45;
        font-weight: 750;
    }

    .rhs136-location-summary span {
        color: #64748b;
        font-size: 12px;
        line-height: 1.45;
    }

    /* The native map template repeats "Activity's Location". V136 already
       renders the heading and resolved location above it, so hide only that
       duplicate heading row while retaining Traveler's real map itself. */
    .rhs136-native-map > .st-map-wrapper > .st-flex:first-child {
        display: none !important;
    }

    .rhs136-native-map .st-map,
    .rhs136-native-map .st-map-box {
        margin-top: 0 !important;
    }
}