/* ============================================================
   DISC AT ONCE - EGEN CSS
   Tema: Fabrikk
   Komplett version V12
   ============================================================ */


/* ============================================================
   BEFINTLIGA ANPASSNINGAR
   ============================================================ */

/* SHOW DELIVERY INFORMATION */
.tws-checkout .tws-checkout--delivery-description {
    display: block !important;
}

.tws-checkout .tws-checkout--show-delivery-description {
    display: none;
}


/* --- SHOW PAYMENT DESCRIPTIONS --- */

.tws-checkout--v2 .tws-checkout--payment-active span.fa {
    display: none !important;
}

.tws-checkout--v2 .tws-checkout--payments-expand.tws-checkout--visibility-hidden {
    visibility: visible !important;
    height: auto !important;
}

.tws-checkout--payment-description.list-group-item-text.ng-binding.ng-scope.ng-hide {
    display: block !important;
}

.tws-checkout a.list-group-item p.tws-checkout--show-payment-description > span {
    display: none;
}


.tws-article-description {
    text-align: left;
}


.menuPrisjakt iframe {
    height: 80px;
    border: 2px solid #5c6177;
    border-radius: 8px;
    max-width: 100%;
    background: #fff;
}


.tws-checkout-shortcuts--ship-to {
    font-size: 6px;
    display: none;
}


.tws-checkout-shortcuts--purchase-as {
    display: none;
}


.fabrikk--vertical-menu .fabrikk--content {
    padding: 0px 0px 0px;
}


body:not(.using-touch) .tws-vertical-menu--controls,
body:not(.using-touch) .tws-vertical-menu--custom-link a,
body:not(.using-touch) .tws-vertical-menu--articlegroup {
    padding-top: 2px;
    padding-bottom: 2px;
}


body:not(.using-touch) .tws-vertical-menu--expand-children {
    min-height: 26px;
}


/* Fäller ut så att alla betalningsmetoder visas direkt */
.tws-cart--payment-name:before,
.tws-checkout--payment-methods-list span.fa-chevron-down,
.tws-checkout--payment-methods-list span.fa-chevron-up {
    display: none;
}


.tws-checkout .tws-checkout--payments-expand {
    visibility: visible !important;
    height: auto !important;
}


/* Ändrar checkout-rubrik */
h4.tws-checkout--checkout-heading {
    font-size: 0px;
    background-color: transparent;
}


h4.tws-checkout--checkout-heading:before {
    content: " ";
    font-size: 18px;
    margin: 0 !important;
    background-color: transparent;
    padding: 0 !important;
}


/* Dölj Abicarts standardrad för leverans på produktsidan */
.slot--article-stock-shipping .col-md-12 > p {
    display: none;
}


.schema-form-fieldset label[for="name"] {
    font-size: 0;
}


.schema-form-fieldset label[for="name"]:before {
    font-size: 14px;
    content: "Företagsnamn";
}


/* Visa hela artikelbeskrivningen */
.slot--article-description .tws-article-description--text-container {
    max-height: initial;
}


.tws-article-description--show-more > button {
    display: none;
}


.checkout .tws-checkout--box.tws-checkout--delivery-address
.tws-checkout--field-type-text.tws-checkout--field-id-name span {
    font-size: 0px;
}


.checkout .tws-checkout--box.tws-checkout--delivery-address
.tws-checkout--field-type-text.tws-checkout--field-id-name span::before {
    content: "Företagsnamn";
    font-size: 14px;
}


.tws-article-pricetable--table-item--interval-head {
    text-align: left;
}


.tws-vertical-menu .tws-vertical-menu--menu {
    overflow: hidden;
}



/* ============================================================
   PRODUKTSIDA - NY FABRIKK-DESIGN V12
   Allt är avgränsat till den vanliga produktsidan.
   Produktlistor och "Andra köpte också" påverkas inte.
   ============================================================ */


/* ------------------------------------------------------------
   ORDNING I HÖGERSPALTEN
   ------------------------------------------------------------ */

