/* Package A (conversion features 1, 2, 7, 8): alerts, price signals, Tour des Wochenendes, share dialog.
   Design C "Swiss precision": white, black, Swiss red, strict rules. Mobile breakpoint 900px like site.css. */

/* ---------------- subscribe form (red homepage band by default; .pka-light on white) */
.pka-form{display:block}
.pka-form fieldset.pka-all{border:0;padding:0;margin:0;min-width:0}
.pka-form fieldset.pka-all[disabled]{opacity:.62}
.pka-form fieldset.pka-all[disabled] .pc,.pka-form fieldset.pka-all[disabled] .pka-chan,.pka-form fieldset.pka-all[disabled] button{cursor:not-allowed}
.pka-fs{border:0;border-top:2px solid currentColor;padding:12px 0 0;margin:0 0 16px;min-width:0}
.pka-fs legend{font-size:14px;font-weight:600;padding-bottom:10px;float:left;width:100%}
.pka-fs legend+*{clear:both}
.pka-hint{font-size:13px;margin:0 0 10px;opacity:.9;clear:both}
.pka-opts{margin-bottom:22px}
.pka-opts .price-ck:first-child{margin-top:0;border-top:0;padding-top:0}
.pka-chs{display:grid;grid-template-columns:1fr 1fr;gap:8px;clear:both}
.pka-chan{display:flex;gap:10px;align-items:flex-start;border:1.5px solid currentColor;padding:10px 12px;cursor:pointer}
.pka-chan input{margin-top:4px;accent-color:var(--black)}
.pka-chan b{display:block;font-size:15px}
.pka-chan small{display:block;font-size:12.5px;line-height:1.35;opacity:.9}
.pka-chan:has(input:checked){outline:3px solid currentColor;outline-offset:-1px}
.pka-chan:has(input:disabled){opacity:.55;cursor:not-allowed}
.pka-email{margin-top:4px}
.pka-email[hidden]{display:none}
.pka-consent{font-size:13px;line-height:1.45}
.pka-consent a{color:inherit;font-weight:600}
.pka-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pka-form .btn{margin-top:16px}
.pka-btn-w{background:#fff;color:var(--black)}
.pka-btn-w:hover{background:var(--tint)}
.pka-small{display:block;margin-top:10px;font-size:13px;opacity:.9}
.pka-msg{margin:12px 0 0;font-size:14px;font-weight:600;min-height:1.2em}
.pka-msg.err::before{content:"! ";color:inherit}
.pka-soon{border:2px solid currentColor;padding:10px 12px;margin:0 0 16px;font-size:14px}
.pka-soon b{display:inline-block;margin-right:6px;text-transform:uppercase;letter-spacing:.04em;font-size:12.5px;border:1.5px solid currentColor;padding:1px 6px}
.pka-pill{display:inline-block;font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border:1.5px solid currentColor;padding:0 6px;line-height:1.5;vertical-align:1px;white-space:nowrap}
.pka-pill-w{border-color:#fff;color:#fff;margin-left:4px}
.pka-more{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.news .lede p+p{margin-top:12px}

.pka-light{color:var(--ink)}
.pka-light .pc{border-color:var(--black)}
.pka-light .pc .b{border-color:var(--black)}
.pka-light .pc.on{background:var(--black);color:#fff}
.pka-light .pc.on .b{background:var(--red);border-color:var(--red)}
.pka-light .price-ck{border-top-color:var(--rule)}
.pka-light .news-row{border-color:var(--black)}
.pka-light .news-row input{color:var(--ink)}
.pka-light .news-row input::placeholder{color:var(--grey)}
.pka-light .pka-chan input{accent-color:var(--red)}
.pka-light .pka-chan:has(input:checked){outline-color:var(--red)}
.pka-light .pka-soon{border-color:var(--black)}
.pka-light .pka-msg.err{color:var(--red)}
.pka-light .pka-fs{border-top-color:var(--black)}

.pka-manage{margin-top:16px;border-top:1px solid currentColor;padding-top:12px;font-size:14px}
.pka-manage p{margin-bottom:8px}
.pka-status{background:var(--black);color:#fff;padding:12px 16px;font-weight:600;margin-bottom:24px}

/* /alerts/ page */
.pka-page{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:56px;align-items:start}
.pka-page-r{font-size:15px}
.pka-page-r p{margin-bottom:12px}
.pka-h4{font-size:16px;font-weight:700;margin:24px 0 8px}
.pka-soon-l{margin-top:20px}
.pka-prod{grid-template-columns:repeat(2,minmax(0,1fr))}

/* pass page box */
.pka-box{border:2px solid var(--black);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;padding:24px 28px}
.pka-box-h{display:flex;gap:10px;align-items:flex-start;font-family:"Inter Display","Inter",sans-serif;font-weight:700;font-size:26px;line-height:1.15;letter-spacing:-.02em}
.pka-box-h svg{flex:none;margin-top:5px;color:var(--red)}
.pka-box-s{margin-top:10px;font-size:15px;color:var(--grey)}
.pka-box .pka-fs:first-of-type{margin-top:0}

/* board footer link */
.pka-board{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:14px;font-weight:600}
.pka-board svg{color:var(--red);flex:none}
.pka-board a{text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:4px}

/* price signals */
.pka-sig{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pka-sig li{border:2px solid var(--black);padding:6px 10px;font-size:14px;line-height:1.35}
.pka-sig li b{display:block;font-size:15px}
.pka-sig li span{color:var(--grey);font-size:12.5px}
.pka-sig-d{border-color:var(--red)!important}
.pka-sig-d b{color:var(--red)}
.pka-btn-off{opacity:.55;cursor:not-allowed}

/* ---------------- Tour des Wochenendes */
.wk-meta{color:var(--grey);margin-bottom:18px}
.wk-pick{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 28px}
.wk-pick[hidden]{display:none}
.wk-pick-l{font-weight:600;font-size:14px;margin-right:6px}
.wk-pick .chip{cursor:pointer;background:#fff;border:1.5px solid var(--black);padding:7px 12px;font-weight:600;font-size:14px}
.wk-pick .chip small{font-weight:400;color:var(--grey);margin-left:2px}
.wk-pick .chip.on{background:var(--black);color:#fff}
.wk-pick .chip.on small{color:#ccc}
.wk-region{margin-bottom:40px}
.wk-region[hidden]{display:none}
.wk-days{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}
.wk-card{border-top:4px solid var(--black);padding-top:14px}
.wk-ch{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.wk-day{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.wk-kind{font-size:12.5px;font-weight:600;color:var(--red);text-transform:uppercase;letter-spacing:.05em}
.wk-name{font-weight:700;font-size:30px;line-height:1.1;letter-spacing:-.025em;margin-top:8px}
.wk-name a{text-decoration:none}
.wk-name a:hover{text-decoration:underline;text-decoration-color:var(--red)}
.wk-stars{display:flex;align-items:center;gap:10px;margin-top:10px}
.wk-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:14px}
.wk-facts div{padding:10px 8px 10px 0}
.wk-facts dt{font-size:12px;color:var(--grey)}
.wk-facts dd{font-size:16px}
.wk-passes{list-style:none;margin:12px 0 0;padding:0}
.wk-passes li{padding:8px 0;border-bottom:1px solid var(--rule);font-size:15px}
.wk-passes li a{font-weight:700}
.wk-passes li .num{color:var(--grey);margin:0 6px}
.wk-passes small{display:block;color:var(--grey);font-size:13px;margin-top:2px}
.wk-cta{margin-top:16px}
.wk-none{margin-top:12px;color:var(--grey)}
.wk-alts{margin-top:16px;color:var(--grey)}
.wk-alts a{color:var(--ink);font-weight:600}
.wk-note{margin-top:32px;border-top:2px solid var(--black);padding-top:16px;font-size:14px}
.wk-note p{margin-bottom:10px}
.wk-stale{margin-bottom:20px}

.wk-teaser{margin-top:64px}
.wk-t{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:4px solid var(--red);border-bottom:1px solid var(--rule);padding:18px 0}
.wk-t-k{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--red)}
.wk-t-name{font-weight:700;font-size:28px;letter-spacing:-.02em;line-height:1.15;margin-top:4px}
.wk-t-s{margin-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--grey)}
.wk-t-r{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:none}

/* offline */
.pka-saved{list-style:none;padding:0;margin:0 0 20px;border-top:1px solid var(--rule)}
.pka-saved li{border-bottom:1px solid var(--rule);padding:10px 0}
.pka-saved a{font-weight:600}
.pka-offline{background:var(--black);color:#fff;font-weight:600;font-size:14px;padding:10px 16px;text-align:center}

/* ---------------- Tourenplaner share dialog */
.pka-share{margin:auto;border:0;padding:0;max-width:min(760px,calc(100vw - 32px));width:100%;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.pka-share::backdrop{background:rgba(0,0,0,.55)}
.pka-share-in{padding:24px;border-top:6px solid var(--red)}
.pka-share-in h2{margin-bottom:4px}
.pka-share-img{margin:16px 0;background:var(--tint);aspect-ratio:1200/630;border:1px solid var(--rule)}
.pka-share-img img{display:block;width:100%;height:auto}
.pka-share-url input{width:100%;border:1.5px solid var(--black);padding:10px 12px;font-size:14px;background:#fff}
.pka-share-btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}
.pka-share-btns [hidden]{display:none}
.pka-share-x{background:none;border:0;cursor:pointer;margin-left:auto;font-size:15px}

@media (max-width:900px){
  .pka-page{grid-template-columns:minmax(0,1fr);gap:32px}
  .pka-box{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px 16px}
  .pka-box-h{font-size:22px}
  .pka-chs{grid-template-columns:minmax(0,1fr)}
  .pka-prod{grid-template-columns:minmax(0,1fr)}
  .wk-days{grid-template-columns:minmax(0,1fr)}
  .wk-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wk-name{font-size:25px}
  .wk-t{flex-direction:column;align-items:flex-start}
  .wk-t-r{align-items:flex-start}
  .wk-teaser{margin-top:48px}
  .pka-share-in{padding:16px}
  .pka-share-x{margin-left:0}
}