/* tours.css — galerie /tournees/ et carte d'une tournée /tournees/<artiste>/ */

/* galerie */
.tour-search { margin: 0 0 18px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.tour-search input { flex: 1 1 260px; max-width: 420px; padding: 10px 14px; border-radius: 999px; border: 1px solid rgba(128,128,128,.35); background: var(--card-background); color: var(--primary-color); font-size: 16px; }
.tour-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.tour-card { display: flex; gap: 12px; align-items: center; padding: 10px 12px; background: var(--card-background); border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,.08); text-decoration: none; color: var(--primary-color) !important; transition: transform .15s, box-shadow .15s; }
.tour-card:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,.12); }
.tour-card[hidden] { display: none; }
.tour-card-map { flex: 0 0 88px; height: 88px; border-radius: 10px; background: rgba(128,128,128,.08); display: block; }
.tour-mini polyline { fill: none; stroke: var(--accent-color); stroke-width: 1; stroke-linejoin: round; opacity: .7; }
.tour-mini circle { fill: var(--accent-color); }
.tour-mini circle.next { fill: #fff; stroke: var(--accent-color); stroke-width: 1.6; }
.tour-card-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.tour-card-body strong { font-size: 16px; }
.tour-card-meta, .tour-card-next { font-size: 13px; color: var(--meta-color); }
.tour-card-next { color: var(--accent-color); }

/* en-tête d'une tournée */
.tour-head { display: flex; gap: 18px; align-items: center; margin-bottom: 10px; }
.tour-head-img { width: 96px; height: 120px; object-fit: cover; border-radius: 10px; flex: 0 0 auto; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
.tour-head h1 { margin-bottom: 8px !important; }
.tour-stats { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.tour-stats li { padding: 5px 11px; border-radius: 999px; background: var(--card-background); font-size: 14px; color: var(--meta-color); box-shadow: 0 1px 2px rgba(0,0,0,.06); }
.tour-stats strong { color: var(--accent-color); font-size: 16px; }

/* carte */
.tour-mapwrap { position: relative; margin: 0 0 18px; }
.tour-map { background: #cfe6f5; height: 62vh; min-height: 380px; max-height: 640px; border-radius: 14px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,.12); z-index: 0; }
.tour-ctrl { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.tour-btn { cursor: pointer; border: 1px solid rgba(128,128,128,.35); background: var(--card-background); color: var(--primary-color); padding: 9px 16px; border-radius: 999px; font-size: 15px; font-weight: 600; }
.tour-btn:hover { border-color: var(--accent-color); }
.tour-btn-main { background: var(--accent-color); border-color: var(--accent-color); color: #fff; }
.tour-msg { min-height: 1.4em; margin: 8px 0 0; font-size: 15px; color: var(--primary-color); }
.tour-caption { position: absolute; left: 50%; top: 12px; transform: translateX(-50%); z-index: 500; background: rgba(20,20,20,.82); color: #fff; padding: 8px 14px; border-radius: 999px; font-size: 14px; white-space: nowrap; max-width: calc(100% - 24px); overflow: hidden; text-overflow: ellipsis; pointer-events: none; }
.tour-cap-n { opacity: .7; margin-right: 4px; }
.tour-cap-km { margin-left: 10px; padding-left: 10px; border-left: 1px solid rgba(255,255,255,.3); font-variant-numeric: tabular-nums; }
.tour-bus { font-size: 22px; line-height: 26px; text-align: center; filter: drop-shadow(0 1px 2px rgba(0,0,0,.4)); }
.tour-next-pin span { display: block; width: 22px; height: 22px; border-radius: 50%; background: var(--accent-color); border: 3px solid #fff; box-shadow: 0 0 0 0 rgba(176,125,20,.6); animation: tour-pulse 1.8s infinite; box-sizing: border-box; }
@keyframes tour-pulse { 0% { box-shadow: 0 0 0 0 rgba(176,125,20,.55); } 70% { box-shadow: 0 0 0 16px rgba(176,125,20,0); } 100% { box-shadow: 0 0 0 0 rgba(176,125,20,0); } }
.tour-pop-l { color: #666; font-size: 12px; }
.leaflet-popup-content a { font-weight: 600; }

/* prochaine date */
.tour-next { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 12px 16px; margin: 0 0 30px; border-radius: 12px; background: var(--card-background); border-left: 4px solid var(--accent-color); box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.tour-next-t { font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--meta-color); }
.tour-next-shops { display: inline-flex; gap: 6px; }

/* tableau des dates */
.tour-dates tr[data-i] { cursor: pointer; }
.tour-dates tr[data-i]:hover td { background: rgba(176,125,20,.07); }
.tour-dates tr.is-past td { color: var(--meta-color); opacity: .65; }
.tour-dates tr.is-next td { font-weight: 600; }
.tour-dates tr.is-active td { background: rgba(176,125,20,.16); }
.tour-month th { text-align: left; padding-top: 18px; font-size: 15px; color: var(--accent-color); border-bottom: 1px solid rgba(128,128,128,.25); }

@media (max-width: 640px) {
	.tour-head { align-items: flex-start; }
	.tour-head-img { width: 72px; height: 90px; }
	.tour-head h1 { font-size: 23px !important; }
	.tour-map { height: 52vh; min-height: 320px; }
	.tour-btn { flex: 1 1 auto; padding: 9px 10px; font-size: 14px; }
	.tour-dates th:nth-child(3), .tour-dates td:nth-child(3), .tour-dates th:nth-child(4), .tour-dates td:nth-child(4) { display: none; }
	.tour-month th { display: table-cell !important; }
}

@media (prefers-color-scheme: dark) { .tour-map { background: #1d2a35; } }