/* Sidestilt.xyz – markedsplass, bussprofiler, sponsorer og betalingsmur */
:root{--ss-accent:#ff5733;--ss-accent-2:#ff6a49;--ss-gold:#f5b301;--ss-verified:#2ecc71;--ss-surface:#1a1d20;--ss-surface-2:#131618;--ss-line:rgba(255,255,255,.1);--ss-muted:rgba(255,255,255,.66)}

.ss-section{padding-block:clamp(2rem,5vw,3.5rem)}
.ss-eyebrow{display:inline-block;margin-bottom:.5rem;color:var(--ss-accent);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ss-title{font-weight:800;letter-spacing:0}
.ss-lead{color:var(--ss-muted);max-width:640px}
.ss-muted{color:var(--ss-muted)!important}
.ss-card{background:var(--ss-surface);border:1px solid var(--ss-line);border-radius:12px;color:#f8f9fa}
.ss-card--inner{background:var(--ss-surface-2)}
.ss-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:8px;font-weight:800;padding:.6rem 1rem;border:1px solid transparent;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,transform .18s ease;line-height:1.15}
.ss-btn:hover{transform:translateY(-1px)}
.ss-btn--primary{background:var(--ss-accent);border-color:var(--ss-accent);color:#fff}
.ss-btn--primary:hover,.ss-btn--primary:focus{background:var(--ss-accent-2);border-color:var(--ss-accent-2);color:#fff}
.ss-btn--ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}
.ss-btn--ghost:hover,.ss-btn--ghost:focus{background:rgba(255,255,255,.12);color:#fff}
.ss-btn--gold{background:var(--ss-gold);border-color:var(--ss-gold);color:#1b1b1b}
.ss-btn--gold:hover,.ss-btn--gold:focus{background:#ffc42e;color:#1b1b1b}
.ss-btn--block{width:100%}

/* Menyen har flere punkter nå: hold dem på én linje og stram inn i mellomstore bredder. */
.sidestilt-navbar .nav-link{white-space:nowrap}
@media(min-width:992px) and (max-width:1199.98px){.sidestilt-navbar .nav-link i{display:none}.sidestilt-navbar .nav-link{padding:.5rem .5rem!important}.sidestilt-navbar__brand-text{display:none}}

/* «Mer på Sidestilt»-kort */
.ss-offer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.ss-offer{position:relative;display:flex;flex-direction:column;gap:.6rem;padding:1.4rem;border-radius:12px;background:linear-gradient(160deg,rgba(255,87,51,.14),rgba(255,255,255,.03) 55%);border:1px solid var(--ss-line);color:#fff;text-decoration:none;transition:transform .2s ease,border-color .2s ease}
.ss-offer:hover{transform:translateY(-3px);border-color:rgba(255,87,51,.5);color:#fff}
.ss-offer__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:rgba(255,87,51,.18);color:var(--ss-accent);font-size:1.25rem}
.ss-offer h3{margin:0;font-size:1.15rem;font-weight:800}
.ss-offer p{margin:0;color:var(--ss-muted)}
.ss-offer__cta{margin-top:auto;padding-top:.4rem;color:var(--ss-accent);font-weight:800}

/* Prisplaner */
.ss-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;align-items:stretch}
.ss-plan{position:relative;display:flex;flex-direction:column;padding:1.5rem;border-radius:12px;background:var(--ss-surface);border:1px solid var(--ss-line);color:#fff}
.ss-plan--featured{border-color:var(--ss-accent);box-shadow:0 0 0 1px var(--ss-accent),0 18px 40px rgba(255,87,51,.18)}
.ss-plan__name{font-weight:800;font-size:1.1rem}
.ss-plan__price{font-size:2rem;font-weight:800;line-height:1.1;margin:.5rem 0 .2rem}
.ss-plan__price small{font-size:.95rem;color:var(--ss-muted);font-weight:600}
.ss-plan ul{list-style:none;padding:0;margin:1rem 0 1.25rem;display:grid;gap:.45rem}
.ss-plan li{display:flex;gap:.5rem;color:rgba(255,255,255,.86)}
.ss-plan li::before{content:"\2713";color:var(--ss-verified);font-weight:800}
.ss-plan .ss-btn{margin-top:auto}
.ss-plan input[type=radio]{position:absolute;opacity:0;pointer-events:none}
label.ss-plan{cursor:pointer}
label.ss-plan:has(input:checked){border-color:var(--ss-accent);box-shadow:0 0 0 2px var(--ss-accent)}
label.ss-plan:has(input:focus-visible){outline:2px solid #fff;outline-offset:2px}

.ss-ribbon{position:absolute;top:-.7rem;left:50%;transform:translateX(-50%);padding:.25rem .7rem;border-radius:999px;background:var(--ss-accent);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;box-shadow:0 6px 16px rgba(255,87,51,.35)}

/* Abonnementskortene på forsiden */
.subscription-card{position:relative;overflow:visible}
.subscription-card>img{border-radius:12px 12px 0 0}
.subscription-card--popular{box-shadow:0 0 0 3px #d97706,0 10px 26px rgba(217,119,6,.35)}
.subscription-card--popular .ss-ribbon{background:#d97706;top:-.75rem;z-index:2}
.ss-sub-alt{margin-top:1rem;text-align:center;color:var(--ss-muted)}
.ss-sub-alt a{color:#fff;font-weight:700}

/* Merker */
.ss-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:999px;font-size:.74rem;font-weight:800;line-height:1.2;white-space:nowrap}
.ss-badge--verified{background:rgba(46,204,113,.16);color:#7ef0ae;border:1px solid rgba(46,204,113,.4)}
.ss-badge--featured{background:rgba(245,179,1,.16);color:#ffd45c;border:1px solid rgba(245,179,1,.45)}
.ss-badge--sale{background:rgba(255,87,51,.16);color:#ff9a84;border:1px solid rgba(255,87,51,.45)}
.ss-badge--rent{background:rgba(59,130,246,.16);color:#9cc3ff;border:1px solid rgba(59,130,246,.45)}
.ss-badge--muted{background:rgba(255,255,255,.08);color:var(--ss-muted);border:1px solid var(--ss-line)}
.legacy-bus-card{position:relative}
.ss-card-badges{position:absolute;top:.6rem;left:.6rem;display:flex;flex-wrap:wrap;gap:.35rem;z-index:2}
.ss-card-badges .ss-badge{background:rgba(10,12,16,.82);backdrop-filter:blur(6px)}
.legacy-bus-card.ss-is-featured{box-shadow:0 0 0 3px var(--ss-gold),0 12px 28px rgba(245,179,1,.25)!important}

/* Markedsannonser */
.ss-listing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.ss-listing{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:var(--ss-surface);border:1px solid var(--ss-line);color:#fff;text-decoration:none;transition:transform .2s ease,border-color .2s ease}
.ss-listing:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.28);color:#fff}
.ss-listing--featured{border-color:rgba(245,179,1,.6)}
.ss-listing__img{position:relative;aspect-ratio:16/10;background:#0d0f11}
.ss-listing__img img{width:100%;height:100%;object-fit:cover}
.ss-listing__body{display:flex;flex-direction:column;gap:.35rem;padding:1rem}
.ss-listing__title{margin:0;font-size:1.05rem;font-weight:800}
.ss-listing__price{font-size:1.2rem;font-weight:800;color:#fff}
.ss-listing__meta{color:var(--ss-muted);font-size:.88rem}
.ss-filter{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.ss-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--ss-line);background:rgba(255,255,255,.05);color:#fff;font-weight:700;text-decoration:none}
.ss-chip:hover{color:#fff;background:rgba(255,255,255,.1)}
.ss-chip.active,.btn-check:checked+.ss-chip{background:var(--ss-accent);border-color:var(--ss-accent);color:#fff}
.btn-check:focus-visible+.ss-chip{outline:2px solid #fff;outline-offset:2px}
label.ss-chip{cursor:pointer}

/* Detaljside */
.ss-gallery-main{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#0d0f11}
.ss-gallery-thumbs{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}
.ss-gallery-thumbs img{width:92px;height:64px;object-fit:cover;border-radius:8px;opacity:.85}
.ss-gallery-thumbs img:hover{opacity:1}
.ss-facts{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:0}
.ss-facts dt{color:var(--ss-muted);font-weight:600}
.ss-facts dd{margin:0;font-weight:700}

/* Betalingsmur og smakebiter */
.ss-locked{position:relative;min-height:100%}
.ss-locked__rows{filter:blur(4px);user-select:none;pointer-events:none;opacity:.55}
.ss-locked__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1rem;text-align:center;background:linear-gradient(180deg,rgba(19,22,24,.35),rgba(19,22,24,.92) 60%)}
.ss-locked__overlay i{font-size:1.3rem;color:var(--ss-gold)}
.ss-locked__overlay strong{font-size:1rem}
.ss-locked__overlay span{color:var(--ss-muted);font-size:.9rem}
.ss-teaser-list{list-style:none;padding:0;margin:.35rem 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}
.ss-teaser-list li{padding:.2rem .55rem;border-radius:999px;background:rgba(255,255,255,.08);font-size:.8rem;font-weight:700}
.ss-paywall{display:grid;grid-template-columns:1fr auto;gap:1.25rem;align-items:center;padding:1.4rem;border-radius:12px;background:linear-gradient(135deg,rgba(245,179,1,.14),rgba(255,87,51,.12));border:1px solid rgba(245,179,1,.35)}
.ss-paywall h2{font-size:1.25rem;font-weight:800;margin:0 0 .35rem}
.ss-paywall p{margin:0;color:rgba(255,255,255,.8)}
.ss-paywall__actions{display:flex;flex-direction:column;gap:.5rem;min-width:240px}
.ss-paywall__note{font-size:.78rem;color:var(--ss-muted);text-align:center}
.ss-gallery-locked{position:relative;display:inline-block;margin:.25rem;border-radius:.25rem;overflow:hidden;vertical-align:top}
.ss-gallery-locked img{width:200px;height:145px;object-fit:cover;filter:blur(3px) saturate(1.1);transform:scale(1.06);margin:0!important}
.ss-gallery-locked__more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff;font-weight:800;font-size:1.1rem;text-decoration:none}

/* Bussprofil på bussiden */
.ss-profile{padding:1.4rem;border-radius:12px;background:var(--ss-surface);border:1px solid rgba(46,204,113,.35)}
.ss-profile__head{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.4rem}
.ss-profile__name{margin:0;font-size:1.3rem;font-weight:800}
.ss-social{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}
.ss-sponsor-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.ss-sponsor-chips a,.ss-sponsor-chips span{padding:.35rem .75rem;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid var(--ss-line);color:#fff;font-weight:700;text-decoration:none}
.ss-sponsor-chips a:hover{background:rgba(255,255,255,.14)}

/* Sponsorer (bedrifter) */
.ss-partners{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1.25rem;padding:.9rem 1rem;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--ss-line)}
.ss-partners__label{color:var(--ss-muted);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ss-partner{display:inline-flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;font-weight:800}
.ss-partner:hover{color:#fff;opacity:.85}
.ss-partner img{height:38px;max-width:140px;object-fit:contain}
.ss-partner small{display:block;color:var(--ss-muted);font-weight:600}
.ss-ad-slot{display:grid;place-items:center;gap:.25rem;padding:1rem;border-radius:12px;border:1px dashed rgba(255,255,255,.22);color:var(--ss-muted);text-align:center;text-decoration:none}
.ss-ad-slot:hover{color:#fff;border-color:var(--ss-accent)}

/* Skjemaer på mørk bakgrunn */
.ss-form .form-label{font-weight:700}
.ss-form .form-text{color:var(--ss-muted)}
.ss-form .form-control,.ss-form .form-select{background:#0f1214;border-color:rgba(255,255,255,.18);color:#fff}
.ss-form .form-control::placeholder{color:rgba(255,255,255,.4)}
.ss-form .form-control:focus,.ss-form .form-select:focus{background:#0f1214;color:#fff;border-color:var(--ss-accent);box-shadow:0 0 0 .2rem rgba(255,87,51,.22)}
.ss-form .form-check-input{background-color:#0f1214;border-color:rgba(255,255,255,.3)}
.ss-form .form-check-input:checked{background-color:var(--ss-accent);border-color:var(--ss-accent)}

.ss-steps{counter-reset:ss-step;list-style:none;padding:0;margin:0;display:grid;gap:.9rem}
.ss-steps li{counter-increment:ss-step;display:grid;grid-template-columns:2.2rem 1fr;gap:.75rem;align-items:start}
.ss-steps li::before{content:counter(ss-step);display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:rgba(255,87,51,.18);color:var(--ss-accent);font-weight:800}
.ss-stat{font-size:1.8rem;font-weight:800;line-height:1}
.ss-stat-label{color:var(--ss-muted);font-size:.85rem}

.ss-table{--bs-table-bg:transparent;--bs-table-color:#f8f9fa;--bs-table-striped-bg:rgba(255,255,255,.04);--bs-table-striped-color:#f8f9fa;--bs-table-border-color:var(--ss-line);color:#f8f9fa}
.ss-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.1rem}
.ss-footer-links a{color:rgba(255,255,255,.75);text-decoration:none;font-weight:600}
.ss-footer-links a:hover{color:#fff}

@media(max-width:767.98px){.ss-paywall{grid-template-columns:1fr}.ss-paywall__actions{min-width:0}.ss-gallery-locked img{width:145px;height:110px}}