/* =========================================
   SKOGSRO – EGEN CSS
   ========================================= */


/* Färg på knappen Godkänn cookies */
.modal .modal-dialog .modal-content .modal-footer .btn + .btn {
  background-color: #96CAAE;
}


/* Bredare dropdownmeny */
.dropdown-menu {
  min-width: 300px;
}


/* Utseende på varumärkesnamn */
.article .brandName a {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #000000;
  line-height: 1.5;
  letter-spacing: 0.24px;
}


/* =========================================
   SIDHUVUD
   ========================================= */

/* Varm ljus bakgrund bakom logga, sök och ikoner */
.hajde--header,
.hajde--header-wrapper,
.slot--header,
.slot--header .container,
.slot--header .container-fluid,
.hajde--header .row,
.hajde--header-wrapper .row {
  background-color: #FCFAF7 !important;
  background-image: none !important;
}

/* Ta bort linjen under sidhuvudet */
.hajde--header {
  border-bottom: none !important;
}

/* Låt inte sidhuvudet klippa loggan */
.hajde--header,
.hajde--header-wrapper,
.slot--header {
  overflow: visible !important;
}


/* =========================================
   MENY
   ========================================= */

/* Vit menyrad */
.slot--header-horizontal-menu,
.slot--header-horizontal-menu .navbar,
.tws-top-menu,
.tws-top-menu .container-fluid {
  background-color: #ffffff !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}


/* =========================================
   INFORMATIONSRAD
   ========================================= */

/* Vit yta bakom raden med fri frakt och bonuspoäng */
.hajde--top-bar {
  background-image: none !important;
  background-color: #ffffff !important;
}


/* =========================================
   LOGGA
   ========================================= */

img[alt="Skogsro Spa"] {
  display: block !important;
  vertical-align: top !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  height: auto !important;
  max-height: none !important;
  transform: none !important;
}


/* Fullt datorhuvud */
@media only screen and (min-width: 992px) {

  img[alt="Skogsro Spa"] {
    width: 220px !important;
    max-width: 220px !important;
  }

}


/* Kompakt sidhuvud och läsplatta */
@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hajde--header,
  .hajde--header-wrapper,
  .slot--header {
    min-height: 120px !important;
  }

  img[alt="Skogsro Spa"] {
    width: 175px !important;
    max-width: 175px !important;
  }

}


/* Mobil */
@media only screen and (max-width: 767px) {

  .hajde--header,
  .hajde--header-wrapper,
  .slot--header {
    min-height: 112px !important;
  }

  img[alt="Skogsro Spa"] {
    width: 140px !important;
    max-width: 140px !important;
  }

}/* =========================================
   FIX FÖR ABICARTS TEXTBANNER
   ========================================= */

/* Placera huvudtext och knapp på samma synliga rad */
#texbar .texbar-content,
.slot--texbar .texbar-content {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;

  width: 100% !important;
  height: auto !important;
  min-height: 48px !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 6px 15px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}


/* Huvudtexten – exempelvis Mossa Organics */
#texbar-text {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;

  position: static !important;
  float: none !important;
  transform: none !important;

  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 5px 0 !important;

  color: #304238 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  overflow: visible !important;
}


/* Knappen – exempelvis 20 % rabatt */
#texbar-button {
  display: inline-block !important;
  position: static !important;
  float: none !important;
  transform: none !important;

  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  white-space: nowrap !important;
}