/* Individual tour pages (tour-*.html). Loaded after city.css, which supplies
   the hero, quick-stats strip, section headings and feature band. */

.crumb{display:inline-block;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#62584e;border-bottom:1px solid var(--line);padding-bottom:4px;margin-bottom:26px}
.crumb:hover{color:var(--accent);border-color:var(--accent)}

.cta{display:inline-block}
.cta--light{background:var(--cream);color:var(--accent)}

/* hero art: seal card + thinkers card */
.photo.seal{filter:none;background-color:#efe4cf;background-repeat:no-repeat;background-position:center;background-size:78%;mix-blend-mode:multiply}
.thinkers-card{position:absolute;right:5px;bottom:10px;width:250px;transform:rotate(5deg);background:#f7efe1;padding:22px 22px 24px;box-shadow:0 16px 35px rgba(55,39,25,.17)}
.thinkers-card:before{content:"";position:absolute;top:-12px;left:32%;width:100px;height:28px;background:rgba(211,193,160,.7);transform:rotate(3deg)}
.thinkers-card h4{font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:#62584e;margin:0 0 12px;font-weight:400}
.thinkers-card ul{list-style:none;margin:0;padding:0;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:23px;line-height:1.28;color:var(--ink)}

/* the route */
.stops{list-style:none;margin:34px 0 0;padding:0;border-top:1px solid var(--line)}
.stop{display:grid;grid-template-columns:84px 120px 1fr;gap:28px;align-items:baseline;padding:32px 0;border-bottom:1px solid var(--line)}
.stop-num{font-family:"Cormorant Garamond",serif;font-size:52px;line-height:.8;font-weight:500;color:var(--accent)}
.stop-time{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#62584e}
.stop h3{font-family:"Cormorant Garamond",serif;font-size:40px;line-height:.95;font-weight:500;margin:0 0 10px}
.stop .thinker{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:25px;color:var(--accent);margin:0 0 10px}
.stop p{font-family:"Cormorant Garamond",serif;font-size:20px;line-height:1.3;margin:0;max-width:600px}

/* good to know */
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:30px}
.fact{border:1px solid var(--line);padding:26px 24px;background:var(--accent-soft)}
.fact h4{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 14px;font-weight:400}
.fact p{font-family:"Cormorant Garamond",serif;font-size:22px;line-height:1.2;margin:0}
.fact p small{display:block;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#62584e;margin-top:10px;line-height:1.6}
.fact a{border-bottom:1px solid var(--accent)}

.feature .actions{margin-top:26px}
.section-head .label{margin-bottom:16px}

/* stops with bullet lists / tasting notes (food tour) and stops without times (Rome) */
.stops--notime .stop{grid-template-columns:84px 1fr}
.stop-list{margin:12px 0 0;padding-left:1.1em;font-family:"Cormorant Garamond",serif;font-size:20px;line-height:1.3;max-width:640px}
.stop-list li{margin:0 0 4px;padding-left:.2em}
.stop-list li::marker{color:var(--accent)}
.stop .tastings{margin:14px 0 0;font-size:19px;font-style:italic;max-width:640px}
.stop .tastings b{display:block;font-family:"DM Mono",monospace;font-style:normal;font-weight:400;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}
.optional-label{margin-top:64px}
.stops--optional{margin-top:18px}
.stops--optional .stop-num{font-size:40px}

/* photo strip + related tours */
.photos-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.photos-head .label{margin:0}
.tour-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tour-photos a{display:block;background:#f7efe1;padding:7px;box-shadow:0 10px 24px rgba(55,39,25,.13);transition:transform .2s ease}
.tour-photos a:hover{transform:translateY(-3px)}
.tour-photos img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--paper2)}
.more{padding:44px 0 64px;border-top:1px solid var(--line)}
.more-row{display:flex;flex-wrap:wrap;gap:16px 44px;align-items:baseline}
.more-row .label{margin:0}
.more-links{display:flex;flex-wrap:wrap;gap:10px 30px;font-family:"Cormorant Garamond",serif;font-size:22px}
.more-links a{border-bottom:1px solid var(--line)}
.more-links a:hover{color:var(--accent);border-color:var(--accent)}

@media(max-width:850px){
  .thinkers-card{width:210px;padding:18px 18px 20px}
  .thinkers-card ul{font-size:20px}
  .stop{grid-template-columns:64px 1fr;gap:6px 18px;padding:26px 0}
  .stop-num{font-size:44px;grid-row:span 2}
  .stop-body{grid-column:2}
  .stop h3{font-size:34px}
  .facts{grid-template-columns:1fr 1fr}
  .stops--notime .stop{grid-template-columns:64px 1fr}
  .tour-photos{grid-template-columns:1fr 1fr}
}
@media(max-width:500px){
  .facts{grid-template-columns:1fr}
}