/* v2 */
/* ============================================================
   STELLASHOPEN — Anpassad CSS
   Tema: Nordic v1.1 (Abicart)
   Färger: Stella Blue #0a2240 | Guld #85754e | Light Blue #dae1e9
   Typsnitt: Poppins
   ============================================================ */


/* ------------------------------------------------------------
   1. TYPOGRAFI
   ------------------------------------------------------------ */

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  color: #0a2240 !important;
}

body, p, li, td, span, div {
  color: #0a2240 !important;
}


/* ------------------------------------------------------------
   2. KNAPPAR — Grundstil (form och typsnitt)
   ------------------------------------------------------------ */

button,
.button,
a.button,
input[type="submit"],
.btn {
  border-radius: 50px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  text-transform: none !important;
}

/* Vit text på alla knappar */
button,
.button,
a.button,
input[type="submit"],
.btn,
.button--primary,
[class*="button"],
[class*="btn"] {
  color: #ffffff !important;
}


/* ------------------------------------------------------------
   3. PRIMÄRKNAPPAR — Stella Blue med Guld vid hover
   ------------------------------------------------------------ */

.button--primary,
input[type="submit"] {
  background-color: #0a2240 !important;
  color: #ffffff !important;
}

.button--primary:hover,
input[type="submit"]:hover {
  background-color: #85754e !important;
  color: #ffffff !important;
}


/* ------------------------------------------------------------
   4. SLUTFÖR KÖP
   ------------------------------------------------------------ */

.tws-checkout--pay-button,
.tws-checkout--pay-button.btn-primary,
.tws-checkout--pay-button.ladda-button,
button[data-style="fabrikk"] {
  background-color: #0a2240 !important;
  background: #0a2240 !important;
  border-color: #0a2240 !important;
  color: #ffffff !important;
}

.tws-checkout--pay-button:hover,
button[data-style="fabrikk"]:hover {
  background-color: #85754e !important;
  background: #85754e !important;
}

.tws-checkout--pay-button .ladda-label {
  color: #ffffff !important;
}


/* ------------------------------------------------------------
   5. BESTÄLL HÄR — Produktsida
   ------------------------------------------------------------ */

button.tws-article-buy-button-with-modal,
button.ladda-button.tws-article-buy-button-with-modal,
.slot--article-buy-button button {
  background-color: #0a2240 !important;
  background: #0a2240 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
}

button.tws-article-buy-button-with-modal:hover,
button.ladda-button.tws-article-buy-button-with-modal:hover {
  background-color: #85754e !important;
  background: #85754e !important;
}

/* Transparent wrapper-div bredvid knappen */
div.tws-article-buy-button-with-modal--button {
  background-color: transparent !important;
  background: transparent !important;
  overflow: hidden !important;
  border-radius: 50px !important;
}


/* ------------------------------------------------------------
   6. BESTÄLL HÄR — Produktlistan
   ------------------------------------------------------------ */

.tws-article-list--choices-button,
a.tws-article-list--choices-button {
  background-color: #0a2240 !important;
  background: #0a2240 !important;
  color: #ffffff !important;
  border: none !important;
}

.tws-article-list--choices-button:hover,
a.tws-article-list--choices-button:hover {
  background-color: #85754e !important;
  background: #85754e !important;
  color: #ffffff !important;
}


/* ------------------------------------------------------------
   7. LOGGA IN-KNAPPEN
   ------------------------------------------------------------ */

