/* =====================================================================
   NautyGO — Airbnb top-tier overhaul (Boat detail page)
   Scope: .bravo_detail_boat. Loaded after app.css.
   Brand accent: #FFC700 (theme's --color-blue-1, actually yellow).
   Iteration: 3 — restructured layout (gallery full-width, 7/5 split),
                 Save/Share buttons, comprehensive mobile pass.
   --------------------------------------------------------------------- */

/* ====== TOKENS ========================================================
   Text:    primary #222 | secondary #717171 | tertiary #B0B0B0
   Borders: #DDDDDD strong | #EBEBEB hairline
   Surface: #FFFFFF base   | #F7F7F7 muted
   Brand:   #FFC700 yellow | hover #F1BB00 | dark #0a1628
   Radius:  8px sm | 12px md | 16px lg | 999px pill
   ===================================================================== */


/* ============================================================
   0. PAGE-WIDE NORMALIZATION
   ============================================================ */
.bravo_detail_boat {
    color: #222;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "ss01", "ss02";
}

.bravo_detail_boat .container { max-width: 1120px; padding-left: 24px; padding-right: 24px; }

@media (max-width: 991px) {
    .bravo_detail_boat .container { padding-left: 16px; padding-right: 16px; }
}

.bravo_detail_boat .text-light-1   { color: #717171 !important; }
.bravo_detail_boat .text-dark-1    { color: #222 !important; }
.bravo_detail_boat .border-light    { border-color: #dddddd !important; }
.bravo_detail_boat .border-top-light { border-color: #ebebeb !important; }


/* ============================================================
   1. HERO GALLERY (full container width)
   ============================================================ */
.bravo_detail_boat .ab-hero { padding-top: 16px !important; }

.bravo_detail_boat .ab-hero .g-gallery,
.bravo_detail_boat .ab-hero .g-gallery .container {
    padding: 0 !important;
    max-width: none !important;
}

.bravo_detail_boat .ab-hero .g-gallery .row,
.bravo_detail_boat .ab-hero .g-gallery .col-12 {
    margin: 0 !important;
    padding: 0 !important;
}

.bravo_detail_boat .galleryGrid.-type-1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 240px);
    gap: 8px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.bravo_detail_boat .galleryGrid__item {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: #f7f7f7;
}

.bravo_detail_boat .galleryGrid__item:first-child {
    grid-column: span 2;
    grid-row: span 2;
}

.bravo_detail_boat .galleryGrid__item a,
.bravo_detail_boat .galleryGrid__item .video-container {
    display: block;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    border-radius: 0 !important;
}

.bravo_detail_boat .galleryGrid__item img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover;
    border-radius: 0 !important;
    display: block;
    transition: filter .25s ease, transform .4s ease;
}

.bravo_detail_boat .galleryGrid__item:hover img { filter: brightness(.92); }

/* "Show all photos" pill — bottom right, Airbnb style */
.bravo_detail_boat .galleryGrid.-type-1 .gotrip-banner {
    position: absolute !important;
    bottom: 16px !important;
    right: 16px !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    z-index: 5;
    background: transparent !important;
}

.bravo_detail_boat .galleryGrid.-type-1 .gotrip-banner > a:first-of-type {
    background: #ffffff !important;
    color: #222 !important;
    border: 1px solid #222 !important;
    border-radius: 8px !important;
    padding: 7px 15px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
    transition: background .15s ease, transform .15s ease;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
}

.bravo_detail_boat .galleryGrid.-type-1 .gotrip-banner > a:first-of-type::before {
    content: "▦";
    font-weight: 700;
    font-size: 14px;
}

.bravo_detail_boat .galleryGrid.-type-1 .gotrip-banner > a:first-of-type:hover {
    background: #f7f7f7 !important;
    transform: scale(1.04);
}

.bravo_detail_boat .galleryGrid.-type-1 .gotrip-banner > a:not(:first-of-type) {
    display: none !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .bravo_detail_boat .galleryGrid.-type-1 {
        grid-template-rows: repeat(2, 200px);
    }
}

/* MOBILE GALLERY — single hero photo, full-bleed */
@media (max-width: 991px) {
    .bravo_detail_boat .ab-hero { padding-top: 0 !important; }
    .bravo_detail_boat .galleryGrid.-type-1 {
        grid-template-columns: 1fr;
        grid-template-rows: 56vh;
        gap: 0;
        border-radius: 0;
        margin: 0 -16px;
        max-height: 480px;
    }
    .bravo_detail_boat .galleryGrid__item:not(:first-child) { display: none; }
    .bravo_detail_boat .galleryGrid__item:first-child {
        grid-column: 1 / -1;
        grid-row: 1;
    }
    .bravo_detail_boat .galleryGrid.-type-1 .gotrip-banner {
        bottom: 12px !important;
        right: 12px !important;
    }
}


/* ============================================================
   2. TITLE + SAVE/SHARE ROW
   ============================================================ */
.bravo_detail_boat .ab-title-section { padding-top: 24px !important; }

.bravo_detail_boat .ab-title-row {
    --bs-gutter-x: 0;
    align-items: flex-start;
    flex-wrap: wrap;
}

/* Title cell (left) */
.bravo_detail_boat .title-detail {
    font-size: 26px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    color: #222 !important;
    letter-spacing: -0.01em;
    margin: 0 0 6px;
}

/* Meta row: rating · reviews · location */
.bravo_detail_boat section.pt-0 { padding: 0 !important; }
.bravo_detail_boat .ab-title-section section.pt-0 .container { padding: 0 !important; }
.bravo_detail_boat .ab-title-section section.pt-0 .row.y-gap-15 { margin: 0 !important; }

.bravo_detail_boat .ab-title-section section.pt-0 .row.x-gap-20 {
    --bs-gutter-x: 0;
    align-items: center;
    margin: 0;
}

.bravo_detail_boat .ab-title-section section.pt-0 .row.x-gap-20.pt-10 { padding-top: 6px !important; }

.bravo_detail_boat .ab-title-section section.pt-0 .row.x-gap-20 > .col-auto {
    position: relative;
    padding: 0 10px;
}
.bravo_detail_boat .ab-title-section section.pt-0 .row.x-gap-20 > .col-auto:first-child { padding-left: 0; }

.bravo_detail_boat .ab-title-section section.pt-0 .row.x-gap-20 > .col-auto + .col-auto::before {
    content: "·";
    position: absolute;
    left: -2px;
    top: 50%;
    transform: translateY(-50%);
    color: #717171;
    font-weight: 700;
}

.bravo_detail_boat .ab-title-section section.pt-0 .text-light-1 {
    color: #222 !important;
    font-size: 14px !important;
    font-weight: 600;
}

.bravo_detail_boat .ab-title-section section.pt-0 .row.x-gap-20 > .col-auto:last-child .text-15 {
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    font-weight: 600;
    color: #222 !important;
}

.bravo_detail_boat .ab-title-section section.pt-0 .text-yellow-1 { color: #222 !important; }

/* Save / Share actions (right) */
.bravo_detail_boat .ab-title-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
}

.bravo_detail_boat .ab-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #222 !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    padding: 10px;
    border-radius: 8px;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: background .15s ease;
}

.bravo_detail_boat .ab-action-btn:hover {
    background: #f7f7f7;
    color: #222 !important;
}

.bravo_detail_boat .ab-action-btn svg {
    flex-shrink: 0;
    width: 16px !important;
    height: 16px !important;
    display: inline-block;
}

.bravo_detail_boat .ab-action-btn.js-save-btn.saved svg {
    fill: #FFC700;
    stroke: #FFC700;
}

@media (max-width: 991px) {
    .bravo_detail_boat .ab-title-actions {
        justify-content: flex-start;
        margin-top: 10px;
        gap: 8px;
    }
    .bravo_detail_boat .ab-action-btn { padding: 8px 4px; font-size: 13px; }
    .bravo_detail_boat .title-detail { font-size: 22px !important; }
}


/* ============================================================
   3. MAIN BODY — 7/5 split, sticky right card
   ============================================================ */
.bravo_detail_boat .ab-main-section { padding-top: 24px !important; }

.bravo_detail_boat .ab-main-section .row { --bs-gutter-x: 60px; }

@media (min-width: 992px) {
    .bravo_detail_boat .ab-main-section .col-lg-7 { padding-right: 50px; border-right: none; }
}


/* ============================================================
   4. BOAT FEATURES STRIP (Highlights)
   ============================================================ */
.bravo_detail_boat .g-boat-feature.bg-blue-2 {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-top: 0 !important;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 24px !important;
}

.bravo_detail_boat .g-boat-feature .row {
    --bs-gutter-x: 0;
    gap: 18px 0;
}

.bravo_detail_boat .g-boat-feature .item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0 8px;
}

