/* ── Tiboine Variant Selector ──────────────────────────────── */

/* Knappesett — standard (horisontal) */
.tib-variant-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: .4rem 0 .8rem;
}

/* Størrelse — vertikal liste */
.tib-variant-wrap[data-type="size"] {
  flex-direction: column;
  align-items: flex-start;
  gap: .4rem;
}

/* Basisknapp — konsistent stil for alle typer */
.tib-vbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .6rem 1.4rem;
  border: 1.5px solid #D0CEC9;
  border-radius: 3px;
  background: #fff;
  color: #1A1A1A;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: .85rem;
  font-weight: 500;
  line-height: 1.3;
  cursor: pointer;
  transition: border-color .15s, background .15s, color .15s, box-shadow .15s;
  white-space: nowrap;
  user-select: none;
  letter-spacing: .01em;
}

.tib-vbtn:hover {
  border-color: #2C4A6E;
  color: #2C4A6E;
  box-shadow: 0 0 0 3px rgba(44,74,110,.08);
}

/* Valgt */
.tib-vbtn.selected {
  background: #2C4A6E;
  border-color: #2C4A6E;
  color: #fff;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(44,74,110,.25);
}

/* Størrelse — litt bredere for å lese cm-tall tydelig */
.tib-variant-wrap[data-type="size"] .tib-vbtn {
  min-width: 7rem;
  font-size: .83rem;
  letter-spacing: .03em;
}

/* Generisk */
.tib-variant-wrap[data-type="generic"] .tib-vbtn {
  min-width: 3rem;
}

/* Pris-oppdatering — subtil blink */
.tib-price-updated {
  animation: tib-price-flash .55s ease;
}

@keyframes tib-price-flash {
  0%   { opacity: 1; }
  30%  { opacity: .4; }
  100% { opacity: 1; }
}

/* Slett-valg lenke */
.reset_variations {
  display: inline-block;
  margin-top: .3rem;
  font-size: .78rem;
  color: #6B6B6B;
  text-decoration: underline;
  cursor: pointer;
}

/* Mobil */
@media (max-width: 480px) {
  .tib-variant-wrap {
    gap: .4rem;
  }
  .tib-vbtn {
    font-size: .82rem;
    padding: .5rem .85rem;
  }
}