/* Bản đồ lịch trình tour: Leaflet + OpenStreetMap thay Mapbox. Panel phủ bên trái, bản đồ lấp đầy khung. */
.sec-itinerary .content-map { position: relative; height: 620px; overflow: hidden; background: #eef2f3; }
.sec-itinerary #map.tour-map__canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; }
.sec-itinerary .tour-info { position: absolute; top: 0; left: 0; bottom: 0; width: min(540px, 46%); height: 100%; z-index: 500; padding: 0; box-sizing: border-box; }
.sec-itinerary .tour-info__inner { height: 100%; box-sizing: border-box; padding: 16px 0 24px; overflow-y: auto; }
.sec-itinerary .tour-info .itinerary__hdr { padding: 6px 20px 14px; }
.sec-itinerary .tour-info .itinerary__hdr h3 { font-size: 30px; line-height: 1.15; padding-right: 190px; }
.sec-itinerary .tour-info .itinerary__button-group { top: 14px; right: 16px; display: flex; gap: 14px; }
.sec-itinerary .tour-info .itinerary__button { font-size: 15px; white-space: nowrap; }
.sec-itinerary .tour-info .itin-days { padding: 0 16px 8px 0; }
.sec-itinerary .tour-info .itin-day__text { font-size: 15px; line-height: 1.55; }
/* nút thu/mở panel: tự vẽ mũi tên, không cần ảnh */
.sec-itinerary .tour-info__toggle { right: -40px; top: 16px; width: 40px; height: 72px; background: #f2f7f7; border: 0; border-radius: 0 6px 6px 0; box-shadow: 4px 0 12px rgba(0,0,0,.18); cursor: pointer; }
.sec-itinerary .tour-info__toggle::before { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; border-top: 3px solid #011b31; border-right: 3px solid #011b31; transform: translate(-70%, -50%) rotate(45deg); }
.sec-itinerary .tour-info__toggle.is-active::before { transform: translate(-30%, -50%) rotate(-135deg); }
.sec-itinerary .tour-info__toggle.is-active { transform: none; background-image: none; }
.sec-itinerary .content-map.no-map .tour-info { position: relative; width: 100%; height: auto; }
.sec-itinerary .content-map.no-map { height: auto; }
.sec-itinerary .content-map.no-map #map { display: none; }
/* ghim */
.abt-pin { width: 30px; height: 30px; box-sizing: border-box; border-radius: 50%; background: #011b31; color: #fff; font: 700 13px/26px "Mulish", sans-serif; text-align: center; border: 2px solid #fff; box-shadow: 0 1px 6px rgba(0,0,0,.45); }
.abt-pin.first { background: #2e7d32; } .abt-pin.last { background: #b3261e; } .abt-pin.first.last { background: #b8a15a; }
.abt-pin.active { transform: scale(1.25); transition: transform .15s; }
.abt-arrow { width: 12px; height: 12px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 11px solid #343434; opacity: .85; }
.sec-itinerary .leaflet-popup-content { font: 600 14px/1.35 "Mulish", sans-serif; text-align: center; margin: 10px 14px; }
@media (max-width: 991px) {
  .sec-itinerary .content-map { height: auto; display: flex; flex-direction: column-reverse; overflow: visible; }
  .sec-itinerary #map.tour-map__canvas { position: relative; inset: auto; height: 340px; }
  .sec-itinerary .tour-info { position: relative !important; width: 100%; height: auto; transform: none !important; box-shadow: none; }
  .sec-itinerary .tour-info__inner { height: auto; max-height: none; overflow: visible; }
  .sec-itinerary .tour-info__toggle { display: none; }
  .sec-itinerary .tour-info .itinerary__hdr h3 { font-size: 24px; padding-right: 0; }
  .sec-itinerary .tour-info .itinerary__button-group { position: static; margin-top: 8px; }
}

/* Bản đồ MAP VIEW (điểm đến / places-to-visit / khách sạn) */
.sec-view #map-place { height: 100%; min-height: 420px; z-index: 0; border-radius: 6px; }
.sec-view .box-map.no-map .box-right { display: none; }
.sec-view .box-map.no-map .box-left { width: 100%; }
.sec-view .location.active .place-name span, .sec-view .location.active i { color: var(--secondary, #b8a15a); }
.sec-view .leaflet-popup-content a { color: #011b31; text-decoration: underline; }
@media (max-width: 991px) { .sec-view #map-place { min-height: 320px; } }