/* =========================================
   NETOTEKET - CUSTOM CSS
   ========================================= */


/* =========================================
   KNAPPAR - TA BORT 3D / SKUGGNING
   ========================================= */

button,
.btn,
input[type="button"],
input[type="submit"] {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background-image: none !important;
}


/* =========================================
   PRODUKTKORT
   ========================================= */

.tws-article-list--list .tws-list--type-grid .thumbnail {
    background: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    box-shadow: none !important;

    height: auto !important;
    min-height: 0 !important;

    overflow: hidden;
}


/* Produktbild */

.tws-article-list--list
.tws-list--type-grid
.thumbnail
.tws-img--wrapper {
    border: none !important;
    border-radius: 10px 10px 0 0 !important;
    box-shadow: none !important;
}


/* Innehåll under produktbild */

.tws-article-list--list
.tws-list--type-grid
.thumbnail
.caption {
    position: static !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;

    height: auto !important;
    min-height: 0 !important;

    padding: 16px !important;
}


/* =========================================
   PRODUKTNAMN
   ========================================= */

.tws-article-list--list .tws-list--type-grid .thumbnail .caption h1,
.tws-article-list--list .tws-list--type-grid .thumbnail .caption h2,
.tws-article-list--list .tws-list--type-grid .thumbnail .caption h3,
.tws-article-list--list .tws-list--type-grid .thumbnail .caption h4,
.tws-article-list--list .tws-list--type-grid .thumbnail .caption h5,
.tws-article-list--list .tws-list--type-grid .thumbnail .caption h6 {
    margin: 0 0 12px !important;

    color: #0B1D33 !important;

    font-size: 19px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}


/* Produktnamn - länk */

.tws-article-list--list .tws-list--type-grid .thumbnail .caption h1 a,
.tws-article-list--list .tws-list--type-grid .thumbnail .caption h2 a,
.tws-article-list--list .tws-list--type-grid .thumbnail .caption h3 a,
.tws-article-list--list .tws-list--type-grid .thumbnail .caption h4 a,
.tws-article-list--list .tws-list--type-grid .thumbnail .caption h5 a,
.tws-article-list--list .tws-list--type-grid .thumbnail .caption h6 a {
    color: #0B1D33 !important;
    text-decoration: none !important;
}


/* =========================================
   PRIS
   ========================================= */

.tws-article-list--list
.tws-list--type-grid
.thumbnail
.caption > [class*="price"] {
    position: static !important;

    width: auto !important;
    margin: 0 0 14px !important;
    padding: 0 !important;

    background: transparent !important;
    color: #315B4A !important;

    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    border: none !important;
    box-shadow: none !important;
}


/* =========================================
   KÖPKNAPP
   ========================================= */

.tws-article-list--list
.tws-list--type-grid
.thumbnail
.caption button,

.tws-article-list--list
.tws-list--type-grid
.thumbnail
.caption .btn {
    width: 100% !important;

    height: 40px !important;
    min-height: 40px !important;

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

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #ffffff !important;

    border: none !important;
    border-radius: 6px !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-transform: none !important;
}


/* =========================================
   SLUT I LAGER
   VARIANT 1 - presentationOnly
   Vit knapp + grön outline
   ========================================= */

.tws-article-list--list
.tws-list--type-grid
.thumbnail
.caption
.tws-article-list--buy-button
a.tws-article-list--button-presentationOnly {
    width: 100% !important;

    height: 40px !important;
    min-height: 40px !important;

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

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;

    color: #7daf67 !important;

    border: 1px solid #7daf67 !important;
    border-radius: 6px !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-transform: none !important;

    cursor: default !important;
    opacity: 1 !important;
}


/* Dölj Abicarts befintliga text */

.tws-article-list--buy-button
a.tws-article-list--button-presentationOnly
.tws-article-list--show-more-button-text {
    display: none !important;
}


/* Visa korrekt text */

