/* ===== Tour Details Page – isolated styles ===== */
:root{
  --td-text:#1f2937;
  --td-muted:#6b7280;
  --td-bg:#ffffff;
  --td-alt:#f8fafc;
  --td-border:#e5e7eb;
  --td-teal:#14b8a6;
  --td-teal-d:#0d9488;
  --td-shadow:0 18px 48px rgba(2,6,23,.16);
  --td-r:16px;
  --td-rs:12px;
  --td-max:1100px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter,system-ui,Segoe UI,Roboto,Arial;
  color:var(--td-text);
  background:var(--td-bg);
  line-height:1.6;
}

/* container */
.td-container{width:min(calc(100% - 2rem),var(--td-max));margin-inline:auto}

/* header */
.td-header{
  position:sticky; top:0; z-index:10;
  background:#fff; border-bottom:1px solid var(--td-border);
  box-shadow:0 6px 16px rgba(2,6,23,.04);
}
.td-head-inner{
  display:grid; grid-template-columns:1fr auto 1fr; align-items:center;
  gap:12px; padding:12px 0;
}
.td-head-inner h1{
  margin:0; text-align:center; font-weight:800; font-size:22px;
}
.td-back{
  justify-self:start; display:inline-flex; gap:8px; align-items:center;
  text-decoration:none; color:#0ea5e9; font-weight:700; padding:6px 8px;
  border-radius:8px; border:1px solid transparent;
}
.td-back:hover{background:#f0f9ff; border-color:#e0f2fe}
.td-cta{
  justify-self:end; text-decoration:none; color:#fff; background:var(--td-teal);
  padding:8px 12px; border-radius:10px; font-weight:700;
}
.td-cta:hover{background:var(--td-teal-d)}

/* intro */
.td-main{padding:18px 0 40px}
.td-intro{color:var(--td-muted); margin:0 0 14px}

/* list grid (each is a section card) */
.td-list{display:grid; gap:18px}

/* tour card */
.td-tour{
  border:1px solid var(--td-border); border-radius:var(--td-r); background:#fff;
  box-shadow:var(--td-shadow); overflow:hidden;
}
.td-tour-head{
  display:grid; grid-template-columns:260px 1fr; gap:18px;
  padding:16px; background:linear-gradient(#fff,#fff);
}
@media (max-width:860px){ .td-tour-head{grid-template-columns:1fr} }
.td-tour img{width:100%;height:180px;object-fit:cover;border-radius:var(--td-rs)}
.td-tour h2{margin:0 0 4px;font-size:20px}
.td-meta{display:flex;gap:12px;flex-wrap:wrap;color:#94a3b8;font-size:12px}
.td-meta .pin{width:14px;height:14px;border-radius:50%;
  background:radial-gradient(circle at 40% 35%,#34d399 0 45%,transparent 46%),
             conic-gradient(from .25turn,#10b981 0 75%,#a7f3d0 75%);
  display:inline-block; transform:translateY(2px);
}
.td-summary{margin:8px 0 0;color:var(--td-text)}
.td-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.td-badges span{
  padding:6px 10px;border-radius:999px;border:1px solid var(--td-border);
  background:#f8fafc;font-size:12px;color:#475569
}

/* body grid */
.td-tour-body{
  border-top:1px solid var(--td-border);
  display:grid; grid-template-columns:1.2fr 1fr; gap:18px; padding:16px;
}
@media (max-width:1000px){ .td-tour-body{grid-template-columns:1fr} }
.td-block h3{margin:0 0 8px;font-size:16px}
.td-listing{margin:0;padding-left:18px;color:var(--td-muted)}
.td-kv{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;color:var(--td-muted)}
.td-kv b{color:var(--td-text)}

.td-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.td-btn{appearance:none;border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}
.td-btn-ghost{background:#fff;border:1px solid var(--td-border)}
.td-btn-teal{background:var(--td-teal);color:#fff}
.td-btn-teal:hover{background:var(--td-teal-d)}


/* Itinerary accordion */
.td-acc{list-style:none;margin:0;padding:0}
.td-it-item{margin:8px 0;border:1px solid var(--td-border);border-radius:10px;overflow:hidden;background:#fff}
.td-it-toggle{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:10px 12px;background:#f8fafc;border:0;cursor:pointer;font-weight:700;
  color:var(--td-text)
}
.td-it-title{text-align:left}
.td-chevron{transition:transform .25s ease}
.td-it-toggle[aria-expanded="true"] .td-chevron{transform:rotate(180deg)}
.td-it-body{max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease;padding:0 12px;color:var(--td-muted)}
.td-it-body.open{padding:10px 12px}


/* footer */
.td-footer{border-top:1px solid var(--td-border);background:#fff}
.td-foot-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.td-brand{display:flex;gap:10px;align-items:center;font-weight:800}
.td-burst{width:18px;height:18px;border-radius:50%;display:inline-block;background:conic-gradient(#22d3ee,#a7f3d0,#22c55e);box-shadow:0 0 0 3px #ecfeff inset}
.td-copy{color:#94a3b8;font-size:12px}

.logo-img{display: block; width: auto; height: 60px;}
.mini-text{font-weight:700}
.mini-brand{display:flex; align-items:center; gap:8px}

.td-icon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.td-icon-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 4px;
  color: var(--td-muted);
  font-size: 14px;
}

.td-icon-list .icon {
  font-size: 16px;
  line-height: 1.2;
  flex-shrink: 0;
}