/* ==========================================================================
   Tour detail pages — single-day & multi-day tour pages
   ========================================================================== */

/* ---------- Hero ---------- */
.detail-hero{
  position:relative;min-height:380px;display:flex;flex-direction:column;justify-content:center;align-items:center;
  color:#fff;text-align:center;padding:60px 24px;
  background:linear-gradient(rgba(11,29,51,.5),rgba(11,29,51,.6)) , var(--hero-img) center/cover no-repeat;
}
.detail-hero h1{font-size:2.6rem;font-weight:normal;font-family:Georgia,serif;max-width:820px;line-height:1.25;text-transform:uppercase;letter-spacing:.5px;}

.detail-breadcrumb{
  max-width:1240px;margin:0 auto;padding:16px 48px;font-size:.8rem;color:var(--muted);
}
.detail-breadcrumb a{color:var(--muted);}
.detail-breadcrumb a:hover{color:var(--palace-red);}
.detail-breadcrumb span.sep{margin:0 6px;color:#c9c2ae;}
.detail-breadcrumb span.current{color:var(--heritage-ink);font-weight:bold;}

/* ---------- Layout ---------- */
.detail-layout{
  max-width:1240px;margin:0 auto;padding:0 48px 90px;
  display:grid;grid-template-columns:1fr 340px;gap:48px;
}
@media(max-width:960px){
  .detail-layout{grid-template-columns:1fr;padding:0 22px 60px;}
}

/* ---------- Main column ---------- */
.detail-main h2{font-size:1.7rem;color:var(--heritage-ink);margin-bottom:6px;}
.detail-main .lead{font-size:.9rem;color:var(--palace-red);font-weight:bold;margin-bottom:18px;}
.detail-main p{font-size:.92rem;color:var(--muted);line-height:1.75;margin-bottom:16px;}

.detail-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0 34px;}
.detail-gallery img{height:180px;width:100%;object-fit:cover;border-radius:8px;}
@media(max-width:700px){.detail-gallery{grid-template-columns:1fr;}}

.detail-main h3{font-size:1.3rem;color:var(--heritage-ink);margin:34px 0 16px;}

/* Quick facts row */
.quick-facts{display:flex;gap:0;margin:30px 0 10px;background:var(--sand);border-radius:8px;overflow:hidden;}
.quick-facts .fact{flex:1;padding:20px 22px;display:flex;align-items:center;gap:12px;border-right:1px solid #e6ded0;}
.quick-facts .fact:last-child{border-right:none;}
.quick-facts .fact svg{color:var(--palace-red);width:22px;height:22px;flex-shrink:0;}
.quick-facts .fact .label{font-size:.68rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);display:block;}
.quick-facts .fact .value{font-size:.9rem;color:var(--heritage-ink);font-weight:bold;}
@media(max-width:700px){.quick-facts{flex-direction:column;}.quick-facts .fact{border-right:none;border-bottom:1px solid #e6ded0;}.quick-facts .fact:last-child{border-bottom:none;}}

/* Timeline itinerary (single-day) */
.itinerary-timeline{position:relative;margin-top:10px;padding-left:32px;}
.itinerary-timeline::before{content:'';position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:var(--border);}
.itinerary-step{position:relative;padding-bottom:26px;}
.itinerary-step:last-child{padding-bottom:0;}
.itinerary-step::before{
  content:'';position:absolute;left:-32px;top:3px;width:18px;height:18px;border-radius:50%;
  background:var(--palace-red);border:3px solid #fff;box-shadow:0 0 0 2px var(--palace-red);
}
.itinerary-step .time{font-size:.78rem;color:var(--palace-red);font-weight:bold;letter-spacing:.3px;margin-bottom:4px;}
.itinerary-step h4{font-size:1rem;color:var(--heritage-ink);margin-bottom:6px;font-weight:bold;}
.itinerary-step p{font-size:.87rem;color:var(--muted);line-height:1.6;margin:0;}

/* Day-by-day itinerary (multi-day) */
.itinerary-days .day-block{padding:18px 0;border-bottom:1px solid var(--border);}
.itinerary-days .day-block:last-child{border-bottom:none;}
.itinerary-days .day-block h4{font-size:.98rem;color:var(--heritage-ink);margin-bottom:8px;}
.itinerary-days .day-block h4 span{color:var(--palace-red);}
.itinerary-days .day-block p{font-size:.87rem;color:var(--muted);line-height:1.65;margin:0;}

.book-tour-btn{margin-top:30px;}

/* ---------- Sidebar ---------- */
.detail-sidebar > *{margin-bottom:26px;}
.sidebar-enquire{width:100%;text-align:center;padding:16px;font-size:.85rem;}
.sidebar-box{background:#fff;border:1px solid var(--border);border-radius:8px;padding:22px;}
.sidebar-box h4{font-family:Georgia,serif;font-size:1.05rem;color:var(--heritage-ink);margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.sidebar-box h4 svg{width:18px;height:18px;color:var(--palace-red);}
.sidebar-box ul li{padding:8px 0;border-bottom:1px solid #f1ede1;font-size:.85rem;}
.sidebar-box ul li:last-child{border-bottom:none;}
.sidebar-box ul li a{color:var(--heritage-ink);display:flex;align-items:center;gap:6px;}
.sidebar-box ul li a:hover{color:var(--palace-red);}
.sidebar-box ul li a::before{content:'+';color:var(--palace-red);font-weight:bold;}

.why-choose-list{display:flex;flex-direction:column;gap:18px;}
.why-choose-list .item{display:flex;gap:14px;align-items:flex-start;}
.why-choose-list .item .ic{
  width:38px;height:38px;border-radius:8px;background:var(--sand);color:var(--palace-red);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.why-choose-list .item .ic svg{width:19px;height:19px;}
.why-choose-list .item h5{font-size:.88rem;color:var(--heritage-ink);margin-bottom:3px;}
.why-choose-list .item p{font-size:.8rem;color:var(--muted);line-height:1.5;margin:0;}

.rent-car-promo{border-radius:8px;overflow:hidden;border:1px solid var(--border);}
.rent-car-promo img{height:150px;width:100%;object-fit:cover;}
.rent-car-promo .body{padding:18px;}
.rent-car-promo h4{font-size:.95rem;color:var(--heritage-ink);margin-bottom:6px;}
.rent-car-promo p{font-size:.82rem;color:var(--muted);line-height:1.5;margin-bottom:10px;}
.rent-car-promo a{font-size:.78rem;color:var(--palace-red);font-weight:bold;}