/* ==========================================
   1. PRIS-TOGGLING (Dual Price Logic)
   ========================================== */
.a81-price-wrapper .a81-price-incl,
.a81-price-wrapper .a81-price-excl { display: none; }
body.a81-tax-b2c .a81-price-wrapper .a81-price-incl { display: inline-block !important; }
body.a81-tax-b2b .a81-price-wrapper .a81-price-excl { display: inline-block !important; }

body.a81-tax-b2c .breakdance-mini-cart .a81-price-excl,
body.a81-tax-b2b .breakdance-mini-cart .a81-price-incl { display: none !important; }

/* ==========================================
   2. TOGGLE CONTAINER & STYLING
   ========================================== */
.a81-floating-toggle {
    position: fixed; z-index: 99999; background: #ffffff;
    padding: 10px 15px; border-radius: 50px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    transform: scale(var(--a81-toggle-scale, 1));
}
.a81-floating-toggle.pos-bottom-right { bottom: 20px; right: 20px; transform-origin: bottom right;}
.a81-floating-toggle.pos-bottom-left { bottom: 20px; left: 20px; transform-origin: bottom left;}
.a81-floating-toggle.pos-top-right { top: 20px; right: 20px; transform-origin: top right;}

.a81-toggle-container {
    display: flex; align-items: center; font-family: inherit; justify-content: center;
    gap: 12px !important;
}

/* STIL: VIPPA */
.a81-switch { 
    position: relative; display: inline-block; width: 50px; height: 26px; flex-shrink: 0; 
    margin: 0 5px !important;
}
.a81-switch input { opacity: 0; width: 0; height: 0; }
.a81-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; border-radius: 34px; }
.a81-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 4px; bottom: 4px; background-color: white; transition: .4s; border-radius: 50%; }
.a81-switch input:checked + .a81-slider { background-color: var(--a81-active-color, #007cba); }
.a81-switch input:checked + .a81-slider:before { transform: translateX(24px); }

.a81-toggle-label { 
    font-size: var(--a81-font-size, 14px); font-weight: 600; color: #333; cursor: pointer; flex-shrink: 0; white-space: nowrap; 
    margin: 0 !important; padding: 0 !important; line-height: 1 !important;
}

/* STIL: KNAPPAR & DIRECTIONS */
.a81-toggle-container.style-buttons { gap: 8px !important; }
.a81-toggle-container.style-buttons.dir-vertical { flex-direction: column; }
.a81-toggle-container.style-buttons.dir-horizontal { flex-direction: row; }

.a81-toggle-btn {
    background: #f1f1f1; color: #333; border: 1px solid #ddd;
    padding: 6px 14px; border-radius: 20px; font-size: var(--a81-font-size, 14px);
    font-weight: 600; cursor: pointer; transition: all 0.2s ease; flex-shrink: 0; white-space: nowrap;
    margin: 0 !important;
}
.a81-toggle-btn:hover { background: #e2e2e2; }
.a81-toggle-btn.active {
    background: var(--a81-active-color, #007cba); color: #fff; border-color: var(--a81-active-color, #007cba);
}

/* ==========================================
   3. VÄLKOMST-POPUP
   ========================================== */
.a81-popup-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.6); z-index: 100000;
    display: flex; align-items: center; justify-content: center;
    opacity: 0; visibility: hidden; transition: opacity 0.3s ease;
    backdrop-filter: blur(5px);
}
.a81-popup-overlay.a81-active { opacity: 1; visibility: visible; }

.a81-popup-content {
    background: var(--a81-popup-bg, #ffffff);
    padding: 40px; border-radius: 12px; max-width: 500px; width: 100%; text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    transform: translateY(20px); transition: transform 0.3s ease;
}
.a81-popup-overlay.a81-active .a81-popup-content { transform: translateY(0); }

.a81-popup-logo { max-width: 150px; margin: 0 auto 20px; display: block; height: auto; }

.a81-popup-btn-wrapper { display: flex; gap: 20px; margin-top: 20px; }
.a81-popup-btn-wrapper.layout-vertical { flex-direction: column; }
.a81-popup-btn-wrapper.layout-horizontal { flex-direction: row; justify-content: center; align-items: flex-start; }

.a81-popup-col { display: flex; flex-direction: column; align-items: center; flex: 1; min-width: 0; }

.a81-popup-btn {
    border: var(--a81-outline-width, 0px) solid var(--a81-outline-color, transparent) !important;
    border-radius: var(--a81-border-radius, 6px) !important;
    padding: 14px 20px !important; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.2s;
    width: 100%; display: block; margin: 0 !important;
}
.a81-popup-btn.width-full { width: 100%; }
.a81-popup-btn.width-auto { width: auto; padding: 14px 30px !important; }

.a81-btn-b2c { background: #004b93; color: #fff; }
.a81-btn-b2b { background: var(--a81-popup-btn, #cc0000); color: #fff; }

.a81-btn-b2c:hover { background: #00366b; }
.a81-btn-b2b:hover { background: var(--a81-hover-color, #990000); }

.a81-popup-subtext { font-size: 12px; color: #666; margin-top: 8px; text-align: center; line-height: 1.3; }

.a81-popup-btn.effect-lift:hover { transform: translateY(-3px); box-shadow: 0 5px 10px rgba(0,0,0,0.15); }
.a81-popup-btn.effect-scale:hover { transform: scale(1.05); }
.a81-popup-btn.effect-glow:hover { box-shadow: 0 0 15px var(--a81-popup-btn, #cc0000); }