.trip-info-flex .row {
    display: flex;
    align-items: baseline;    /* align text on the baseline */
    margin: 0;                /* remove Bootstrap row margins */
    margin-bottom: 2px;       /* just a little spacing between rows */
    padding: 0;               /* remove extra padding */
    border: none;
    margin-bottom: 0.5em;
}

.trip-info-flex .label {
    flex: 0 0 100px;          /* fixed width for all labels */
    font-weight: bold;
    text-align: left;
    padding: 0;               /* remove extra padding */
    margin: 0;                /* prevent shifting */
    line-height: 1.2;         /* tighten row height */
}

.trip-info-flex .content {
    flex: 1;
    padding: 0;               /* no padding */
    margin: 0;
    line-height: 1.2;         /* match label line height */
}


/* Difficulty indicator circles */
.trip-info-flex .content .level-indicator {
    display: inline-flex;
    gap: 4px;
    vertical-align: middle;    /* align with text baseline */
}

.trip-info-flex .content .difficulty-circle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ddd;
}

/* Example: highlight filled levels */
.trip-info-flex .content .level-1 .difficulty-circle:nth-child(1),
.trip-info-flex .content .level-2 .difficulty-circle:nth-child(-n+2),
.trip-info-flex .content .level-3 .difficulty-circle:nth-child(-n+3),
.trip-info-flex .content .level-4 .difficulty-circle:nth-child(-n+4) {
    background: var(--bs-primary-dark);
}

/* Trip Basics title */
h3.info-circle {
    margin-left: 0;
    padding: 10px 0;
    font-weight: normal;
}

/* Overview section */
h2.overview-header {
    margin-left: 0;
    padding: 10px 0 0 0;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
}

.overview {
    border: 1px solid #ddd;
    background:  #fafafa;
    padding-left: 25px;
    border-radius: 5px;
}

/* Map frame */
.map-frame {
    margin-left: -15px;
    margin-top: 40px;
}

.frame.map-frame {
    overflow: hidden;
    position: relative;
    padding: 5px;
    border: 1px solid #888;
}

.frame.map-frame iframe {
    position: relative;
    width: 100%;
    height: 480px;
}


.itinerary-top-slider {
    padding: 5px;
    border: 1px solid #ddd;
}

.formatted-long-description {
    padding-top: 0px;
}

.margin-right-10 i {
    padding-right: 10px;
}
