/* --- TOP BAR --- */
.fabrikk--top-bar {
     background: #212121;
}
.slot--top-bar-html p span {
     background: #212121 !important;
     color: #fff !important;
}

@media (max-width: 480px) {
.slot--top-bar-html p span {
    font-size: 12px !important;
}
}

@media (min-width: 768px) {
body.scrolled .fabrikk--header {
  top: 0;
  position: sticky;
  width: 100%;
  z-index: 2;
 transition: all 0.5s ease;
}

body.scrolled .slot--logo .tws-logo {
    max-width: 180px;
   transition: all 0.3s ease;
}
}

.tws-contact-info--terms-and-conditions {
    font-weight: 700;
    font-size: 16px;
    text-decoration: underline;
}

.fabrikk--header-wrapper,
.tws-mega-menu .btn-group, .tws-mega-menu .btn, .tws-mega-menu .tws-articles-connected--show-more-button, .tws-mega-menu .tws-articles--show-more-button, .tws-mega-menu .slot--my-pages-logout div.tws-login a, .slot--my-pages-logout div.tws-login .tws-mega-menu a{
	background: #ecedf3;
  color: #000;
}
/*
.tws-mini-cart--header-cart-info * {
	color: #fff;
} */

/* =========================
   FAQ - Abicart Trailblazer
   ========================= */

/* wrapper */
.faq {
  margin-top: 35px;
}

/* själva boxarna */
.faq details {
  border-bottom: 1px solid #e5e5e5;
  padding: 16px 0;
}

/* rubriken (klickbar fråga) */
.faq details > summary {
  display: block;
  cursor: pointer;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.45;
  position: relative;
  padding-right: 34px;
}

/* dölj webbläsarens standardpil */
.faq details > summary::marker {
  content: "";
}
.faq details > summary::-webkit-details-marker {
  display: none;
}

/* plus-ikon */
.faq details > summary:after {
  content: "+";
  position: absolute;
  right: 0;
  top: 0;
  font-size: 22px;
  font-weight: 400;
  transition: transform .2s ease;
}

/* minus när öppen */
.faq details[open] > summary:after {
  content: "−";
}

.faq details p {
  margin: 10px 0 6px;
}

/* lite hover-feedback */
.faq details > summary:hover {
  color: #1a73e8;
}

/* ===== Läs mer (text-expand, inte box) ===== */

.read-more {
  margin: 8px 0 18px;
  padding: 0;
  border: 0;
  background: none;
}

/* själva "länken" */
.read-more > summary {
  display: inline;
  cursor: pointer;
  font-weight: 600;
  color: #1a73e8;
  list-style: none;
  text-decoration: none;
  position: relative;
  padding-right: 18px;
}

/* ta bort default pil */
.read-more > summary::-webkit-details-marker { display:none; }
.read-more > summary::marker { content:""; }

/* liten pil istället för plus */
.read-more > summary::after {
  content: "›";
  margin-left: 6px;
  font-size: 18px;
  transition: transform .18s ease, color .18s ease;
}

/* hover: bara texten ska reagera */
.read-more > summary:hover {
  text-decoration: underline;
  color: #0b57d0;
}

/* när öppnad */
.read-more[open] > summary::after {
  transform: rotate(90deg);
}

/* spacing till texten som öppnas */
.read-more__content {
  margin-top: 14px;
}

/* Enkel snygg tabell */

.chess-table {
  width: 100%;
  border-collapse: collapse;
  margin: 18px 0 24px;
  font-size: 15px;
}

/* rubrikrad */
.chess-table thead th {
  text-align: left;
  padding: 10px 12px;
  border-bottom: 2px solid #dcdcdc;
  font-weight: 600;
}

/* celler */
.chess-table td {
  padding: 9px 12px;
  border-bottom: 1px solid #eeeeee;
}

/* varannan rad svagt grå */
.chess-table tbody tr:nth-child(even) {
  background: #fafafa;
}

/* subtil hover */
.chess-table tbody tr:hover {
  background: #f3f6fb;
}

/* dölj den duplicerade H3 visuellt men behåll för Google */
.faq-heading {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* summary styling (ser ut som rubrik) */
.faq details > summary {
  display: block;
  cursor: pointer;
  font-weight: 600;
  font-size: 18px;
  list-style: none;
  position: relative;
  padding-right: 28px;
}

.faq details > summary::-webkit-details-marker { display:none; }
.faq details > summary::marker { content:""; }

.faq details > summary::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 0;
  font-size: 20px;
}

.faq details[open] > summary::after {
  content: "−";
}

/* Centrera FAQ och gör den smalare på desktop */
.faq {
  max-width: 900px;
  margin: 40px auto;
  padding: 0 16px;
}

/* mobil – använd hela bredden */
@media (max-width: 768px) {
  .faq {
    max-width: 100%;
    margin: 30px 0;
    padding: 0;
  }
}