body.article .fabrikk--article-right-col {
    display: flex;
    flex-direction: column;
}


body.article .fabrikk--article-right-col > * {
    order: 100;
}


body.article .fabrikk--article-right-col > .slot--article-name {
    order: 10;
}


body.article .fabrikk--article-right-col > .slot--article-rating {
    order: 12;
}


body.article .fabrikk--article-right-col > .slot--article-price {
    order: 20;
}


body.article .fabrikk--article-right-col > .slot--wasa-kredit-widget {
    order: 22;
}


body.article .fabrikk--article-right-col > .slot--article-favoritebutton {
    order: 24;
}


body.article .fabrikk--article-right-col > .slot--prisjakt-cheapest {
    /* Efter hela köpboxen, före leverans */
    order: 45;

    box-sizing: border-box;

    width: 100%;
    max-width: 360px;

    margin: 7px 0 8px;
    padding: 0;

    background: transparent;
    border: 0;
}


/* Prisjakt-bannern ska vara en fristående kvalitets-/prisbadge */
body.article
.fabrikk--article-right-col
> .slot--prisjakt-cheapest > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* Ingen tom yta på produkter som saknar Prisjakt-banner */
body.article
.fabrikk--article-right-col
> .slot--prisjakt-cheapest:empty {
    display: none;
}


body.article .fabrikk--article-right-col > .slot--article-package {
    order: 28;
}


body.article .fabrikk--article-right-col > .fabrikk--article-choices-wrapper {
    order: 30;
}


body.article .fabrikk--article-right-col > .fabrikk--buy-button-group {
    order: 40;
}


body.article .fabrikk--article-right-col > .slot--article-pricetable {
    order: 25;
}


body.article .fabrikk--article-right-col > .slot--unique-selling-points {
    order: 55;
}


body.article .fabrikk--article-right-col > .slot--article-introduction {
    order: 60;
    display: none !important;
}


body.article .fabrikk--article-right-col > .slot--article-klarna-osm {
    order: 70;
}


body.article .fabrikk--article-right-col > .slot--article-mylists {
    order: 72;
}


body.article .fabrikk--article-right-col > .slot--payment-widget {
    order: 74;
}


body.article .fabrikk--article-right-col > .fabrikk--article-links {
    order: 90;
}



/* ------------------------------------------------------------
   PRODUKTNAMN
   ------------------------------------------------------------ */

body.article
.fabrikk--article-right-col
.slot--article-name h1 {
    margin-top: 0;
    margin-bottom: 7px;

    font-size: 26px;
    line-height: 1.3;
    font-weight: 500;
}



/* ------------------------------------------------------------
   PRIS - ENDAST PRODUKTSIDAN
   ------------------------------------------------------------ */

body.article
.fabrikk--article-right-col
> .slot--article-price {
    box-sizing: border-box;

    width: 100%;
    max-width: 360px;

    margin: 4px 0 0;
    padding: 12px 12px 8px;

    background: #fafafa;

    border: 1px solid #dddddd;
    border-bottom: 0;

    border-radius: 6px 6px 0 0;
}


body.article
.fabrikk--article-right-col
.tws-article-price--price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px 9px;

    margin: 0;
}


/* Aktuellt pris */
body.article
.fabrikk--article-right-col
.tws-article-price--price .twsPriceCurrent {
    order: 1;

    font-size: 28px !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
}


/* Reapris */
body.article
.fabrikk--article-right-col
.tws-article-price--price .tws-api--price-current-diff {
    color: #d25353;
}


/* Överstruket ordinarie pris */
body.article
.fabrikk--article-right-col
.tws-article-price--price .twsPriceRegular {
    order: 2;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;

    color: #888;
    text-decoration: line-through;
}



/* ============================================================
   KOMPAKT KÖPBOX
   Pris, lager och köp hålls ihop. Prisjakt ligger separat under boxen.
   ============================================================ */


/* ------------------------------------------------------------
   ÖVRE DEL: LAGER / VAL
   ------------------------------------------------------------ */

