/************************************************************
 * 0) AUTOMATISK MOMS-TEXT – bas = Ink moms, växla på body.vat-excl
 ************************************************************/
:root { --vat-label: 'Ink moms (sek)'; }         /* baseline */
body.vat-incl { --vat-label: 'Ink moms (sek)'; } /* tydliggör */
body.vat-excl { --vat-label: 'Ex moms (sek)'; }  /* kunden väljer ex moms */

/************************************************************
 * 1) LOGORUTA – oförändrad
 ************************************************************/
.leverantorer_front{
  text-align:center; display:flex; flex-wrap:wrap;
  align-items:center; justify-content:center;
}
.image_lev_front{
  display:inline-block; border:1px solid #ddd; padding:10px;
  border-radius:4px; margin:5px; background:#fff;
}

/************************************************************
 * 2) BAS – content (inledning + beskrivning)
 *    ~101.25% (din “perfekt”-version)
 ************************************************************/
html { font-size:101.25%; }               /* ~16.2px bas */
html body { font-size:101.25% !important; line-height:1.5; }

/* Vanliga contentytor + Abicarts inledning/description */
.product-description,
.product__description,
.product__short-description,
.product__summary,
.intro,
.lead,
[itemprop="description"],
.rte,
.page-content,
.article-content,
.tws-article-introduction--text,
.tws-article-description--text {
  font-size:1rem;
  line-height:inherit;
}

/* Ärva/städa inline-kladd i content */
.product-description *, .product__description *,
.product__short-description *, .product__summary *,
.intro *, .lead *, [itemprop="description"] *,
.rte *, .page-content *, .article-content *,
.tws-article-introduction--text *, .tws-article-description--text *{
  font-size:inherit !important;
  line-height:inherit !important;
  font-family:inherit !important;
}

/* Rubriker och textluft i content */
.product-description h1, .page-content h1 { font-size:1.6em; line-height:1.25; margin:0 0 .6em; }
.product-description h2, .page-content h2 { font-size:1.35em; line-height:1.3;  margin:.8em 0 .5em; }
.product-description h3, .page-content h3 { font-size:1.2em;  line-height:1.35; margin:.8em 0 .4em; }
.product-description p,  .page-content p  { margin:0 0 .9em; }
.product-description ul, .product-description ol,
.page-content ul, .page-content ol { margin:0 0 1em 1.2em; }

/************************************************************
 * 3) SIDOPANEL – tws-vertical-menu-light (menyn)
 ************************************************************/
a.tws-vertical-menu-light--articlegroup,
a[class^="tws-vertical-menu-light--articlegroup"],
a[class*=" tws-vertical-menu-light--articlegroup"]{
  font-size:1rem !important; line-height:1.45 !important;
}
[class^="tws-vertical-menu-light"],
[class*=" tws-vertical-menu-light"]{
  font-size:1rem !important; line-height:1.45 !important;
}
[class^="tws-vertical-menu-light"] *,
[class*=" tws-vertical-menu-light"] *{
  font-size:inherit !important; line-height:inherit !important;
}

/************************************************************
 * 4) PRIS – ENDAST på produktsidan (PDP), ~31 px
 ************************************************************/
.brew--article .slot--article-price .tws-article-price,
.brew--article .slot--article-price .tws-api-price,
.brew--article .slot--article-price .tws-article-price--price{
  font-size:31px !important; line-height:1.1 !important; font-weight:800 !important;
}
.brew--article .slot--article-price .tws-api--price-current,
.brew--article .slot--article-price .twsPriceCurrent{
  font-size:inherit !important; line-height:inherit !important;
  font-weight:inherit !important; display:inline-block !important;
}
.brew--article .slot--article-price .tws-article-price *,
.brew--article .slot--article-price .tws-api-price *{
  font-size:inherit !important; line-height:inherit !important; font-weight:inherit !important;
}


/************************************************************
 * 5) MOMS-ETIKETT – ren CSS, text hämtas från --vat-label
 *     Resultat: ... 299:- Ink moms (sek)  /  ... 299:- Ex moms (sek)
 ************************************************************/
.brew--article .slot--article-price .tws-api-price::after{
  content: ' ' var(--vat-label);
  display:inline-block;
  margin-left:.5ch;
  font-size:.55em;
  font-weight:600;
  opacity:.85;
  vertical-align:baseline;
}

/************************************************************
 * 5b) USP-rad under köpknappen – behåll läsbarhet
 ************************************************************/
.brew--article .tws-unique-selling-points--wrapper ul{
  margin:0 !important; padding:0 !important;
}
.brew--article .tws-unique-selling-points--wrapper li{
  display:flex !important; align-items:center !important;
  gap:0.5ch !important; margin:0.1em 0 !important;
}
.brew--article .tws-unique-selling-points--icon{
  font-size:0.72em !important; line-height:1 !important; opacity:.9 !important;
}
.brew--article .tws-unique-selling-points--text{
  line-height:1.35 !important;
}

/************************************************************
 * 6) KATEGORI-/ÖVERSIKTSLISTA – artikelnamn
 ************************************************************/
.tws-article-list--article-name .tws-util-heading--heading.h5,
.tws-article-list--article-name .tws-util-heading--heading.h5 a{
  font-size:0.95em !important;
  line-height:1.25 !important;
  font-weight:700 !important;
}

/************************************************************
 * 7) TOPPBANNER – typografi och mellanrum
 ************************************************************/
:root{ --topbar-text-size: 0.79rem; }

