/* === Tokens / farger === */
:root{
  --sn-accent:#F3C845;      /* SurfNorge-gul */
  --sn-accent-sea:#7FC6E7;  /* lys havblå til knappen */
  --sn-ink:#0A0A0A;
  --sn-muted-bg:#F6F7F9;
  --sn-ring:rgba(0,0,0,.08);
}

/* === Container / kort === */
.sn-container{max-width:1200px;margin:0 auto;padding:16px;}
.sn-brukt-card{background:#fff;border-radius:16px;border:1px solid #eee;box-shadow:0 10px 28px rgba(0,0,0,.06);padding:20px;}

/* === Grid: venstre media / høyre info === */
.sn-brukt-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;}
@media (max-width:980px){.sn-brukt-grid{grid-template-columns:1fr;}}

/* === Høyre side (head/meta) === */
.sn-head{padding:6px 0 12px;position:relative;}

.sn-back{
  display:inline-flex;align-items:center;gap:6px;
  font-weight:600;text-decoration:none;
  padding:5px 10px; /* mindre */
  border-radius:8px;border:1px solid #e6e6ea;background:#fff;
  box-shadow:0 1px 0 var(--sn-ring);margin-bottom:16px;
  font-size:1.2rem; line-height:1;
}
.sn-back:hover{border-color:var(--sn-accent);}

.sn-title{
  margin:0 0 14px;line-height:1.15;position:relative;display:block;
  padding-top:4px; /* mer luft */
}
/* Alltid synlig gul linje (ikke bare hover) */
.sn-title:after{
  content:""; position:absolute; left:0; right:0; bottom:-8px; height:3px;
  background:linear-gradient(90deg,var(--sn-accent),transparent 60%);
  opacity:1; transform:none; border-radius:3px;
}

/* Prisblokk under tittel (ren stil, label + stor verdi) */
.sn-price-block{ margin:0 0 14px; padding-top: 14px;}
.sn-price-label{ font-size:26px; font-weight:600; }
.sn-price-val{
  display:block;
  font-size:20px;   /* større tekst enn label */
  font-weight:400;
  margin-top:4px;
}

/* Seksjonsoverskrifter og spacing‑byggesteiner */
.sn-h2{ font-size:26px; font-weight:600; margin:0 0 8px; line-height:1.25; font-family: "Roboto"; letter-spacing: 0px;}
.sn-block-gap{ height:14px; }
.sn-line{ margin:.25rem 0 .5rem; }
.sn-contact-muted{ opacity:.8; font-weight:500; }