body.article
.fabrikk--article-right-col
> .fabrikk--article-choices-wrapper {
    box-sizing: border-box;

    width: 100%;
    max-width: 360px;

    margin: 0;
    padding: 4px 12px 3px;

    background: #fafafa;

    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 0;
    border-bottom: 0;

    border-radius: 0;
}


body.article
.fabrikk--article-choices-wrapper
.tws-article-stock-shipping--wrapper .row {
    margin: 0;
}


body.article
.fabrikk--article-choices-wrapper
.tws-article-stock-shipping--wrapper .col-md-12 {
    padding: 0;
}


body.article
.fabrikk--article-choices-wrapper
.tws-article-stock-shipping--stock-message {
    margin: 0;

    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
}


/* Diskret lagerindikator */
body.article
.fabrikk--article-choices-wrapper
.tws-article-stock-shipping--stock-message::before {
    content: "";
    display: inline-block;

    width: 8px;
    height: 8px;

    margin-right: 7px;

    background: #53a34f;
    border-radius: 50%;

    vertical-align: 1px;
}


body.article
.fabrikk--article-choices-wrapper
.slot--article-choices:empty {
    display: none;
}



/* ------------------------------------------------------------
   NEDRE DEL: ANTAL + KÖP
   ------------------------------------------------------------ */

body.article
.fabrikk--article-right-col
> .fabrikk--buy-button-group {
    box-sizing: border-box;

    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    gap: 10px !important;

    width: 100%;
    max-width: 360px;

    margin: 0 0 12px !important;
    padding: 3px 12px 10px !important;

    background: #fafafa;

    border: 1px solid #dddddd;
    border-top: 0;

    border-radius: 0 0 6px 6px;
}



/* ANTAL */

body.article
.fabrikk--buy-button-group
.slot--article-quantity {
    flex: 0 0 142px !important;
    width: 142px !important;
}


body.article
.fabrikk--buy-button-group
.tws-article-quantity--input-row {
    margin: 0 !important;
}


body.article
.fabrikk--buy-button-group
.tws-article-quantity--input-wrapper {
    float: none !important;

    width: 100% !important;

    padding: 0 !important;
    margin: 0 !important;
}


body.article
.fabrikk--buy-button-group
.tws-article-quantity--input-wrapper label {
    display: block !important;

    margin: 0 0 4px !important;

    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
}


/* Gör kontrollen till:  -  1  +  */
body.article
.fabrikk--buy-button-group
.tws-article-quantity .input-group {
    display: flex !important;
    align-items: stretch !important;

    width: 142px !important;
}


body.article
.fabrikk--buy-button-group
.tws-article-quantity .input-group-btn {
    display: block !important;

    float: none !important;

    width: 38px !important;
    min-width: 38px !important;
}


body.article
.fabrikk--buy-button-group
.tws-article-quantity .input-group-btn .btn {
    display: block !important;

    width: 38px !important;
    min-width: 38px !important;
    height: 44px !important;

    padding: 0 !important;

    font-size: 18px !important;
    line-height: 42px !important;

    border-color: #cccccc !important;
}


body.article
.fabrikk--buy-button-group
.tws-article-quantity input.form-control {
    position: relative !important;

    display: block !important;
    flex: 0 0 66px !important;

    width: 66px !important;
    min-width: 66px !important;
    height: 44px !important;

    padding: 5px 3px !important;

    text-align: center !important;
    font-size: 15px !important;

    border-color: #cccccc !important;
}



/* KÖP */

body.article
.fabrikk--buy-button-group
.buy-button-wrapper {
    flex: 1 1 auto !important;

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

    /* Linjerar Köp-knappen visuellt bättre mot antalväljaren */
    transform: translateY(-9px);
}


body.article
.fabrikk--buy-button-group
.slot--article-buy-button,

body.article
.fabrikk--buy-button-group
.tws-article-buy-button-with-modal,

body.article
.fabrikk--buy-button-group
.tws-article-buy-button-with-modal--button {
    display: block !important;

    width: 100% !important;
}


