/* ============================================================
   Rihla Discovery — Tour detail page (gt-* layout additions)
   Complements public/css/grand-tour.css for the dynamic
   Tour::frontend.layouts.details.tour-detail template.
   ============================================================ */

/* Intro / rich text */
.gt-content-text {
    font-size: 16px;
    line-height: 1.6;
    color: var(--rd-text);
}
.gt-content-text p { margin-bottom: 16px; }
.gt-content-text img { max-width: 100%; border-radius: var(--rd-radius-sm); }

/* Gallery grid (same as landing pages) */
.gt-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 16px;
}
.gt-gallery img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    border-radius: 8px;
    transition: transform .3s;
    cursor: pointer;
}
.gt-gallery img:hover { transform: scale(1.03); }
@media (max-width: 640px) {
    .gt-gallery { grid-template-columns: repeat(2, 1fr); }
}

/* Itinerary day extras */
.gt-day__image {
    width: 100%;
    max-height: 260px;
    object-fit: cover;
    border-radius: var(--rd-radius-sm);
    margin-bottom: 12px;
}
.gt-day__text {
    font-size: 14px;
    line-height: 1.6;
    color: var(--rd-text);
}

/* Excluded chips (red variant of gt-include-chip) */
.gt-include-chip--excluded i { color: #C0392B; }
.gt-include-chip--excluded:hover {
    background: #FDECEA;
    border-color: #E5A49E;
    color: #C0392B;
}

/* Embedded Vue booking form inside gt-booking-card */
.gt-booking-card__body { padding: 0; }
.gt-booking-card .bravo_single_book_wrap {
    display: block !important;
    width: 100%;
}
.gt-booking-card .bravo_single_book_wrap .w-360 { width: 100% !important; }
.gt-booking-card .bravo_single_book {
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
}