.tws-login-modal .modal-footer button,
.tws-login-modal .modal-footer .btn,
.tws-login--login-button.btn-primary,
.tws-login--login-button {
  background-color: #0a2240 !important;
  color: #ffffff !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.tws-login-modal .modal-footer button span,
.tws-login-modal .modal-footer .btn span,
.tws-login--login-button .ladda-label {
  color: #ffffff !important;
}


/* ------------------------------------------------------------
   8. UNDANTAG — Transparenta/outline-knappar
   ------------------------------------------------------------ */

/* Tillbaka-knappen */
.tws-checkout-back-button .btn-default,
.slot--header-back-button button {
  background-color: transparent !important;
  background: transparent !important;
  color: #0a2240 !important;
  border: 1px solid #0a2240 !important;
}

.tws-checkout-back-button--text,
.tws-checkout-back-button .btn-default span {
  color: #0a2240 !important;
}

/* Fortsätt handla */
.modal-footer .btn-default {
  background-color: transparent !important;
  background: transparent !important;
  color: #0a2240 !important;
  border: 1px solid #0a2240 !important;
}

/* Uppdatera i varukorgen */
.tws-opc-cart--item-quantity button {
  background-color: transparent !important;
  background: transparent !important;
  color: #0a2240 !important;
  border: 1px solid #0a2240 !important;
}

/* Ta bort i varukorgen */
.tws-opc-cart--item-remove button {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: #0a2240 !important;
  border: 1px solid #0a2240 !important;
}


/* ------------------------------------------------------------
   9. HEADER
   ------------------------------------------------------------ */

.slot--header-search .tws-article-search--no-label,
.slot--header-cart .tws-mini-cart--header-cart-button .tws-mini-cart--header-cart-img {
  background: #0a2240 !important;
  color: #ffffff !important;
}

.slot--header-horizontal-menu .navbar-nav > li a {
  color: #0a2240 !important;
}

.nordic--mobile-menu-button {
  background-color: transparent !important;
  border-radius: 0 !important;
}

.nordic--mobile-menu-button::before,
.nordic--mobile-menu-button::after,
.nordic--overlay.nordic--mobile-menu-button::before,
.nordic--overlay.nordic--mobile-menu-button::after {
  background-color: #0a2240 !important;
}


/* ------------------------------------------------------------
   10. BRÖDSMULOR & PRODUKTLISTA
   ------------------------------------------------------------ */

.tws-breadcrumbs a,
.tws-breadcrumbs span {
  color: #0a2240 !important;
}

.tws-article-list--list .tws-article-list--article-name .tws-util-heading--heading a {
  color: #0a2240 !important;
}


/* ------------------------------------------------------------
   11. INLOGGNINGSRUTA
   ------------------------------------------------------------ */

.tws-login-modal .modal-body::before {
  content: "Stellashopen är Stella Profils webbshop för kunder med utvalt sortiment. Logga in för att se sortiment, priser och lägga beställningar." !important;
  display: block !important;
  color: #0a2240 !important;
  font-size: 13px !important;
  margin-bottom: 0.75rem !important;
  line-height: 1.6 !important;
}

.tws-login--form-group-text .tws-login--label-text {
  display: none !important;
}

.tws-login--form-group-text::after {
  content: "Har du glömt lösenordet eller vill du veta mer om vår lösning? Kontakta oss via mail: stellashopen@stellaprofil.se eller ring Sofie: 0733-926857" !important;
  display: block !important;
  color: #0a2240 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}


/* ------------------------------------------------------------
   12. CHECKOUT — Laddning
   ------------------------------------------------------------ */

.tws-checkout--loading-box {
  background: rgba(255,255,255,0.9) !important;
}

.tws-checkout--loading-box .fa-spinner,
.tws-checkout--loading-box i {
  color: #0a2240 !important;
}


/* ------------------------------------------------------------
   13. LAYOUT & SIDFOT
   ------------------------------------------------------------ */

.nordic--body {
  min-height: 0 !important;
}

.nordic--body-wrapper,
.nordic--main {
  padding-bottom: 0 !important;
}

.nordic--main-wrapper {
  box-shadow: none !important;
  border: none !important;
}

.nordic--footer {
  border-top: 1px solid #e3e3e3 !important;
  padding-top: 2rem !important;
}

.nordic--footer a,
.nordic--footer a:link,
.nordic--footer a:visited {
  color: #0a2240 !important;
  text-decoration: none !important;
}

.nordic--footer .row,
.nordic--footer .col-sm-6,
.nordic--footer .col-md-3,
.nordic--footer [class*="col-"],
.nordic--footer .container-fluid {
  border: none !important;
  padding-top: 0 !important;
}


/* ------------------------------------------------------------
   14. BILDER
   ------------------------------------------------------------ */

img {
  border-radius: 16px !important;
}

.tws-custom-html--content img,
.nordic--start-page .tws-container--tws-custom-html img {
  border-radius: 16px !important;
}


/* ------------------------------------------------------------
   15. MOBIL
   ------------------------------------------------------------ */

@media only screen and (max-width: 767px) {
  .nordic--footer img {
    max-width: 120px !important;
  }

  .nordic--body-wrapper,
  .nordic--main,
  .nordic--content {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .tws-login-modal .modal-dialog {
    margin: 10px !important;
    width: auto !important;
  }

  .tws-login-modal .modal-content {
    width: 100% !important;
  }
}
/* Skicka-knappen - override med data-style */
button[data-style="fabrikk"].tws-contact-form--submit-btn {
  background-color: #0a2240 !important;
  background: #0a2240 !important;
  color: #ffffff !important;
}

button[data-style="fabrikk"].tws-contact-form--submit-btn:hover {
  background-color: #85754e !important;
  background: #85754e !important;
}
/* Vit text inuti Skicka-knappen */
button[data-style="fabrikk"].tws-contact-form--submit-btn .ladda-label,
button[data-style="fabrikk"].tws-contact-form--submit-btn span {
  color: #ffffff !important;
}
/* Ta bort outline på Skicka-knappen */
button.tws-contact-form--submit-btn {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}
/* Ta bort outline + fix Stella Blue på Slutför köp */
button[data-style="fabrikk"] {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  background-color: #0a2240 !important;
  background: #0a2240 !important;
}

button[data-style="fabrikk"]:hover {
  background-color: #85754e !important;
  background: #85754e !important;
}

button[data-style="fabrikk"] .ladda-label,
button[data-style="fabrikk"] span {
  color: #ffffff !important;
}
/* Plus/minus-knappar för antal på produktsidan */
.tws-article-quantity .btn-default,
.input-group-btn .btn-default {
  background-color: transparent !important;
  background: transparent !important;
  color: #0a2240 !important;
  border: 1px solid #0a2240 !important;
}

.tws-article-quantity .btn-default:hover,
.input-group-btn .btn-default:hover {
  background-color: #0a2240 !important;
  color: #ffffff !important;
}
/* Poppins Medium på pris i produktlista och produktsida */
.tws-article-list--price,
.tws-article-list--price *,
.slot--article-price *,
.tws-article-price,
.tws-article-price * {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
}
/* Dölj Orderhistorik och Mina uppgifter på Mina sidor */
.slot--my-pages-tabs {
  display: none !important;
}
/* Cookie-knappar Godkänn och Neka */
.nordic--cookie-bar .btn,
.nordic--cookie-bar button,
.slot--cookies .btn,
.slot--cookies button {
  background-color: #0a2240 !important;
  background: #0a2240 !important;
  color: #ffffff !important;
  border: none !important;
}

.nordic--cookie-bar .btn span,
.nordic--cookie-bar button span,
.slot--cookies .btn span,
.slot--cookies button span {
  color: #ffffff !important;
}