/* Fahrradtouren-Archiv 2001-2009 - Badminton Kuenzelsau
   Gehoert nach /wp-content/uploads/badminton-archiv/touren.css
   Alles unter #bk-touren gescoped, damit Divi nichts anfassen kann. */

#bk-touren{
  --t-blue:#00509D; --t-navy:#00296B; --t-accent:#2EA3F2;
  --t-text:#666; --t-muted:#8d949e; --t-line:#e4e8ef; --t-bg:#f4f6f9; --t-card:#fff;
  --t-shadow:0 2px 18px rgba(0,0,0,.14);
  --t-sans:"Open Sans",Arial,sans-serif;
  --t-head:Montserrat,Helvetica,Arial,Lucida,sans-serif;
  font-family:var(--t-sans); color:var(--t-text); font-size:14px; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
#bk-touren *,#bk-touren *::before,#bk-touren *::after{box-sizing:border-box}
#bk-touren p{margin:0 0 1em;padding:0}
#bk-touren p:last-child{margin-bottom:0}
#bk-touren h2,#bk-touren h3,#bk-touren h4{font-family:var(--t-head);margin:0;padding:0;color:var(--t-navy)}
#bk-touren a{color:var(--t-accent);text-decoration:none}
#bk-touren a:hover{text-decoration:underline}
#bk-touren :focus-visible{outline:2px solid var(--t-accent);outline-offset:2px}

/* ---------- Kopfband ---------- */
#bk-touren .t-intro{
  margin:0 0 26px; padding:48px 28px; text-align:center; color:#fff;
  background:linear-gradient(90deg,rgba(0,80,157,.94) 3%,rgba(0,0,0,.62) 71%),
             url("/wp-content/uploads/2019/05/cropped-header.jpg") center/cover no-repeat;
}
#bk-touren .t-intro h2{color:#fff;font-size:26px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;line-height:1.25;margin:0 0 14px}
#bk-touren .t-intro p{max-width:680px;margin:0 auto;color:rgba(255,255,255,.92);font-size:15px}
#bk-touren .t-kicker{
  display:inline-block;margin:0 0 12px;padding:5px 14px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);
  font-family:var(--t-head);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#fff;
}

/* ---------- Kennzahlen ---------- */
#bk-touren .t-stats{display:flex;flex-wrap:wrap;gap:2px;margin:0 0 26px;background:var(--t-line)}
#bk-touren .t-stat{flex:1 1 140px;background:var(--t-card);padding:18px 16px;text-align:center}
#bk-touren .t-stat b{display:block;font-family:var(--t-head);font-size:25px;font-weight:800;color:var(--t-navy);line-height:1.2}
#bk-touren .t-stat span{display:block;margin-top:4px;font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:var(--t-muted)}

/* ---------- Werkzeugleiste ---------- */
#bk-touren .t-tools{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:16px 18px;margin:0 0 8px;background:var(--t-card);box-shadow:var(--t-shadow)}
#bk-touren .t-search{position:relative;flex:1 1 240px;min-width:190px}
#bk-touren .t-search label{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#bk-touren .t-search input{display:block;margin:0;line-height:1.4;width:100%;padding:11px 34px 11px 38px;font-family:var(--t-sans);font-size:14px;color:#333;background:#fff;border:1px solid var(--t-line);border-radius:0}
#bk-touren .t-search input:focus{outline:none;border-color:var(--t-accent);box-shadow:0 0 0 3px rgba(46,163,242,.16)}
#bk-touren .t-search input::placeholder{color:#a9b0ba}
#bk-touren .t-ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:15px;height:15px;pointer-events:none;opacity:.5}
#bk-touren .t-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:26px;height:26px;line-height:24px;text-align:center;border:0;background:none;color:#a9b0ba;font-size:19px;cursor:pointer;padding:0;display:none}
#bk-touren .t-search.has-value .t-clear{display:block}
#bk-touren .t-chips{display:flex;flex-wrap:wrap;gap:6px}
#bk-touren .t-chip{padding:8px 12px;cursor:pointer;font-family:var(--t-head);font-size:11px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--t-navy);background:#fff;border:1px solid var(--t-line);border-radius:0}
#bk-touren .t-chip:hover{border-color:var(--t-accent);color:var(--t-accent)}
#bk-touren .t-chip.is-active{background:var(--t-blue);border-color:var(--t-blue);color:#fff}
#bk-touren .t-chip .t-n{opacity:.65;margin-left:5px;font-weight:600}
#bk-touren .t-only{margin-left:auto;display:flex;align-items:center;gap:7px;font-family:var(--t-head);font-size:11px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--t-navy);cursor:pointer}
#bk-touren .t-only input{margin:0;width:15px;height:15px;accent-color:var(--t-blue)}
#bk-touren .t-status{padding:10px 2px 18px;font-size:12px;color:var(--t-muted)}
#bk-touren .t-status b{color:var(--t-navy);font-weight:700}