body.article
.fabrikk--buy-button-group
.tws-article-buy-button-with-modal--buy-button {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

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

    margin: 0 !important;
    padding: 8px 18px !important;

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

    border-radius: 4px !important;
}


body.article
.fabrikk--buy-button-group
.tws-article-buy-button-with-modal--buy-button .fa-shopping-cart {
    margin-right: 6px;
}



/* ============================================================
   MÄNGDPRIS / STAFFELPRIS - V12
   Håll Abicarts tabell helt inne i köpboxen
   ============================================================ */

body.article
.fabrikk--article-right-col
> .slot--article-pricetable {
    box-sizing: border-box !important;

    display: block !important;

    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    float: none !important;

    width: 100% !important;
    max-width: 360px !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 1px 12px 7px !important;

    background: #fafafa !important;

    border-left: 1px solid #dddddd !important;
    border-right: 1px solid #dddddd !important;
    border-top: 0 !important;
    border-bottom: 0 !important;

    overflow: visible !important;
}


/* Ingen tom yta om artikeln saknar staffelpris */
body.article
.fabrikk--article-right-col
> .slot--article-pricetable:empty {
    display: none !important;
}


/* Liten rubrik */
body.article
.fabrikk--article-right-col
> .slot--article-pricetable:not(:empty)::before {
    content: "Mängdpris";

    display: block;

    margin: 0 0 3px;

    font-size: 11px;
    line-height: 1.25;
    font-weight: 700;

    color: #555;
}


/*
   Fabrikk placerar normalt staffelpriset med egna layoutregler.
   Nollställ därför alla positioneringsvärden innan tabellen byggs upp.
*/
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable,

body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table,

body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table > tbody,

body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table-item,

body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table-item--section {
    position: static !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    transform: none !important;

    float: none !important;
    clear: none !important;

    min-width: 0 !important;
    max-width: none !important;
}


