@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&subset=latin-ext');
@import url("https://design.textalk.se/marcel/jeansverket/style.css");

/* --- Allmän layout --- */
@media(min-width:768px) {
    .fabrikk--footer .container .row .fabrikk--footer-mid-left { width: 50%; display: block; }
} 
@media(max-width:700px) {
    .fabrikk--footer .container .row .fabrikk--footer-right { padding-top: 100px; }
}
.fabrikk--footer .container .row .fabrikk--footer-mid-right { display: block; }
.boxes-1 { background-image: url(https://shop.textalk.se/shop/ws99/87199/files/svtillv.jpg?_t=1589133064_t=1565707807); }
.feature-block { background-image: url(https://cdn.abicart.com/shop/ws99/87199/files/closeup-waist.jpg?_t=1588749785_t=1565707807); }

/* --- POPUP-DIALOG (Nyhetsbrev) --- */
.modal-content { background: #ffffff !important; }
.modal-dialog { width: 100%; max-width: 1000px; }
.modal-body { min-height: 500px; }
.modal-body .tws-newsletter-subscribe--html-before p {
    font-family: "Oswald", sans-serif; font-size: 36px; font-weight: 600; color: #000; text-transform: uppercase;
}
@media (max-width: 992px) { 
    .modal-dialog { max-width: 380px; padding: 0 20px; }
    .modal-body { min-height: 300px; }
    .modal-body .tws-newsletter-subscribe--before-sending form { position: relative !important; top: 20px !important; width: 100%; }
}

/* --- Målgruppsväljaren --- */
@media (min-width:1100px) {
    #top .fabrikk--top-bar { display: block; } 
    .slot--top-bar-login, .slot--top-bar-html { display: none; }
    .fabrikk--top-bar { padding: 7px 20px; z-index: 1001; }
}

/* --- Header & Meny --- */
.fabrikk--header { position: sticky; top: 0; z-index: 1000; }

/* --- Varukorg: Gör endast väskan vit för synlighet mot mörk header --- */
.tws-mini-cart .tws-mini-cart--header-cart-button,
.tws-mini-cart .tws-mini-cart--header-cart-button i {
    color: #ffffff !important;
}
.tws-mini-cart--label { display: none !important; }

.tws-product-reviews-widget--lipscore .nav.nav-tabs li.lipscore-reviews--no-reviews { display: block !important; }
.tws-article-buy-button-with-modal--dialog-wrapper .modal-body {
    min-height: auto !important;
}
.tws-mini-cart .tws-mini-cart--header-cart-button .tws-mini-cart--header-quantity {
    color: black;
}
<style>
    /* Den stora runda knappen */
    #chat-toggle-btn {
        width: 90px !important;
        height: 90px !important;
        background-color: #000 !important;
        border-radius: 50% !important;
        position: fixed;
        bottom: 20px;
        right: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        box-shadow: 0 4px 20px rgba(0,0,0,0.4);
        z-index: 9998 !important; /* Ligger under fönstret */
        transition: all 0.3s ease;
        border: none !important;
    }

    /* Gör ikonen lite mindre i förhållande till knappen för att inte störa */
    #chat-toggle-btn i { 
        font-size: 28px !important; 
    }

    /* Textpuffen bredvid knappen */
    #chat-promo-bubble {
        position: fixed;
        right: 120px;
        bottom: 40px;
        background: #ffffff;
        color: #000;
        padding: 12px 18px;
        border-radius: 15px 15px 0px 15px;
        border: 2px solid #000;
        font-family: 'Inter', sans-serif;
        font-size: 14px;
        font-weight: 700;
        width: 200px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        z-index: 9997;
        pointer-events: none;
    }

    /* CHATTFÖNSTRET - Vi flyttar upp det (bottom: 120px) 
       så det hamnar HELT ovanför den stora knappen */
    #chat-window {
        position: fixed !important;
        bottom: 120px !important; /* Flyttat upp från 24/28px */
        right: 20px !important;
        z-index: 9999 !important; 
        box-shadow: 0 10px 40px rgba(0,0,0,0.2) !important;
    }

    .message-enter { animation: fadeInBubble 0.3s ease-out forwards; }
    @keyframes fadeInBubble {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
    }
</style>