/* ---------- Tabelle ---------- */
#bk-touren .t-wrap{background:var(--t-card);box-shadow:var(--t-shadow);overflow-x:auto}
#bk-touren table{width:100%;border-collapse:collapse;margin:0;font-size:13px}
#bk-touren thead th{
  position:sticky;top:0;z-index:2;background:var(--t-navy);color:#fff;
  font-family:var(--t-head);font-size:10px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;
  padding:12px 10px;text-align:left;white-space:nowrap;border:0;
}
#bk-touren thead th.sortable{cursor:pointer;user-select:none}
#bk-touren thead th.sortable:hover{background:#003b80}
#bk-touren thead th .t-arr{opacity:.35;margin-left:5px;font-size:9px}
#bk-touren thead th.sorted .t-arr{opacity:1}
#bk-touren .num{text-align:right}
#bk-touren tbody td{padding:11px 10px;border-top:1px solid var(--t-line);vertical-align:top}
#bk-touren tbody tr.t-row{cursor:pointer}
#bk-touren tbody tr.t-row:hover{background:#f7fafd}
#bk-touren tbody tr.t-row.is-open{background:#eef6fd}
#bk-touren tbody tr.is-hidden,#bk-touren tbody tr.t-detail.is-hidden{display:none}
#bk-touren .t-datum{white-space:nowrap;font-weight:700;color:var(--t-navy)}
#bk-touren .t-wt{font-weight:400;color:var(--t-muted);margin-right:4px}
#bk-touren .t-unsicher{font-style:italic;color:var(--t-muted);font-weight:400}
#bk-touren .t-titel{font-weight:600;color:#2c3440}
#bk-touren .t-teiln{color:var(--t-muted);font-size:12px;max-width:220px}
#bk-touren .num b{font-weight:700;color:#2c3440}
#bk-touren .t-flag{display:inline-block;margin-left:6px;font-size:10px;color:var(--t-muted)}

/* Symbole fuer vorhandene Dateien */
#bk-touren .t-badges{white-space:nowrap}
#bk-touren .t-badge{
  display:inline-block;margin-right:4px;padding:2px 7px;border-radius:0;
  font-family:var(--t-head);font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#fff;
}
#bk-touren .t-badge.profil{background:var(--t-blue)}
#bk-touren .t-badge.karte{background:#e0a516}
#bk-touren .t-badge.info{background:#3d8b58}
#bk-touren .t-toggle{color:var(--t-accent);font-size:11px;white-space:nowrap}