.bravo_detail_boat .g-boat-feature .item .icon {
    width: 32px; height: 32px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}

.bravo_detail_boat .g-boat-feature .item .icon i {
    font-size: 26px;
    color: #222;
    line-height: 1;
}

.bravo_detail_boat .g-boat-feature .item .info { line-height: 1.35; }

.bravo_detail_boat .g-boat-feature .item .name {
    color: #717171 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    margin: 0;
}

.bravo_detail_boat .g-boat-feature .item .value {
    font-weight: 600;
    color: #222;
    margin: 2px 0 0 0;
    font-size: 16px;
}


/* ============================================================
   5. CONTENT SECTIONS (Overview, Specs, Attributes)
   ============================================================ */
.bravo_detail_boat .gotrip-overview {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
    border-bottom: 1px solid #ebebeb;
}

.bravo_detail_boat .gotrip-overview h3 {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #222 !important;
    margin: 0 0 16px !important;
}

.bravo_detail_boat .gotrip-overview .content-text {
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #222 !important;
}

.bravo_detail_boat .gotrip-overview .content-text p { margin-bottom: 14px; }

.bravo_detail_boat .gotrip-overview .btn-showmore {
    color: #222 !important;
    font-weight: 600 !important;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Specs (About) — Airbnb amenity list */
.bravo_detail_boat .col-12 > h5.text-16 {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #222 !important;
    padding-top: 28px !important;
    margin-bottom: 16px !important;
    border-top: none;
}

.bravo_detail_boat .list-item ul.list-disc {
    list-style: none !important;
    padding-left: 0 !important;
    margin-top: 0 !important;
}

.bravo_detail_boat .list-item ul.list-disc li {
    padding: 12px 0;
    font-size: 16px !important;
    color: #222 !important;
    border-bottom: 1px solid #ebebeb;
}

.bravo_detail_boat .list-item ul.list-disc li:last-child { border-bottom: none; }

/* Attributes (amenities grid) */
.bravo_detail_boat .g-attributes {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
    border-top: 1px solid #ebebeb;
    margin-top: 0 !important;
}

.bravo_detail_boat .g-attributes h5 {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #222 !important;
    margin: 0 0 16px !important;
}

.bravo_detail_boat .g-attributes .list-disc {
    list-style: none !important;
    padding-left: 0 !important;
    margin-top: 0 !important;
    --bs-gutter-x: 0;
    row-gap: 12px;
}

.bravo_detail_boat .g-attributes .list-disc .item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 0;
    font-size: 16px !important;
    color: #222;
}

