/* SBH Market Value Ticker – standardstil
   Tips: Overstyr variablene under i temaet ditt ved behov.
*/

:root {
	--sbh-ticker-font-size: clamp(1.5rem, 2vw + 1rem, 3rem);
	--sbh-ticker-color: #0a0a0a;
	--sbh-ticker-weight: 700;
	--sbh-ticker-gap: 0.35em;
	--sbh-ticker-line-height: 1.1;
	--sbh-ticker-digit-spacing: 0.02em; /* mikrojus for tall */
	--sbh-ticker-label-color: #60646c;
	--sbh-ticker-label-size: 0.55em;
	--sbh-ticker-padding: 0;
	--sbh-ticker-bg: transparent;
	--sbh-ticker-radius: 0;
	--sbh-ticker-shadow: none;
  }
  
  /* Valgfri wrapper om du ønsker mer kontroll på layout */
  .sbh-market-ticker {
	display: inline-flex;
	align-items: baseline;
	column-gap: var(--sbh-ticker-gap);
	padding: var(--sbh-ticker-padding);
	background: var(--sbh-ticker-bg);
	border-radius: var(--sbh-ticker-radius);
	box-shadow: var(--sbh-ticker-shadow);
  }
  
  /* Selve tallverdien – dette er elementet pluginen skriver ut (class="js-marketValue") */
  .js-marketValue {
	font-size: 42px;
	font-family: 'GT America Standard', Helvetica, Arial, sans-serif;
	/* font-weight: var(--sbh-ticker-weight); */
	line-height: var(--sbh-ticker-line-height);
	/* color: var(--sbh-ticker-color); */
	letter-spacing: var(--sbh-ticker-digit-spacing);
	font-variant-numeric: tabular-nums lining-nums; /* jevne tallbredder */
	font-feature-settings: "tnum" 1, "lnum" 1;
	white-space: nowrap;
  }
	@media (min-width: 768px) and (max-width:1000px){
		.js-marketValue {
			font-size: 32px;
		}
	}
  
  /* Valgfri label-tekst hvis du wraper med egen markup: <span class="sbh-ticker__label">kroner</span> */
  .sbh-ticker__label {
	color: var(--sbh-ticker-label-color);
	font-size: var(--sbh-ticker-label-size);
	line-height: 1;
	letter-spacing: .02em;
	text-transform: uppercase;
	white-space: nowrap;
  }
  
  /* Kompakte/alternative varianter – legg klasse på wrapperen din ved behov */
  .sbh-market-ticker--compact .js-marketValue {
	--sbh-ticker-font-size: clamp(1.25rem, 1.2vw + 1rem, 2.25rem);
	--sbh-ticker-font-size: 42px;
	--sbh-ticker-gap: 0.25em;
  }
  
  .sbh-market-ticker--card {
	--sbh-ticker-bg: #f7f8f9;
	--sbh-ticker-padding: .75rem 1rem;
	--sbh-ticker-radius: 10px;
	--sbh-ticker-shadow: 0 1px 2px rgba(0,0,0,.06);
  }
  
  /* Dark mode hint – juster farger om brukeren har mørk modus */
  @media (prefers-color-scheme: dark) {
	.sbh-market-ticker {
	  --sbh-ticker-bg: transparent;
	}
	.js-marketValue {
	  --sbh-ticker-color: #f2f4f8;
	}
	.sbh-ticker__label {
	  --sbh-ticker-label-color: #99a1ab;
	}
  }
  
  /* ——————————————————————
	 Valgfritt: legg til suffix/prefix med CSS (kommentert ut som default)
	 Fjern kommentar-tegn for å aktivere.
  ———————————————————————— */
  /*
  .js-marketValue::after {
	content: " kr";
	margin-left: 0.15em;
	font-weight: 500;
	font-size: 0.6em;
	color: var(--sbh-ticker-label-color);
  }
  */
  
  /* Hvis du vil ha monospaced look (ikke nødvendig når tnum er på) */
  /*
  .js-marketValue {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  }
  */