/* Phase F12a: strikt abgegrenzte Korrekturen, keine globalen Shop- oder Admin-Regeln. */

.lc-f12a-cart-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .5rem !important;
}

.lc-f12a-cart-icon {
    display: inline-flex !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    flex: 0 0 1.25rem !important;
    color: currentColor !important;
}

.lc-f12a-cart-icon svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.lc-f12a-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

html[data-lc-f12a="customer"],
html[data-lc-f12a="customer"] body {
    min-height: 100% !important;
    background: #07131f !important;
    color-scheme: dark !important;
    overflow-x: hidden !important;
}

html[data-lc-f12a="customer"] body {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}

html[data-lc-f12a="customer"] .customer-portal-shell,
html[data-lc-f12a="customer"] .customer-shell,
html[data-lc-f12a="customer"] .lc-customer-shell {
    flex: 1 0 auto !important;
    min-height: 100vh !important;
    width: 100% !important;
}

html[data-lc-f12a="customer"] .customer-main,
html[data-lc-f12a="customer"] .customer-content,
html[data-lc-f12a="customer"] main {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    min-height: 100vh !important;
    box-sizing: border-box !important;
}

html[data-lc-f12a="customer"] .customer-main > :not(footer),
html[data-lc-f12a="customer"] .customer-content > :not(footer) {
    flex: 0 0 auto;
}

html[data-lc-f12a="customer"] .customer-footer,
html[data-lc-f12a="customer"] footer {
    order: 9999 !important;
    margin-top: auto !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

html[data-lc-f12a="customer"] [data-theme-toggle],
html[data-lc-f12a="customer"] .theme-toggle,
html[data-lc-f12a="customer"] .lc-theme-toggle,
html[data-lc-f12a="customer"] #theme-toggle,
html[data-lc-f12a="customer"] button[aria-label*="Modus" i],
html[data-lc-f12a="customer"] button[aria-label*="theme" i] {
    display: none !important;
}

html[data-lc-f12a="customer"] .lc-f12a-cookie-button {
    position: fixed !important;
    right: max(16px, env(safe-area-inset-right)) !important;
    bottom: max(16px, env(safe-area-inset-bottom)) !important;
    left: auto !important;
    z-index: 2147483000 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 48px !important;
    min-height: 48px !important;
    padding: .7rem 1rem !important;
    border: 1px solid rgba(125, 211, 252, .38) !important;
    border-radius: 999px !important;
    background: #0d2638 !important;
    color: #f8fafc !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .35) !important;
    font: 700 .9rem/1 system-ui, sans-serif !important;
    cursor: pointer !important;
}

html[data-lc-f12a="customer"] .lc-f12a-cookie-button:hover,
html[data-lc-f12a="customer"] .lc-f12a-cookie-button:focus-visible {
    background: #12364c !important;
    outline: 3px solid rgba(56, 189, 248, .38) !important;
    outline-offset: 3px !important;
}

@media (max-width: 760px) {
    .lc-f12a-cart-label {
        display: none !important;
    }

    html[data-lc-f12a="customer"] .customer-main,
    html[data-lc-f12a="customer"] .customer-content,
    html[data-lc-f12a="customer"] main {
        min-height: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    html[data-lc-f12a="customer"] .lc-f12a-cookie-button {
        width: 48px !important;
        padding: 0 !important;
        font-size: 0 !important;
    }

    html[data-lc-f12a="customer"] .lc-f12a-cookie-button::before {
        content: "⚙";
        font-size: 1.25rem;
    }
}