.bravo_detail_boat .g-attributes .list-disc .item i {
    font-size: 22px;
    color: #222;
    width: 28px;
    line-height: 1;
    flex-shrink: 0;
}

.bravo_detail_boat .g-attributes .list-disc .item img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    flex-shrink: 0;
}


/* ============================================================
   6. RIGHT BOOKING CARD
   ============================================================ */
.bravo_detail_boat .bravo_single_book_wrap {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.bravo_detail_boat #bravo_boat_book_app {
    border-radius: 12px !important;
    border: 1px solid #dddddd !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .12) !important;
    padding: 24px !important;
    background: #ffffff !important;
    width: 100%;
    max-width: 380px;
}

/* Price header row */
.bravo_detail_boat #bravo_boat_book_app > .d-flex.justify-between {
    align-items: flex-start;
    margin-bottom: 18px;
    padding-bottom: 0;
    border-bottom: none;
    flex-wrap: wrap;
    gap: 8px;
}

.bravo_detail_boat #bravo_boat_book_app .text-14.text-light-1 .lh-1 {
    display: flex !important;
    align-items: baseline;
    gap: 6px;
    line-height: 1 !important;
    flex-wrap: wrap;
}

.bravo_detail_boat #bravo_boat_book_app .text-14.text-light-1 .text-20 {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #222 !important;
    letter-spacing: -0.005em;
    white-space: nowrap;
}

.bravo_detail_boat #bravo_boat_book_app .text-14.text-light-1 small {
    margin: 0 !important;
    display: inline !important;
    font-size: 16px !important;
    color: #222 !important;
    font-weight: 400 !important;
}

/* Review pill on header right */
.bravo_detail_boat #bravo_boat_book_app .size-40.bg-blue-1 {
    background: transparent !important;
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    margin-left: 6px;
    padding: 0 4px;
}

