/* Trail Tails – Eventinfo & avspärrningstejp-banner */

/* ---------- Avspärrningstejp-banner ---------- */
.ttei-tape{
  display:block;position:relative;z-index:50;background:#141c0d;color:#f0e9d8;text-decoration:none;overflow:hidden;
  border-top:7px solid transparent;border-bottom:7px solid transparent;
  border-image:repeating-linear-gradient(45deg,#d9772e 0,#d9772e 14px,#141c0d 14px,#141c0d 28px) 7;
}
.ttei-tape:hover{color:#fff}
.ttei-tape-track{display:inline-block;white-space:nowrap;padding:10px 0;animation:ttei-marq 30s linear infinite;will-change:transform}
.ttei-tape:hover .ttei-tape-track{animation-play-state:paused}
.ttei-tape-seg{font-family:'Bebas Neue',Impact,sans-serif;letter-spacing:1.5px;text-transform:uppercase;font-size:16px;padding:0 10px}
.ttei-tape-seg b{color:#e8a765;font-family:inherit}
.ttei-tape-seg::after{content:"•";color:#d9772e;margin-left:20px}
@keyframes ttei-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ttei-tape-track{animation:none;padding-left:16px}}

/* ---------- Informationsruta ---------- */
.ttei-box{--or:#d9772e;--or2:#e8a765;--ink:#f0e9d8;--mut:#b9bd9c;--panel:#26331e;--line:#46543a;--bg:#1c2814;
  --head:'Bebas Neue',Impact,sans-serif;--body:'Barlow',system-ui,sans-serif;
  background:var(--bg);color:var(--ink);font-family:var(--body);border:1px solid var(--line);border-radius:16px;
  max-width:1180px;margin:24px auto;overflow:hidden}
.ttei-box *{box-sizing:border-box}
.ttei-box a{color:var(--or2);text-decoration:none;font-weight:600}
.ttei-box a:hover{text-decoration:underline}

.ttei-box-top{padding:26px 26px 20px;background:
  radial-gradient(900px 200px at 100% -30%,rgba(217,119,46,.16),transparent 60%),var(--panel);
  border-bottom:1px solid var(--line)}
.ttei-kick{font-family:var(--head);text-transform:uppercase;letter-spacing:3px;color:var(--or);font-size:14px}
.ttei-h{font-family:var(--head);font-size:clamp(30px,5vw,46px);letter-spacing:.5px;margin:4px 0 2px;color:var(--ink);line-height:1}
.ttei-date{color:var(--mut);font-size:15px;font-weight:600}

.ttei-sec{border-bottom:1px solid var(--line)}
.ttei-sec summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:16px 24px;
  font-family:var(--head);font-size:21px;letter-spacing:.6px;color:var(--ink);user-select:none}
.ttei-sec summary::-webkit-details-marker{display:none}
.ttei-sec summary:hover{background:rgba(217,119,46,.06)}
.ttei-ic{font-size:20px;line-height:1;filter:saturate(1.1)}
.ttei-arr{margin-left:auto;color:var(--or);transition:transform .2s;font-size:16px}
.ttei-sec[open] summary .ttei-arr{transform:rotate(180deg)}
.ttei-sec[open] summary{color:var(--or2)}
.ttei-sec-body{padding:2px 26px 20px 56px;color:#dedcc2;font-size:15.5px;line-height:1.65}
.ttei-sec-body p{margin:0 0 12px}.ttei-sec-body p:last-child{margin-bottom:0}
.ttei-sec-body ul{margin:6px 0 12px;padding-left:20px}
.ttei-sec-body li{margin:4px 0}
.ttei-sec-body b{color:var(--ink)}

.ttei-chip{display:inline-block;padding:2px 10px;border-radius:20px;font-size:13px;font-weight:800;color:#141c0d}
.ttei-chip.ttei-green{background:#7ed957}
.ttei-chip.ttei-red{background:#e5533d;color:#fff}

.ttei-btn{display:inline-block;background:var(--or);color:#20160c !important;font-family:var(--head);text-transform:uppercase;
  letter-spacing:1px;font-size:15px;padding:11px 20px;border-radius:10px;margin-top:4px}
.ttei-btn:hover{background:var(--or2);text-decoration:none}
.ttei-btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink) !important}
.ttei-btn.ghost:hover{border-color:var(--or);color:var(--or2) !important;background:transparent}

.ttei-foot{padding:22px 26px 26px;background:var(--panel);border-top:1px solid var(--line);text-align:center}
.ttei-foot-big{font-family:var(--head);font-size:28px;letter-spacing:1px;color:var(--or2)}
.ttei-foot p{color:#dedcc2;font-size:15px;line-height:1.6;max-width:560px;margin:8px auto 10px}
.ttei-sign{color:var(--mut);font-size:13px;letter-spacing:.3px}

@media(max-width:560px){
  .ttei-sec summary{font-size:19px;padding:14px 16px}
  .ttei-sec-body{padding-left:16px;padding-right:16px}
  .ttei-box-top{padding:22px 18px 16px}
}

/* ---------- Anmälan stängd ---------- */
a.ttei-closed{pointer-events:none;cursor:default;opacity:.65}