.brew--top-bar,
.brew--top-bar a,
.brew--top-bar .tws-unique-selling-points--text,
.brew--top-bar .tws-accept-cookies--open-btn a,
.brew--top-bar .tws-login--login-text,
.brew--top-bar .tws-audience-selector--audience-button-text{
  font-size: var(--topbar-text-size) !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
}

/* Vänstersidan – rad av punkter med kompakt luft */
.brew--top-bar .tws-unique-selling-points .tws-unique-selling-points--wrapper ul{
  display:flex !important; flex-wrap:nowrap !important;
  gap: 0.9rem !important; margin:0 !important; padding:0 !important;
  white-space:nowrap !important;
}
.brew--top-bar .tws-unique-selling-points .tws-unique-selling-points--wrapper li{
  margin:0 !important; display:inline-flex !important;
  align-items:center !important; gap:.45ch !important;
}
.brew--top-bar .tws-unique-selling-points--icon{
  font-size:0.69em !important; line-height:1 !important; opacity:.85 !important;
}

/* Wrappern: håll allt på en rad, vänster/höger åtskilda */
.brew--top-bar .brew--top-bar-wrapper{
  display:flex !important; justify-content:space-between !important;
  align-items:center !important; gap: 0.9rem !important; flex-wrap:nowrap !important;
}

/* Högersidan – jämn spacing och tydlig separation */
.brew--top-bar .brew--top-bar-right{
  display:flex !important; align-items:center !important;
  gap: 0.92rem !important;
  padding-left: .77rem !important;
  margin-left: .77rem !important;
  border-left: 1px solid rgba(0,0,0,.18) !important;
  white-space:nowrap !important;
}

/* Cookie-länken: liten ikon-text-luft */
.brew--top-bar .tws-accept-cookies--open-btn a{
  display:inline-flex !important; align-items:center !important; gap: .50rem !important;
}

/* Mindre skärmar */
@media (max-width:992px){
  .brew--top-bar .tws-unique-selling-points .tws-unique-selling-points--wrapper ul{
    gap:.68rem !important; flex-wrap:wrap !important;
  }
  .brew--top-bar .brew--top-bar-right{
    gap:.81rem !important; flex-wrap:wrap !important;
  }
}
@media (max-width:768px){
  :root{ --topbar-text-size: 0.77rem; }
  .brew--top-bar .brew--top-bar-wrapper{ gap: .54rem !important; }
  .brew--top-bar .tws-unique-selling-points .tws-unique-selling-points--wrapper ul{
    gap: .54rem .45rem !important;
  }
}

/************************************************************
 * 8) SÄKERHET – rör aldrig nav/huvud/fot/knappar
 ************************************************************/
.header, .site-header, header, nav, .nav, .menu, footer, .site-footer, .button, .btn {
  font-size: initial;
}

/************************************************************
 * 9) MOBIL – lite tätare rytm globalt
 ************************************************************/
@media (max-width:768px){
  html body { line-height:1.45; }
}

/************************************************************
 * POPUP: Publik/valuta/moms (tws-audience-selector)
 ************************************************************/
.tws-audience-selector--frame{
  background:#fff !important;
  border:1px solid #e9e9e9 !important;
  border-radius:9px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.08) !important;
  padding:11px !important;
  font-size:0.77rem !important;
  line-height:1.35 !important;
}
.tws-audience-selector--frame-left-content,
.tws-audience-selector--frame-right-content{ display:block !important; }

.tws-audience-selector--selection-box-group-vertical{
  display:flex !important; flex-direction:column !important;
  gap:7px !important; margin-bottom:7px !important;
}
.tws-audience-selector--selection-box-group-horizontal{
  display:flex !important; gap:7px !important; align-items:stretch !important;
}

.tws-audience-selector--selection-box{
  background:#fafafa !important; border:1px solid #eee !important;
  border-radius:9px !important; padding:6px 8px !important;
  min-width:14ch !important; width:auto !important;
}
.tws-audience-selector--selection-box-inner{ padding:2px 0 !important; }

.tws-audience-selector--selection-box-label{
  font-size:.63em !important;
  font-weight:600 !important; letter-spacing:.01em !important;
  opacity:.85 !important; margin-bottom:.2em !important;
}
.tws-audience-selector--selection-box-choiceview{
  display:flex !important; align-items:center !important; gap:.6ch !important;
}
.tws-audience-selector--selection-box-choiceview-text{
  font-size:.77em !important;
  font-weight:600 !important; line-height:1.35 !important;
}
.tws-audience-selector--selection-box-icon,
.tws-audience-selector--audience-item-icon,
.tws-audience-selector--audience-item-icon-text{
  font-size:.86em !important; opacity:.85 !important;
}
.tws-audience-selector--selection-box-selection-list{
  min-width:100% !important; width:auto !important;
}
.tws-audience-selector--audience-item{
  padding:5px 7px !important; border-radius:7px !important;
}
.tws-audience-selector--audience-item:hover{ background:#f6f6f6 !important; }
        .tws-article-price--compare-at-price { display: none; }


/* Rättad variant – inga nästlade kommentarer och korrekt stängning */
.tws-article-stock-shipping--delivery-message span {
  font-weight: bold;              /* Fetstil */
  text-decoration: underline;     /* Understruken */
  font-size: 1.4em;               /* Något större text */
  color: #d40b0b;                 /* Mörkröd färg */
}


.tws-article-stock-shipping--delivery-message span{
  color: #2e7d32;        /* grön */
  font-weight: 600;
}

.product-description strong {
  font-weight: 1000;
}