.bravo_detail_boat #bravo_boat_book_app .size-40.bg-blue-1 .text-white {
    color: #222 !important;
    font-size: 14px !important;
}

.bravo_detail_boat #bravo_boat_book_app .size-40.bg-blue-1 .text-white::before {
    content: "★ ";
    color: #222;
}

.bravo_detail_boat #bravo_boat_book_app .text-14.text-right .lh-15.fw-500 {
    color: #222 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.bravo_detail_boat #bravo_boat_book_app .text-14.text-right .lh-15.text-light-1 {
    color: #717171 !important;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    font-size: 14px !important;
}

/* Form inputs (Date / Days / Extra) */
.bravo_detail_boat #bravo_boat_book_app .border-light {
    border: 1px solid #b0b0b0 !important;
    border-radius: 8px !important;
}

.bravo_detail_boat #bravo_boat_book_app .form-date-search,
.bravo_detail_boat #bravo_boat_book_app .js-form-dd,
.bravo_detail_boat #bravo_boat_book_app .form-section-group {
    background: #ffffff;
    transition: border-color .15s ease, box-shadow .15s ease;
    padding: 12px 16px !important;
}

.bravo_detail_boat #bravo_boat_book_app .form-date-search:focus-within,
.bravo_detail_boat #bravo_boat_book_app .js-form-dd:focus-within {
    border-color: #222 !important;
    box-shadow: 0 0 0 1px #222 inset;
    outline: none !important;
}

/* main.css has a debug rule .check-in-wrapper { border: 2px solid red; } — kill it */
.bravo_detail_boat .check-in-wrapper {
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.bravo_detail_boat #bravo_boat_book_app h4 {
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.06em !important;
    color: #222 !important;
    margin: 0 0 4px !important;
}

.bravo_detail_boat #bravo_boat_book_app .text-15.text-light-1 {
    font-size: 14px !important;
    color: #222 !important;
    font-weight: 400;
}

/* Counter buttons (days +/-) */
.bravo_detail_boat #bravo_boat_book_app .button.-outline-blue-1 {
    border: 1px solid #b0b0b0 !important;
    color: #222 !important;
    background: transparent !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    transition: border-color .15s ease, background .15s ease;
    flex-shrink: 0;
}

.bravo_detail_boat #bravo_boat_book_app .button.-outline-blue-1:hover {
    border-color: #222 !important;
    background: transparent !important;
}

.bravo_detail_boat #bravo_boat_book_app .button.-outline-blue-1 i { color: #222 !important; }

.bravo_detail_boat #bravo_boat_book_app .js-counter input {
    text-align: center;
    border: none;
    font-weight: 600;
    color: #222;
    font-size: 16px;
    width: 36px;
    background: transparent;
}

/* Extra prices, Fees, Total */
.bravo_detail_boat #bravo_boat_book_app .form-section-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #222 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    margin-bottom: 8px !important;
}

.bravo_detail_boat #bravo_boat_book_app .extra-price-wrap {
    padding: 6px 0;
    color: #222;
    font-size: 14px;
}

.bravo_detail_boat #bravo_boat_book_app .form-section-group label {
    color: #222;
    font-weight: 400;
}

.bravo_detail_boat #bravo_boat_book_app .form-section-group .price {
    font-weight: 600;
    color: #222;
}

/* Total row emphasis (last form-section-group) */
.bravo_detail_boat #bravo_boat_book_app .form-section-group:last-of-type {
    border-top: 1px solid #ebebeb !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    padding: 16px 0 0 0 !important;
    margin-top: 8px;
}

.bravo_detail_boat #bravo_boat_book_app .form-section-group:last-of-type label {
    font-weight: 700;
    font-size: 16px;
}

.bravo_detail_boat #bravo_boat_book_app .form-section-group:last-of-type .price {
    font-weight: 700;
    font-size: 16px;
}

/* Primary CTA */
.bravo_detail_boat #bravo_boat_book_app .submit-group {
    margin-top: 16px;
}

.bravo_detail_boat #bravo_boat_book_app .submit-group .button.-dark-1 {
    background: #FFC700 !important;
    color: #0a1628 !important;
    border: none !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    letter-spacing: 0.01em;
    height: 52px !important;
    line-height: 52px !important;
    padding: 0 !important;
    box-shadow: none;
    transition: background-color .15s ease, transform .1s ease, box-shadow .15s ease;
}