/* Wrapper */
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable {
    display: block !important;

    box-sizing: border-box !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Själva tabellen */
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table {
    display: table !important;

    box-sizing: border-box !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    table-layout: fixed !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}


/* Tbody tillbaka till normal tabellfunktion */
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table > tbody {
    display: table-row-group !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* En kompakt rad per prisnivå */
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table-item {
    display: table-row !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Gemensamt för cellerna */
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table-item--section {
    display: table-cell !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;

    border: 0 !important;

    font-size: 11px !important;
    line-height: 1.3 !important;

    vertical-align: middle !important;
}


/* "1" / "10" */
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table-item--interval-head {
    width: 27px !important;

    padding-left: 0 !important;
    padding-right: 2px !important;

    text-align: left !important;
    white-space: nowrap !important;
}


/* "- 9" / "+" */
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table-item--interval-tail {
    width: auto !important;

    padding-left: 0 !important;
    padding-right: 4px !important;

    text-align: left !important;
    white-space: nowrap !important;
}


/* Priset */
body.article
.fabrikk--article-right-col
.slot--article-pricetable
.tws-article-pricetable--table-item--price {
    width: 74px !important;

    padding-left: 6px !important;
    padding-right: 0 !important;

    text-align: right !important;
    white-space: nowrap !important;
}


/* Staffelpriset använder samma generella prisklass som huvudpriset */
body.article
.fabrikk--article-right-col
.slot--article-pricetable .twsPriceCurrent {
    display: inline !important;

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

    margin: 0 !important;
    padding: 0 !important;

    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;

    color: inherit !important;
}



/* ============================================================
   LEVERANSINFORMATION
   ============================================================ */

body.article
.fabrikk--article-right-col
> .slot--unique-selling-points {
    width: 100%;
    max-width: 440px;

    margin: 2px 0 13px;
}


body.article
.fabrikk--article-right-col
.slot--unique-selling-points
.tws-unique-selling-points--wrapper {
    padding: 9px 11px;

    background: #fafafa;

    border-left: 3px solid #53a34f;
}


body.article
.fabrikk--article-right-col
.slot--unique-selling-points ul {
    margin: 0;
}


body.article
.fabrikk--article-right-col
.slot--unique-selling-points li {
    margin: 0;
}


body.article
.fabrikk--article-right-col
.slot--unique-selling-points
.tws-unique-selling-points--text {
    font-size: 12px;
    line-height: 1.4;
}




/* ============================================================
   DELA - DISKRET IKON I STÄLLET FÖR TEXTEN "DELA"
   ============================================================ */

body.article
.fabrikk--article-right-col
.slot--article-share {
    margin-top: 4px;
}


body.article
.fabrikk--article-right-col
.tws-article-social--share-button {
    width: 36px !important;
    height: 36px !important;
}


body.article
.fabrikk--article-right-col
.tws-article-social--share-button label.entypo-export {
    box-sizing: border-box;

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

    width: 34px !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #fff !important;
    color: #5c6177 !important;

    border: 1px solid #d8d8d8 !important;
    border-radius: 50% !important;

    font-size: 17px !important;
    line-height: 1 !important;

    cursor: pointer;
}


/* Dölj bara ordet DELA - Abicarts befintliga entypo-export-ikon finns kvar */
body.article
.fabrikk--article-right-col
.tws-article-social--share-button label.entypo-export > span {
    display: none !important;
    padding: 0 !important;
}


body.article
.fabrikk--article-right-col
.tws-article-social--share-button label.entypo-export:hover {
    background: #f5f5f5 !important;
    opacity: 1 !important;
}


/* Delningsmenyn ska fortfarande kunna fällas ut */
body.article
.fabrikk--article-right-col
.tws-article-social--share-button .social {
    z-index: 20;
}




/* ============================================================
   RIKTIG PRODUKTBESKRIVNING LÄNGRE NED
   ============================================================ */

body.article
.fabrikk--article-bottom
.slot--article-description {
    max-width: 880px;

    margin-left: auto;
    margin-right: auto;
}


body.article
.fabrikk--article-bottom
.tws-article-description {
    text-align: left;

    padding-top: 4px;
    padding-bottom: 6px;
}


body.article
.fabrikk--article-bottom
.tws-article-description--heading {
    margin-top: 0;
    margin-bottom: 3px;

    font-size: 22px;
    line-height: 1.3;
    font-weight: 500;
}


body.article
.fabrikk--article-bottom
.tws-article-description--article-number {
    margin-top: 0;
    margin-bottom: 14px;

    font-size: 12px;
    line-height: 1.4;

    color: #777;
}


body.article
.fabrikk--article-bottom
.tws-article-description--text {
    max-width: 820px;

    font-size: 14px;
    line-height: 1.65;
}


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

@media (max-width: 767px) {

    body.article
    .fabrikk--article-right-col
    .slot--article-name h1 {
        font-size: 23px;
    }


    body.article
    .fabrikk--article-right-col
    .tws-article-price--price .twsPriceCurrent {
        font-size: 27px !important;
    }


    body.article
    .fabrikk--article-right-col
    > .slot--article-price,

    body.article
    .fabrikk--article-right-col
    > .slot--prisjakt-cheapest,

    body.article
    .fabrikk--article-right-col
    > .fabrikk--article-choices-wrapper,

    body.article
    .fabrikk--article-right-col
    > .fabrikk--buy-button-group,

    body.article
    .fabrikk--article-right-col
    > .slot--article-pricetable {
        max-width: none;
    }
}




/* Extra smala telefoner */
@media (max-width: 420px) {

    body.article
    .fabrikk--article-right-col
    > .fabrikk--buy-button-group {
        flex-direction: column !important;
        align-items: stretch !important;
    }


    body.article
    .fabrikk--buy-button-group
    .slot--article-quantity {
        flex: none !important;
        width: 142px !important;
    }


    body.article
    .fabrikk--buy-button-group
    .buy-button-wrapper {
        width: 100% !important;
        transform: none;
    }


    body.article
    .fabrikk--buy-button-group
    .tws-article-buy-button-with-modal--buy-button {
        width: 100% !important;
    }
}