/* Knappen för att ta bort en vara i kundvagnen */
.tws-opc-cart--item-remove {
  color: #B61715 !important;
  cursor: pointer;
  transition: color 0.3s ease;
}

/* Hover-effekt för ta bort-knappen i kundvagnen */
.tws-opc-cart--item-remove:hover {
  color: #EE1B1E !important;
}

.bountiful--top-bar .slot--top-bar-audience-selector,
.slot--sidebar-audience-selector {
  display: none;
}

.tws-quickorder .tws-quickorder--description-heading,
.tws-quickorder input[type="file"] {
  display: none;
}

.slot--article-description { display: none; }

.bountiful--article-right-col .tws-article-introduction--read-more { display: none; }

/* Footer */
.bountiful--footer-mid-left {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #696969;
}

.bountiful--footer a { color: #000 !important; }

.bountiful--footer-mid-left ul li {
  display: inline-block;
  padding-right: 8px;
  color: #000;
}

.bountiful--footer-mid-left ul li {
  display: inline-block;
  padding: 8px 8px 0px 8px;
  color: #000;
  font-size: 16px;
}

.bountiful--footer-mid-left ul li:not(:nth-last-child(-n+2)):after {
  content: "•";
  font-size: 22px;
  color: #000;
  padding-left: 18px;
  vertical-align: sub;
}

.bountiful--footer .slot--brand-logos {
  text-align: center;
  padding: 0;
  margin: 0;
  border-top: none;
}

.bountiful--footer-mid-right {
  width: 100%;
  text-align: center;
  padding: 20px 0px;
}

@media (max-width: 767px) {
  .bountiful--footer-mid-left ul li:not(:nth-last-child(-n+2))::after { display: none; }
  .bountiful--footer-mid-left ul li:not(:nth-last-child(-n+2)) { display: block; padding: 6px 0px; }
  .bountiful--footer-mid-left ul li { display: block; padding: 6px 0px; }
}

@media (max-width: 1099px) {
  .slot--top-bar-login { display: none; }
}

.slot--top-bar-login {
  position: relative;
  bottom: 2px;
  margin-right: 12px;
}

.slot--top-bar-login a {
  text-transform: inherit;
	color: black;
  font-size: 16px;
}

.slot--top-bar-login .tws-login--login-text:before {
  font-family: 'Material Symbols Outlined';
  content: "\ea77";
  font-size: 19px;
  font-weight: 400;
  position: relative;
  top: 4px;
  right: 4px;
}

.user-logged-in .slot--top-bar-login .tws-login--login-text:before {
  font-family: 'Material Symbols Outlined';
  content: "\e9ba";
}

/* Bekräfta-knappen i modalen (t.ex. Ta bort) */
.btn.tws-opc-cart--modal-ok {
  background-color: #B61715 !important;
  border-color: #B61715 !important;
  color: #fff !important;
  font-weight: 600;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Hover-effekt för modalens bekräfta-knapp */
.btn.tws-opc-cart--modal-ok:hover {
  background-color: #EE1B1E !important;
  border-color: #EE1B1E !important;
}

/* Ikon-knappen för att ta bort en artikel direkt i listan */
.tws-opc-cart--item-remove-action {
  background-color: #808080 !important;
  border: none;
  color: #fff !important;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Färg på ikonen i ta bort-knappen */
.tws-opc-cart--item-remove-action i { color: #fff !important; }

/* Hover-effekt för ikonen i ta bort-knappen */
.tws-opc-cart--item-remove-action:hover { background-color: #EE1B1E !important; }

/* Texten "Ta bort alla" i kundvagnen */
.tws-opc-cart--item-remove-all--text { color: #fff !important; }

/* Läs mer-länk i artikelintroduction */
.tws-article-introduction--read-more { text-align: left !important; }

/* Bilder i artiklar med zoom-effekt */
.tws-img--image { transition: transform 1s ease; }
.tws-img--image:hover { transform: scale(1.04); }

/* Justering av köpknappen i artiklar */
.bountiful--buy-button-group .slot--article-buy-button { text-align: left; }

/* Styling på köpknappen i artiklar */
.bountiful--buy-button-group .slot--article-buy-button .btn {
  height: 40px;
  width: auto;
  min-width: 170px;
  padding: 0 20px;
  line-height: 36px;
  font-size: 17px;
  border-radius: 6px;
}

/* Centrerar modalens bekräfta-knapp */
.tws-opc-cart--modal-cancel .tws-opc-cart--modal-ok { text-align: center; }

/* Social share-knappen (första sociala ikonen) */
.tws-article-social--share-button.sharer-0 label {
  font-size: 16px;
  cursor: pointer;
  margin: 0;
  padding: 5px 10px;
  border-radius: 5px;
  background: #0096FF !important;
  color: #ffffff !important;
  transition: all 0.3s ease;
}

/* Hover-effekt på social share-knappen */
.tws-article-social--share-button.sharer-0 label:hover {
  background: #0047AB !important;
  color: #ffffff !important;
}

/* Favoritknappen i listan */
.slide-in-list--body--favorite-article-item--remove .btn-primary {
  height: 35px;
  display: flex;
  align-items: center;
  padding: 6px 12px;
  background-color: #B61715 !important;
  color: #fff !important;
  border: none;
}

.tws-list--grid-item .tws-article-favoritebutton { background: transparent; }
.tws-quickorder--description-below { display: none; }

/* =========================================================
   EG NordLab – Abicart Sidebar Menu (Desktop)
   ========================================================= */
@media only screen and (min-width: 1100px) {

  /* Menu container */
  .bountiful--sidebar .tws-vertical-menu-light {
    background: #edf5e6 !important;
    padding: 10px 10px;
    border-radius: 4px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    box-shadow: none;
  }

  /* Title */
  .bountiful--sidebar .tws-vertical-menu-light--title {
    color: #1f2d16 !important;
    font-size: 40px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .04em;
    background: transparent !important;
  }

  /* List items */
  .bountiful--sidebar .tws-vertical-menu-light-root-level li,
  .bountiful--sidebar ul.tws-vertical-menu-light-inner-ul li {
    margin-bottom: 2px;
    border-radius: 8px;
  }

  .bountiful--sidebar .tws-vertical-menu-light-root-level li {
    border-bottom: 1px solid rgba(0,0,0,.18);
  }

  .bountiful--sidebar ul.tws-vertical-menu-light-inner-ul li {
    border-bottom: 1px solid rgba(182,23,21,.14);
  }

  .bountiful--sidebar li:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }

  /* Row wrapper (text + arrow) */
  .bountiful--sidebar .tws-vertical-menu-light-articlegroup {
    background: transparent;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    transition: background-color .18s ease, transform .18s ease, opacity .18s ease;
  }

  /* Root link */
  .bountiful--sidebar .tws-vertical-menu-light-articlegroup > a {
    background: transparent !important;
    padding: 13px 16px;
    font-size: 20px;
    font-weight: 500;
    color: #1f2d16 !important;
    flex: 1;
    display: flex;
    align-items: center;
    transition: font-weight .18s ease;
  }

  /* Arrow area */
  .bountiful--sidebar .tws-vertical-menu-light-expand-children {
    background: transparent !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
  }

  /* Sub links */
  .bountiful--sidebar ul.tws-vertical-menu-light-inner-ul a {
    padding: 11px 14px;
    font-size: 16px;
    font-weight: 500;
    color: rgb(182,23,21) !important;
    display: block;
    background: transparent;
    border-radius: 6px;
    transition: background-color .18s ease, transform .18s ease, opacity .18s ease, font-weight .18s ease;
  }

  /* Hover focus (current behavior in your pasted CSS) */
  .bountiful--sidebar .tws-vertical-menu-light-root-level:hover
  > li > .tws-vertical-menu-light-articlegroup {
    opacity: .45;
    transform: scale(.96);
  }

  .bountiful--sidebar .tws-vertical-menu-light-root-level
  > li > .tws-vertical-menu-light-articlegroup:hover {
    opacity: 1;
    transform: scale(1.05);
    background: transparent;
  }

  .bountiful--sidebar .tws-vertical-menu-light-root-level
  > li > .tws-vertical-menu-light-articlegroup:hover > a {
    font-weight: 700;
  }

  .bountiful--sidebar ul.tws-vertical-menu-light-inner-ul:hover a {
    opacity: .45;
    transform: scale(.17);
  }

  .bountiful--sidebar ul.tws-vertical-menu-light-inner-ul a:hover {
    opacity: 1;
    transform: translateX(2px) scale(1.02);
    font-weight: 700;
    background: transparent;
  }

  /* Open/active */
  .bountiful--sidebar
  li.tws-vertical-menu-light-articlegroup-is-open
  > .tws-vertical-menu-light-articlegroup,
  .bountiful--sidebar
  li.folder.open
  > .tws-vertical-menu-light-articlegroup {
    background: transparent;
  }

  /* All submenus – 150px indent when open */
  .bountiful--sidebar
  li.tws-vertical-menu-light-level.tws-vertical-menu-light-articlegroup-is-open
  > ul.tws-vertical-menu-light-inner-ul,
  .bountiful--sidebar
  li.tws-vertical-menu-light-level.folder.open
  > ul.tws-vertical-menu-light-inner-ul {
    padding-left: 150px !important;
    margin-top: 8px;
    transition: padding-left .25s ease;
  }
}

/* Start page – carousel arrows */
.bountiful--start-page .tws-container--tws-image-carousel .slick-prev,
.bountiful--start-page .tws-container--tws-image-carousel .slick-next {
  background: none !important;
  padding: 10px;
  top: calc(50% + 10px);
  height: auto;
  width: auto;
  color: #fff;
  border: none;
  box-shadow: none;
}

/* Rader ska ha samma bakgrund som menyn */
.bountiful--sidebar .tws-vertical-menu-light-articlegroup {
  background: #edf5e6 !important;
}

.bountiful--sidebar .tws-vertical-menu-light-articlegroup:hover,
.bountiful--sidebar li.tws-vertical-menu-light-articlegroup-is-open > .tws-vertical-menu-light-articlegroup {
  background: #edf5e6 !important;
}

/* DÖDA Abicarts vita bakgrund på menylänkar */
.bountiful--sidebar .tws-vertical-menu-light .tws-vertical-menu-light-root-level li a,
.bountiful--sidebar .tws-vertical-menu-light ul.tws-vertical-menu-light-inner-ul li a {
  background: transparent !important;
}

/* Återställ produktkortets placering */
.slot--article-introduction {
  margin-top: 0 !important;
}

/* =========================================================
   PRODUKTLAYOUT
   ========================================================= */

.bountiful--article-right-col {
  display: flex !important;
  flex-direction: column !important;
}

/* Titel */
.slot--article-name {
  order: 1 !important;
  margin: 0 0 2px 0 !important;
}

/* Pris */
.slot--article-price {
  order: 2 !important;
  margin: 0 0 12px 0 !important;
  font-size: 28px !important;
  font-weight: 700 !important;
}

/* Variantval */
.bountiful--article-choices-wrapper {
  order: 3 !important;
  margin-bottom: 10px !important;
}

/* Köpsektion */
.bountiful--buy-button-group {
  order: 4 !important;
  margin-bottom: 14px !important;
}

/* Favoritknapp */
.slot--article-favoritebutton {
  order: 5 !important;
  margin-bottom: 14px !important;
  position: static !important;
}

/* Produktkort */
.slot--article-introduction {
  order: 6 !important;
  margin-top: 0 !important;
}

/* USP */
.slot--unique-selling-points,
.bountiful--article-links {
  order: 7 !important;
}

.slot--article-introduction p {
  margin: 0 0 10px 0 !important;
  line-height: 1.45 !important;
  font-size: 13px !important;
}

/* =========================================================
   Tight produktlayout
   ========================================================= */

/* Ta bort generell luft */
.slot--article-name,
.slot--article-price,
.slot--article-favoritebutton,
.slot--article-package,
.slot--article-priceable,
.bountiful--article-choices-wrapper,
.bountiful--buy-button-group {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Titel */
.slot--article-name h1 {
  margin: 0 !important;
  line-height: 1.05 !important;
}

/* Pris */
.slot--article-price {
  margin-bottom: 8px !important;
}

/* Hjärta */
.slot--article-favoritebutton {
  margin-bottom: 4px !important;
}

/* Variantval */
.bountiful--article-choices-wrapper {
  margin-bottom: 8px !important;
}

/* Köpsektion */
.bountiful--buy-button-group {
  margin-bottom: 10px !important;
}


/* Döda clearfix-luft */
.bountiful--article-top.clearfix {
  margin: 0 !important;
  padding: 0 !important;
}

.img-wrap {
  position: relative;
}

.img-wrap img:nth-child(3) {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}

.img-wrap:hover img:nth-child(3) {
  opacity: 1;
}

@media (hover: none) {
  .img-wrap img:nth-child(3) {
    display: none;
  }
}