.bravo_detail_boat #bravo_boat_book_app .submit-group .button.-dark-1:hover {
    background: #f1bb00 !important;
    box-shadow: 0 4px 12px rgba(255, 199, 0, .35);
}

.bravo_detail_boat #bravo_boat_book_app .submit-group .button.-dark-1:active { transform: scale(.99); }

.bravo_detail_boat #bravo_boat_book_app .submit-group .button.-dark-1.text-white,
.bravo_detail_boat #bravo_boat_book_app .submit-group .button.-dark-1 span { color: #0a1628 !important; }

/* WhatsApp button INSIDE the booking form — removed by request */
.bravo_detail_boat #bravo_boat_book_app .whatsapp-container2,
.bravo_detail_boat #bravo_boat_book_app .whatsapp-btn.primary2 { display: none !important; }

/* "You won't be charged yet" disclaimer */
.bravo_detail_boat #bravo_boat_book_app .submit-group::after {
    content: "Aún no se realizará ningún cargo";
    display: block;
    text-align: center;
    color: #717171;
    font-size: 13px;
    margin-top: 12px;
}

/* Truerify widget */
.bravo_detail_boat #bravo_boat_book_app iframe[title="Truerify Widget"] {
    border-top: 1px solid #ebebeb;
    padding-top: 12px;
    margin-top: 8px;
}

/* "Days in advance" small note */
.bravo_detail_boat #bravo_boat_book_app .form-content > .col-12 + small {
    display: block;
    color: #717171;
    font-size: 12px;
    margin: -6px 0 0 4px;
}

/* MOBILE: keep booking card visible, full-width, properly spaced */
@media (max-width: 991px) {
    .bravo_detail_boat .bravo_single_book_wrap {
        display: flex !important;
        justify-content: stretch !important;
        margin-top: 24px;
    }
    .bravo_detail_boat #bravo_boat_book_app {
        max-width: 100% !important;
        width: 100% !important;
        padding: 20px !important;
    }
    .bravo_detail_boat .ab-main-section .col-lg-5.form-order-1 {
        display: block !important;
        order: 2;
        padding-top: 0;
    }
    /* Stack content above card on mobile (no order swap) */
    .bravo_detail_boat .ab-main-section .col-lg-7 { order: 1; }
}


/* ============================================================
   7. MAP SECTION
   ============================================================ */
.bravo_detail_boat .g-location {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
    border-top: 1px solid #ebebeb;
    margin-top: 0;
}

.bravo_detail_boat .g-location::before {
    content: "Dónde estarás";
    display: block;
    font-size: 22px;
    font-weight: 600;
    color: #222;
    margin-bottom: 16px;
}

.bravo_detail_boat .g-location #map_content {
    border-radius: 12px !important;
    min-height: 420px !important;
    border: 1px solid #ebebeb;
    overflow: hidden;
}

@media (max-width: 991px) {
    .bravo_detail_boat .g-location #map_content { min-height: 300px !important; }
}


/* ============================================================
   8. FAQ ACCORDION
   ============================================================ */
.bravo_detail_boat .bravo-faq-lists { padding-top: 0 !important; }

.bravo_detail_boat .bravo-faq-lists h2.text-22 {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #222 !important;
    margin-bottom: 16px !important;
}

.bravo_detail_boat .bravo-faq-lists .accordion__item {
    border: none !important;
    border-bottom: 1px solid #ebebeb !important;
    border-radius: 0 !important;
    padding: 20px 8px !important;
    background: transparent !important;
    transition: background .15s ease;
}

