/* Tour Details Template Styles */
.details-hero .badge-meta { 
    background: #f3f6ff; 
    color: #2946f3; 
    border: 1px solid #d9e2ff; 
    font-weight: 600; 
}

.ribbon-soldout { 
    position: absolute; 
    top: 12px; 
    left: 12px; 
    background: #e53935; 
    color: #fff; 
    padding: 6px 10px; 
    border-radius: 6px; 
    font-weight: 700; 
    font-size: 12px; 
    letter-spacing: .5px; 
}

.summary-card .stat { 
    display: flex; 
    flex-direction: column; 
    gap: 2px; 
}

.summary-card .stat .value { 
    font-weight: 800; 
    font-size: 20px; 
    color: #232323; 
}

.summary-card .stat .label { 
    font-size: 13px; 
    color: #6b7280; 
}

.trip-icons .icon { 
    display: flex; 
    align-items: center; 
    gap: 8px; 
    padding: 8px 12px; 
    background: #f7f8fa; 
    border: 1px solid #eaeef5; 
    border-radius: 12px; 
    font-weight: 600; 
}

.price-box { 
    background: #ffefcc; 
    border: 1px dashed #ffb84d; 
    border-radius: 12px; 
    padding: 18px; 
}

.price-box .big { 
    font-size: 28px; 
    font-weight: 800; 
    color: #232323; 
}

.section-title { 
    font-size: 1.35rem; 
    font-weight: 800; 
    color: #232323; 
}

.table-prices th, 
.table-prices td { 
    padding: 12px 14px; 
}

.table-prices th { 
    background: #f7f8fa; 
}

.accordion-button { 
    font-weight: 600; 
}

.tab-content .small-muted { 
    color: #6b7280; 
}

.upgrades-pill { 
    display: inline-flex; 
    align-items: center; 
    gap: 8px; 
    padding: 10px 16px; 
    background: #f7f8fa; 
    border: 1px solid #eaeef5; 
    border-radius: 999px; 
}

.contact-cta { 
    background: #f8fafc; 
    border-radius: 18px; 
}

/* Ensure list markers are visible for key lists in this template.
   Some global resets or theme rules may remove markers (list-style: none).
   This rule targets lists inside the tour details cards and tab content
   and forces a disc-style marker with sensible indentation. */
.card-body ul,
.price-calculation-box ul,
.tab-content ul,
#itinerary ul,
.itinerary-list ul,
.price-calculation-box .booking-policy ul,
.summary-card ul {
    list-style-type: disc !important;
    list-style-position: outside !important;
    padding-left: 1.25rem !important; /* ensure enough space for marker */
    margin-left: 0 !important; /* avoid double indentation */
}

/* Ensure list items render markers even if display was changed elsewhere */
.card-body ul li,
.price-calculation-box ul li,
.tab-content ul li,
#itinerary ul li,
.itinerary-list ul li {
    list-style: disc !important;
}

/* Style the marker for modern browsers */
.card-body ul li::marker,
.price-calculation-box ul li::marker,
.tab-content ul li::marker {
    color: rgba(35,35,35,0.8);
    font-size: 0.9em;
}