/* === Galleri === */
.sn-gallery-wrap{margin-bottom:20px;}
.sn-main-link{display:block;border-radius:12px;overflow:hidden;background:#fafafa;position:relative;}
.sn-main-img{width:100%;height:auto;max-height:700px;object-fit:contain;display:block;}
.sn-thumbs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(90px,1fr);gap:10px;overflow-x:auto;padding-bottom:6px;margin-top:12px;}
.sn-thumb{display:block;border:2px solid transparent;border-radius:8px;transition:border-color .15s ease;}
.sn-thumb.is-active{border-color:var(--sn-accent);}
.sn-thumb img{width:100%;height:78px;object-fit:cover;border-radius:6px;display:block;}
.sn-main-placeholder{display:flex;align-items:center;justify-content:center;min-height:380px;border-radius:12px;background:#fafafa;color:#aaa;}

/* Skjul temaelementer vi ikke vil ha */
.single-post .about-author,
.single-post .post-related,
.single-post .post-meta-bottom,
.saboxplugin-wrap{display:none !important;}

/* === Bruktmarked oversikt (grid) === */
.sn-brukt-grid-archive{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;}
.sn-brukt-card--grid{border:1px solid #eaeaea;border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .2s ease,transform .12s ease;box-shadow:0 6px 18px rgba(0,0,0,.04);}
.sn-brukt-card--grid:hover{box-shadow:0 10px 24px rgba(0,0,0,.07);transform:translateY(-1px);}
.sn-brukt-card-img img{width:100%;height:210px;object-fit:cover;display:block;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.sn-brukt-card-body{padding:14px;}
.sn-card-title{font-size:1.05rem;margin:0 0 6px;line-height:1.3;color:var(--sn-ink);border-bottom:2px solid transparent;display:inline;}
.sn-brukt-card-link:hover .sn-card-title{border-bottom-color:var(--sn-accent);}
.sn-card-price{display:inline-flex;align-items:center;gap:6px;font-weight:800;background:linear-gradient(180deg,rgba(243,200,69,.20),rgba(243,200,69,.12));border:1px solid var(--sn-accent);border-radius:999px;padding:4px 8px;margin-top:4px;font-size:.95rem;}
.sn-card-price:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sn-accent);display:inline-block;box-shadow:0 0 0 2px #fff inset;}
.sn-card-currency{font-weight:600;margin-left:2px;}
.sn-card-location{font-size:.92rem;color:#666;margin-top:2px;}

.sn-pagination{margin-top:18px;text-align:center;}
.sn-pagination ul{list-style:none;padding:0;display:inline-flex;gap:6px;}
.sn-pagination li a,.sn-pagination li span{display:inline-block;padding:8px 12px;border:1px solid #e6e6e9;border-radius:8px;text-decoration:none;}
.sn-pagination li .current{background:#f6f6f8;font-weight:700;}

/* === Tilgjengelighet / fokus === */
.sn-brukt-card-link:focus-visible,
.sn-contact-btn:focus-visible,
.sn-thumb:focus-visible{outline:3px solid rgba(243,200,69,.6);outline-offset:2px;border-radius:8px;}

/* === Sticky info på desktop === */
@media (min-width:981px){.sn-info{position:sticky;top:84px;}}

/* === Små skjermer === */
@media (max-width:820px){
  .sn-contact-primary{display:block; width:100%; text-align:center;}
}
@media (max-width:600px){
  .sn-thumb img{height:70px;}
}

/* ====== SOLGT – én markering over tittelen ====== */
.sn-sold-flag{
  display:inline-block;
  background:var(--sn-accent);
  color:#111;
  font-weight:800;
  font-size:1.2rem;
  line-height:1;
  padding:8px 10px;
  border-radius:6px;
  margin:0 0 12px;
  box-shadow:0 2px 0 var(--sn-ring);
  text-transform:uppercase;
}
/* Skru av gamle, svarte badge på single hvis den fortsatt skulle finnes */
.sn-sold-badge--single{display:none !important;}

/* Kontaktknapp når solgt (ikke-klikkbar stil) */
.sn-contact-btn{display:inline-block;padding:12px 16px;border-radius:10px;text-decoration:none;font-weight:700;border:1px solid #e3e3e8;background:#fff;box-shadow:0 2px 0 var(--sn-ring);}
.sn-contact-primary{font-size:.95rem;padding:10px 14px;background:linear-gradient(180deg,rgba(127,198,231,.22),rgba(127,198,231,.14));border-color:var(--sn-accent-sea);}
.sn-contact-primary:hover{filter:saturate(1.03);box-shadow:0 3px 0 var(--sn-ring);}
.sn-contact-disabled{pointer-events:none;opacity:.65;background:#f1f1f1;border-color:#e2e2e2;color:#444;}

/* (Valgfritt) demp bilder ved solgte kort i grid */
.sn-brukt-card-link.is-sold .sn-brukt-card-img img{filter:grayscale(.35);}
body.sn-sold .sn-main-img{filter:grayscale(.15);}

@media (max-width: 820px) {
  .sn-main-img {
    max-height: 30vh;   /* aldri mer enn 60% av skjermhøyden */
    object-fit: contain;
  }
}

/* === Brukt: kategori-nav (fliser) === */
.sn-catgrid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:16px;
  margin:12px 0 24px;
}
.sn-catcard {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:16px 14px;
  background:#fff;
  border:1px solid #eee;
  border-radius:12px;
  text-decoration:none;
  color:var(--sn-ink);
  box-shadow:0 6px 18px rgba(0,0,0,.04);
  transition:transform .12s ease, box-shadow .2s ease, border-color .2s ease;
}
.sn-catcard:hover {
  border-color:var(--sn-accent);
  box-shadow:0 10px 24px rgba(0,0,0,.07);
  transform:translateY(-1px);
}
.sn-catcard__title { margin:0; font-size:1.05rem; line-height:1.25; }
.sn-catcard__count {
  display:inline-flex; align-items:center; gap:6px;
  font-weight:700; font-size:.9rem;
  background:linear-gradient(180deg,rgba(243,200,69,.20),rgba(243,200,69,.12));
  border:1px solid var(--sn-accent);
  border-radius:999px; padding:4px 8px;
}
.sn-catcard__chev { font-size:1.25rem; opacity:.6; }
@media (max-width:600px) {
  .sn-catgrid { grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); }
}