.bravo_detail_boat .bravo-faq-lists .accordion__item:hover { background: #fafafa; }

.bravo_detail_boat .bravo-faq-lists .accordion__icon {
    background: transparent !important;
    border: none !important;
    width: 24px !important;
    height: 24px !important;
    margin-right: 16px !important;
}

.bravo_detail_boat .bravo-faq-lists .accordion__icon i {
    color: #222 !important;
    font-size: 18px;
}

.bravo_detail_boat .bravo-faq-lists .accordion__button .text-dark-1 {
    color: #222 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}

.bravo_detail_boat .bravo-faq-lists .accordion__content .pl-60 {
    padding-left: 40px !important;
    padding-top: 12px !important;
}

.bravo_detail_boat .bravo-faq-lists .accordion__content p {
    color: #222 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}


/* ============================================================
   9. REVIEWS
   ============================================================ */
.bravo_detail_boat .bravo-reviews { padding-top: 0; }

.bravo_detail_boat .bravo-reviews::before {
    content: "Reseñas";
    display: block;
    font-size: 22px;
    font-weight: 600;
    color: #222;
    margin-bottom: 24px;
}

.bravo_detail_boat .bravo-reviews .col-custom5 {
    width: 50% !important;
    padding: 0 16px;
}

@media (max-width: 768px) {
    .bravo_detail_boat .bravo-reviews .col-custom5 { width: 100% !important; padding: 0; }
}

.bravo_detail_boat .bravo-reviews .review-item { padding-bottom: 32px; }

.bravo_detail_boat .bravo-reviews .review-item .avatar,
.bravo_detail_boat .bravo-reviews .review-item .avatar-text {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background: #f7f7f7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #222;
}

.bravo_detail_boat .bravo-reviews .review-item h5.fw-700 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #222 !important;
    margin: 14px 0 4px !important;
}

.bravo_detail_boat .bravo-reviews .review-item .text-14.text-light-1 {
    color: #717171 !important;
    font-size: 13px !important;
    display: block !important;
}

.bravo_detail_boat .bravo-reviews .review-item p {
    font-size: 15px !important;
    line-height: 1.55 !important;
    color: #222 !important;
    margin-top: 8px !important;
}

.bravo_detail_boat .bravo-reviews .review-item .review-star {
    margin-top: 8px;
    list-style: none;
    padding: 0;
}

.bravo_detail_boat .bravo-reviews .review-item .review-star i {
    color: #222 !important;
    font-size: 12px;
}

.bravo_detail_boat .bravo-reviews .review-pag-wrapper { width: 100%; padding: 16px 0; }
.bravo_detail_boat .bravo-reviews .review-pag-text { color: #717171; font-size: 14px; text-align: center; }

/* Reply form */
.bravo_detail_boat .bravo-reviews .review-form {
    padding-top: 32px;
    border-top: 1px solid #ebebeb;
    margin-top: 16px;
}

.bravo_detail_boat .bravo-reviews .review-form h3 {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #222 !important;
}

.bravo_detail_boat .bravo-reviews .review-form .form-input input,
.bravo_detail_boat .bravo-reviews .review-form .form-input textarea {
    border: 1px solid #b0b0b0 !important;
    border-radius: 8px !important;
    padding: 16px !important;
    font-size: 15px !important;
}

.bravo_detail_boat .bravo-reviews .review-form .form-input input:focus,
.bravo_detail_boat .bravo-reviews .review-form .form-input textarea:focus {
    border-color: #222 !important;
    box-shadow: 0 0 0 1px #222 inset !important;
}

.bravo_detail_boat .bravo-reviews .review-form .button.bg-blue-1 {
    background: #222 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    height: 48px;
    padding: 0 24px !important;
    font-weight: 600;
}

.bravo_detail_boat .bravo-reviews .review-form .button.bg-blue-1:hover { background: #000 !important; }


/* ============================================================
   10. HOST CARD (vendor)
   ============================================================ */
.bravo_detail_boat .owner-info {
    display: block !important;
    border: 1px solid #ebebeb !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    background: #fff !important;
    padding: 24px !important;
    margin: 0 0 24px !important;
}

.bravo_detail_boat .owner-info::before {
    content: "Anfitrión";
    display: block;
    font-size: 22px;
    font-weight: 600;
    color: #222;
    margin-bottom: 16px;
}

.bravo_detail_boat .owner-info .media {
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px;
    display: flex;
}

.bravo_detail_boat .owner-info .avatar-cover {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-size: cover !important;
    background-position: center;
    flex-shrink: 0;
    display: block;
    border: 1px solid #ebebeb;
}

.bravo_detail_boat .owner-info .media-body { flex: 1; }

.bravo_detail_boat .owner-info .media-heading {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #222 !important;
    margin: 0 0 2px !important;
    display: flex;
    align-items: center;
    gap: 6px;
}

.bravo_detail_boat .owner-info .media-heading a {
    color: #222 !important;
    text-decoration: none !important;
}

.bravo_detail_boat .owner-info .media-heading img { width: 16px; height: 16px; }

.bravo_detail_boat .owner-info p {
    color: #717171 !important;
    font-size: 13px !important;
    margin: 0 0 12px !important;
}

.bravo_detail_boat .owner-info .bc_start_chat {
    display: inline-block !important;
    background: #fff !important;
    color: #222 !important;
    border: 1px solid #222 !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    text-decoration: none;
    line-height: 1.2;
    transition: background .15s ease;
}

.bravo_detail_boat .owner-info .bc_start_chat:hover {
    background: #f7f7f7 !important;
    color: #222 !important;
}

.bravo_detail_boat .owner-info .bc_start_chat i { margin-right: 6px; }


/* ============================================================
   11. STICKY MOBILE BAR
   ============================================================ */
.bravo_detail_boat .bravo-more-book-mobile {
    border-top: 1px solid #ebebeb !important;
    background: #fff !important;
    padding: 12px 16px !important;
    box-shadow: 0 -4px 12px rgba(0,0,0,.08);
    z-index: 100;
}

.bravo_detail_boat .bravo-more-book-mobile .container {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0 !important;
    max-width: none !important;
}

.bravo_detail_boat .bravo-more-book-mobile .left { flex: 1; min-width: 0; }
.bravo_detail_boat .bravo-more-book-mobile .g-price .text-price {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #222 !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.bravo_detail_boat .bravo-more-book-mobile .g-price .fr_text {
    color: #717171;
    font-size: 13px;
}

.bravo_detail_boat .bravo-more-book-mobile .g-price .prefix { display: inline-block; }

.bravo_detail_boat .bravo-more-book-mobile .right .btn-primary,
.bravo_detail_boat .bravo-more-book-mobile .right .gotrip-detail-book-mobile {
    background: #FFC700 !important;
    color: #0a1628 !important;
    border-radius: 8px !important;
    padding: 12px 22px !important;
    font-weight: 700 !important;
    border: none !important;
    height: auto !important;
    line-height: 1.3 !important;
    box-shadow: none !important;
    text-decoration: none;
    display: inline-block;
}

.bravo_detail_boat .bravo-more-book-mobile .right .btn-primary:hover { background: #f1bb00 !important; }


/* ============================================================
   12. WHATSAPP / CALL FLOATING BUTTONS
   ============================================================ */
.whatsapp-boxb {
    gap: 8px;
}

.whatsapp-boxb .whatsapp-btnb {
    border-radius: 999px !important;
    padding: 12px 22px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    transition: transform .15s ease, filter .15s ease;
    display: inline-block;
    line-height: 1.2;
}

.whatsapp-boxb .whatsapp-btnb.primaryb {
    background: #25D366 !important;
    color: #fff !important;
}

.whatsapp-boxb .whatsapp-btnb.secondaryb {
    background: #fff !important;
    color: #222 !important;
    border: 1px solid #ebebeb;
}

.whatsapp-boxb .whatsapp-btnb:hover {
    transform: translateY(-1px);
    filter: brightness(.97);
}

/* Hide floating WhatsApp on mobile (sticky bar covers it) */
@media (max-width: 991px) {
    .whatsapp-boxb { display: none !important; }
}


/* ============================================================
   13. GLOBAL SAFETY OVERRIDES
   ============================================================ */
.bravo_detail_boat .galleryGrid.-type-1 a.gallerythum:empty { display: none !important; }

.bravo_detail_boat .button:not(.bc_start_chat):not(.-dark-1):not(.whatsapp-btn):not(.gotrip-detail-book-mobile):not(.-outline-blue-1) {
    border-radius: 8px !important;
}

/* Hide the inline static image (mobiledisplay) — gallery shows on all viewports */
.bravo_detail_boat .col-4.form-order-1.mobiledisplay { display: none !important; }


/* ============================================================
   14. RTL/MOBILE GALLERY OFFSET FIX
   ============================================================ */
@media (max-width: 991px) {
    .bravo_detail_boat .ab-hero { margin-left: 0; margin-right: 0; }
}

/* ============================================================
   16. STICKY BOOKING CARD (desktop)
   ============================================================ */
@media (min-width: 992px) {
    .bravo_detail_boat .ab-main-section .row {
        align-items: flex-start;
    }
    .bravo_detail_boat .ab-main-section .col-lg-5.form-order-1 {
        position: sticky;
        top: 90px;
        align-self: flex-start;
        z-index: 5;
    }
}


/* ============================================================
   17. RATING OVERVIEW (Airbnb-style score + category bars)
   ============================================================ */
.bravo_detail_boat .ab-rating-overview {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
    border-top: 1px solid #ebebeb;
}

.bravo_detail_boat .ab-rating-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    font-size: 22px;
    font-weight: 600;
    color: #222;
}

.bravo_detail_boat .ab-rating-header .ab-rating-star {
    color: #222;
    font-size: 22px;
}

.bravo_detail_boat .ab-rating-header .ab-rating-score { letter-spacing: -0.01em; }
.bravo_detail_boat .ab-rating-header .ab-rating-dot { color: #717171; margin: 0 4px; }
.bravo_detail_boat .ab-rating-header .ab-rating-count { color: #222; }

.bravo_detail_boat .ab-rating-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 64px;
}

@media (max-width: 768px) {
    .bravo_detail_boat .ab-rating-grid { grid-template-columns: 1fr; gap: 8px; }
}

.bravo_detail_boat .ab-rating-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
}

.bravo_detail_boat .ab-rating-row:last-child,
.bravo_detail_boat .ab-rating-row:nth-last-child(2):nth-child(odd) { border-bottom: none; }

@media (max-width: 768px) {
    .bravo_detail_boat .ab-rating-row { border-bottom: 1px solid #ebebeb; }
    .bravo_detail_boat .ab-rating-row:last-child { border-bottom: none; }
}

.bravo_detail_boat .ab-rating-label {
    flex-shrink: 0;
    width: 130px;
    font-size: 15px;
    color: #222;
    font-weight: 400;
}

.bravo_detail_boat .ab-rating-bar-wrap {
    flex: 1;
    height: 4px;
    background: #ebebeb;
    border-radius: 999px;
    overflow: hidden;
}

.bravo_detail_boat .ab-rating-bar {
    height: 100%;
    background: #222;
    border-radius: 999px;
    transition: width .4s ease;
}

.bravo_detail_boat .ab-rating-value {
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 600;
    color: #222;
    width: 36px;
    text-align: right;
}


/* ============================================================
   18. COSAS QUE DEBES SABER (Things to know — 3 cols)
   ============================================================ */
.bravo_detail_boat .ab-know-section {
    padding-top: 32px !important;
    padding-bottom: 48px !important;
    border-top: 1px solid #ebebeb;
}

.bravo_detail_boat .ab-section-title {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #222 !important;
    margin: 0 0 24px !important;
}

.bravo_detail_boat .ab-know-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
}

@media (max-width: 991px) {
    .bravo_detail_boat .ab-know-grid { grid-template-columns: 1fr; gap: 24px; }
}

.bravo_detail_boat .ab-know-col { min-width: 0; }

.bravo_detail_boat .ab-know-h {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #222 !important;
    margin: 0 0 12px !important;
}

.bravo_detail_boat .ab-know-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.bravo_detail_boat .ab-know-list li {
    position: relative;
    padding: 8px 0 8px 0;
    font-size: 15px;
    line-height: 1.5;
    color: #222;
    border-bottom: 1px solid #ebebeb;
}

.bravo_detail_boat .ab-know-list li:last-child { border-bottom: none; }


/* ============================================================
   19. GLIGHTBOX MODAL POLISH (gallery overlay)
   ============================================================ */
.glightbox-clean .gslide-description,
.glightbox-modern .gslide-description { background: transparent !important; }

.glightbox-container .gnext,
.glightbox-container .gprev,
.glightbox-container .gclose {
    background: rgba(255, 255, 255, .92) !important;
    color: #222 !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    transition: transform .15s ease, background .15s ease !important;
    border: none !important;
}

.glightbox-container .gnext:hover,
.glightbox-container .gprev:hover,
.glightbox-container .gclose:hover {
    background: #fff !important;
    transform: scale(1.05);
}

.glightbox-container .gnext svg,
.glightbox-container .gprev svg,
.glightbox-container .gclose svg {
    fill: #222 !important;
    stroke: #222 !important;
}

.glightbox-container .gslide-image img {
    border-radius: 12px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .35) !important;
}

.goverlay { background: rgba(0, 0, 0, .92) !important; }


/* ============================================================
   20. DATEPICKER (daterangepicker) calendar polish
   ============================================================ */
.daterangepicker {
    border-radius: 12px !important;
    border: 1px solid #ebebeb !important;
    box-shadow: 0 8px 28px rgba(0,0,0,.18) !important;
    font-family: inherit !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #FFC700 !important;
    color: #0a1628 !important;
    font-weight: 700;
}

.daterangepicker td.in-range {
    background-color: #fff7d6 !important;
    color: #222 !important;
}

.daterangepicker .calendar-table th { font-weight: 600; color: #222; }