.tws-article-list--buy-button
a.tws-article-list--button-presentationOnly::before {
    content: "Slut i lager" !important;

    display: inline !important;

    color: #7daf67 !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}


/* Behåll vit design vid hover */

.tws-article-list--buy-button
a.tws-article-list--button-presentationOnly:hover,

.tws-article-list--buy-button
a.tws-article-list--button-presentationOnly:focus,

.tws-article-list--buy-button
a.tws-article-list--button-presentationOnly:active {
    background: #ffffff !important;
    background-color: #ffffff !important;

    color: #7daf67 !important;
    border-color: #7daf67 !important;
}


/* =========================================
   LÄS MER / PRISFÖRFRÅGAN
   priceInquiryRequired
   Grön knapp + vit text
   ========================================= */

.tws-article-list--list
.tws-list--type-grid
.thumbnail
.caption
.tws-article-list--buy-button
a.tws-article-list--button-priceInquiryRequired {
    width: 100% !important;

    height: 40px !important;
    min-height: 40px !important;

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

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #7daf67 !important;
    background-color: #7daf67 !important;
    background-image: none !important;

    color: #ffffff !important;

    border: 1px solid #7daf67 !important;
    border-radius: 6px !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-transform: none !important;

    opacity: 1 !important;
}


/* Dölj Abicarts befintliga text */

.tws-article-list--buy-button
a.tws-article-list--button-priceInquiryRequired
.tws-article-list--show-more-button-text {
    display: none !important;
}


/* Visa korrekt text */

.tws-article-list--buy-button
a.tws-article-list--button-priceInquiryRequired::before {
    content: "Läs mer" !important;

    display: inline !important;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}


/* Behåll grön design vid hover */

.tws-article-list--buy-button
a.tws-article-list--button-priceInquiryRequired:hover,

.tws-article-list--buy-button
a.tws-article-list--button-priceInquiryRequired:focus,

.tws-article-list--buy-button
a.tws-article-list--button-priceInquiryRequired:active {
    background: #7daf67 !important;
    background-color: #7daf67 !important;

    color: #ffffff !important;
    border-color: #7daf67 !important;
}


/* =========================================
   SLUT I LAGER
   VARIANT 2 - GENERISK SHOW MORE
   Saknar både presentationOnly och
   priceInquiryRequired
   ========================================= */

.tws-article-list--buy-button
a.tws-article-list--show-more-button.btn:not(.tws-article-list--button-priceInquiryRequired):not(.tws-article-list--button-presentationOnly) {
    width: 100% !important;

    height: 40px !important;
    min-height: 40px !important;

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

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;

    color: #7daf67 !important;

    border: 1px solid #7daf67 !important;
    border-radius: 6px !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-transform: none !important;

    cursor: default !important;
    opacity: 1 !important;
}


/* Texten i generisk Slut i lager */

.tws-article-list--buy-button
a.tws-article-list--show-more-button.btn:not(.tws-article-list--button-priceInquiryRequired):not(.tws-article-list--button-presentationOnly)
.tws-article-list--show-more-button-text {
    color: #7daf67 !important;
}


/* Behåll vit design vid hover */

.tws-article-list--buy-button
a.tws-article-list--show-more-button.btn:not(.tws-article-list--button-priceInquiryRequired):not(.tws-article-list--button-presentationOnly):hover,

.tws-article-list--buy-button
a.tws-article-list--show-more-button.btn:not(.tws-article-list--button-priceInquiryRequired):not(.tws-article-list--button-presentationOnly):focus,

.tws-article-list--buy-button
a.tws-article-list--show-more-button.btn:not(.tws-article-list--button-priceInquiryRequired):not(.tws-article-list--button-presentationOnly):active {
    background: #ffffff !important;
    background-color: #ffffff !important;

    color: #7daf67 !important;
    border-color: #7daf67 !important;
}


/* =========================================
   TA BORT KUNDVAGN / IKONER
   ========================================= */

.tws-article-list--list .tws-list--type-grid .thumbnail .caption button i,
.tws-article-list--list .tws-list--type-grid .thumbnail .caption button svg,
.tws-article-list--list .tws-list--type-grid .thumbnail .caption button [class*="icon"],
.tws-article-list--list .tws-list--type-grid .thumbnail .caption button [class*="cart"],

.tws-article-list--list .tws-list--type-grid .thumbnail .caption .btn i,
.tws-article-list--list .tws-list--type-grid .thumbnail .caption .btn svg,
.tws-article-list--list .tws-list--type-grid .thumbnail .caption .btn [class*="icon"],
.tws-article-list--list .tws-list--type-grid .thumbnail .caption .btn [class*="cart"] {
    display: none !important;
}


/* Ikon via pseudo-element */

.tws-article-list--list
.tws-list--type-grid
.thumbnail
.caption button::after,

.tws-article-list--list
.tws-list--type-grid
.thumbnail
.caption .btn::after {
    content: none !important;
    display: none !important;
}


/* =========================================
   HEADER
   ========================================= */

/* Ta bort skugga under header */

.bountiful--header,
.bountiful--header-wrapper {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;

    border-bottom: none !important;
}


/* =========================================
   HUVUDINNEHÅLL
   ========================================= */

/* Ta bort skugga runt huvudytan */

.bountiful--main,
.bountiful--main-wrapper,
.bountiful--content-wrapper,
.bountiful--content {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


/* Ta bort ram runt huvudytan */

.bountiful--main-wrapper,
.bountiful--content-wrapper,
.bountiful--content {
    border: none !important;
}


/* =========================================
   VÄNSTER SIDOMENY / KATEGORIER
   ========================================= */

/* Yttre sidebar-element */

.bountiful--sidebar,
.bountiful--sidebar-wrapper,
.slot--sidebar {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;

    filter: none !important;
    -webkit-filter: none !important;
}


/* Container som Abicart placerar i sidebar */

.bountiful--sidebar .bountiful--component-container,
.bountiful--sidebar .slot--sidebar .bountiful--component-container {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;

    filter: none !important;
    -webkit-filter: none !important;
}


/* Ta bort skuggor från allt som renderas
   dynamiskt inne i kategorifältet */

.bountiful--sidebar .slot--sidebar *,
.bountiful--sidebar .slot--sidebar *::before,
.bountiful--sidebar .slot--sidebar *::after {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;

    filter: none !important;
    -webkit-filter: none !important;
}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 767px) {

    /* Innehåll i produktkort */

    .tws-article-list--list
    .tws-list--type-grid
    .thumbnail
    .caption {
        padding: 12px !important;
    }


    /* Produktnamn */

    .tws-article-list--list .tws-list--type-grid .thumbnail .caption h1,
    .tws-article-list--list .tws-list--type-grid .thumbnail .caption h2,
    .tws-article-list--list .tws-list--type-grid .thumbnail .caption h3,
    .tws-article-list--list .tws-list--type-grid .thumbnail .caption h4,
    .tws-article-list--list .tws-list--type-grid .thumbnail .caption h5,
    .tws-article-list--list .tws-list--type-grid .thumbnail .caption h6 {
        font-size: 17px !important;
    }


    /* Pris */

    .tws-article-list--list
    .tws-list--type-grid
    .thumbnail
    .caption > [class*="price"] {
        font-size: 20px !important;
    }


    /* Köp / Läs mer / Slut i lager */

    .tws-article-list--list
    .tws-list--type-grid
    .thumbnail
    .caption button,

    .tws-article-list--list
    .tws-list--type-grid
    .thumbnail
    .caption .btn,

    .tws-article-list--buy-button
    a.tws-article-list--button-presentationOnly,

    .tws-article-list--buy-button
    a.tws-article-list--button-priceInquiryRequired,

    .tws-article-list--buy-button
    a.tws-article-list--show-more-button.btn:not(.tws-article-list--button-priceInquiryRequired):not(.tws-article-list--button-presentationOnly) {
        font-size: 14px !important;
    }


    .tws-article-list--buy-button
    a.tws-article-list--button-presentationOnly::before,

    .tws-article-list--buy-button
    a.tws-article-list--button-priceInquiryRequired::before {
        font-size: 14px !important;
    }
}


/* =========================================
   TOPBAR + HEADER - STICKY
   ========================================= */

:root {
    --netoteket-topbar-height: 30px;
}


/* Gröna topbaren med Fri frakt */

.bountiful--top-bar {
    position: sticky !important;
    position: -webkit-sticky !important;

    top: 0 !important;
    z-index: 1100 !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


/* Vita headern */

.bountiful--header {
    position: sticky !important;
    position: -webkit-sticky !important;

    top: var(--netoteket-topbar-height) !important;
    z-index: 1000 !important;

    background: #ffffff !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-bottom: none !important;
}


/* Headerns inre wrapper */

.bountiful--header-wrapper {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-bottom: none !important;
}