/* ---------- Detailzeile ---------- */
#bk-touren tr.t-detail>td{background:var(--t-bg);padding:20px 22px;border-top:0}
#bk-touren .t-dl{margin:0 0 14px}
#bk-touren .t-dl dt{font-family:var(--t-head);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--t-navy);margin:0 0 2px}
#bk-touren .t-dl dd{margin:0 0 10px;color:#3f4753}
#bk-touren .t-files{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
#bk-touren .t-file{
  display:inline-flex;align-items:center;gap:7px;padding:8px 13px;background:#fff;
  border:1px solid var(--t-line);color:var(--t-navy);font-size:12px;font-weight:600;text-decoration:none;
}
#bk-touren .t-file:hover{border-color:var(--t-accent);color:var(--t-accent);text-decoration:none}
#bk-touren .t-file .t-ext{font-family:var(--t-head);font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:#fff;background:var(--t-blue);padding:2px 5px}
#bk-touren .t-file .t-ext.pdf{background:#c0392b}
#bk-touren .t-file .t-ext.jpg,#bk-touren .t-file .t-ext.gif{background:var(--t-blue)}
#bk-touren .t-shots{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 0}
#bk-touren .t-shot{width:230px;background:#fff;border:1px solid var(--t-line);padding:8px;cursor:zoom-in}
#bk-touren .t-shot img{display:block;width:100%;height:auto;margin:0}
#bk-touren .t-shot figcaption{margin-top:6px;font-size:11px;color:var(--t-muted);text-align:center}
#bk-touren .t-prosa{background:#fff;border-left:3px solid #3d8b58;padding:14px 18px;margin:14px 0 0;font-size:13px;color:#3f4753}
#bk-touren .t-prosa h4{font-size:13px;margin:0 0 6px}

/* ---------- Leerzustand / Ladefehler ---------- */
#bk-touren .t-empty,#bk-touren .t-error{display:none;padding:44px 20px;text-align:center;background:var(--t-card);box-shadow:var(--t-shadow)}
#bk-touren .t-empty.is-on,#bk-touren .t-error.is-on{display:block}
#bk-touren .t-empty strong,#bk-touren .t-error strong{display:block;color:var(--t-navy);font-size:16px;margin-bottom:6px}
#bk-touren .t-error code{font-size:12px;background:var(--t-bg);padding:2px 6px}
#bk-touren .t-foot{margin-top:24px;padding-top:16px;border-top:1px solid var(--t-line);font-size:12px;color:var(--t-muted);text-align:center}

/* ---------- Lightbox ---------- */
#bk-touren .t-lb{position:fixed;inset:0;z-index:99999;background:rgba(0,10,25,.92);display:none;align-items:center;justify-content:center;padding:28px}
#bk-touren .t-lb.is-on{display:flex}
#bk-touren .t-lb img{max-width:96vw;max-height:82vh;display:block;box-shadow:0 10px 50px rgba(0,0,0,.6)}
#bk-touren .t-lb figcaption{color:#dbe6f2;text-align:center;margin-top:12px;font-size:13px}
#bk-touren .t-lb button{position:absolute;top:18px;right:22px;background:none;border:0;color:#fff;font-size:36px;line-height:1;cursor:pointer;padding:6px 12px}

/* ---------- Responsiv ---------- */
@media (max-width:900px){
  #bk-touren .t-only{margin-left:0;width:100%}
  #bk-touren th.opt,#bk-touren td.opt{display:none}
  #bk-touren .t-teiln{max-width:none}
}
@media (max-width:767px){
  #bk-touren .t-intro{padding:34px 18px}
  #bk-touren .t-intro h2{font-size:20px}
  #bk-touren .t-stat b{font-size:21px}
  #bk-touren table{font-size:12px}
  #bk-touren tbody td,#bk-touren thead th{padding:9px 7px}
  #bk-touren tr.t-detail>td{padding:16px 14px}
  #bk-touren .t-shot{width:100%}
}
@media (prefers-reduced-motion:reduce){#bk-touren *{transition:none!important;animation:none!important}}
@media print{
  #bk-touren .t-tools,#bk-touren .t-status,#bk-touren .t-lb,#bk-touren .t-badges{display:none}
  #bk-touren .t-wrap{box-shadow:none}
  #bk-touren tbody tr{page-break-inside:avoid}
}
