/*
|--------------------------------------------------------------------------
| Serveflow MenuCard Premium Polish v44
|--------------------------------------------------------------------------
| Ziel:
| - Flat Premium ohne Glow/Verlauf
| - Preis-Rahmen ruhiger
| - Unterkategorie-Abstände sauberer
| - keine störenden Hintergründe hinter Tabs/Unterkategorien
*/

body.sfm-body {
    background: #050812 !important;
}

/* Kein breiter Block hinter Oberkategorie-Tabs */
.sfm-body .sfm-tabs {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    gap: 10px !important;
    margin: 0 0 18px !important;
}

.sfm-body .sfm-tab {
    box-shadow: none !important;
}

/* Titelbox ruhig und flach */
.sfm-body .sfm-titlebox {
    background: #101a2b !important;
    border-color: #26364c !important;
    box-shadow: none !important;
    margin-bottom: 18px !important;
}

/* Sections selbst nicht mehr als sichtbare Hintergrundplatte */
.sfm-body .sfm-section {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
}

.sfm-body .sfm-section + .sfm-section {
    margin-top: 18px !important;
}

/* Unterkategorie: kein Balken/Kasten, nur Dot + Premium Label */
.sfm-body .sfm-section > h2,
.sfm-body .sfm-section-title,
.sfm-body .sfm-subcategory-title,
.sfm-body .sfm-row-section-title,
.sfm-body .sfm-kicker {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #6ff7ff !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 9px !important;
    padding: 0 0 0 26px !important;
    min-height: 18px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    letter-spacing: .24em !important;
    text-transform: uppercase !important;
    position: relative !important;
}

.sfm-body .sfm-section > h2::before,
.sfm-body .sfm-section-title::before,
.sfm-body .sfm-subcategory-title::before,
.sfm-body .sfm-row-section-title::before,
.sfm-body .sfm-kicker::before {
    content: "" !important;
    width: 9px !important;
    height: 9px !important;
    border-radius: 999px !important;
    background: #5eeaf2 !important;
    box-shadow: none !important;
    position: absolute !important;
    left: 0 !important;
    top: 4px !important;
}

/* Produktkarten als eigentliche Premium-Fläche */
.sfm-body .sfm-card {
    background: #0d1728 !important;
    border: 1px solid #26364c !important;
    border-radius: 24px !important;
    box-shadow: none !important;
    overflow: hidden !important;
    margin: 0 !important;
}

.sfm-body .sfm-row {
    border-color: #22314a !important;
    min-height: 74px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.sfm-body .sfm-row:last-child {
    border-bottom: 0 !important;
}

/* Preis/Button-Gruppe: ein ruhiger Container, Preis selbst ohne Extra-Rahmen */
.sfm-body .sfm-action-cluster {
    background: #101b2c !important;
    border: 1px solid #26364c !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    padding: 5px !important;
    gap: 6px !important;
}

.sfm-body .sfm-price,
.sfm-body .sfm-price-pill {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    padding: 0 8px !important;
}

.sfm-body .sfm-add,
.sfm-body .sfm-add-button,
.sfm-body button.sfm-add {
    background: #5eeaf2 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #03121d !important;
}

/* Allergene ruhig, sichtbar, aber nicht billig-glowig */
.sfm-body .sfm-badges span,
.sfm-body .sfm-badge,
.sfm-body .sfm-product-badge,
.sfm-body .sfm-allergen,
.sfm-body .sfm-allergen-badge,
.sfm-body .sfm-row-badge,
.sfm-body .sfm-code-badge,
.sfm-body .sfm-product-code,
.sfm-body .sfm-row-code {
    background: #143044 !important;
    border: 1px solid #24536b !important;
    color: #93f7ff !important;
    box-shadow: none !important;
}

/* Footer/Banner ohne störende Zwischenplatten */
.sfm-body .sfm-premium-footer-v56,
.sfm-body .sfm-menu-footer,
.sfm-body .sfm-v56-section,
.sfm-body .sfm-v56-brand,
.sfm-body .sfm-v56-banner,
.sfm-body .sfm-banner,
.sfm-body .sfm-footer-banner,
.sfm-body .sf-ad-banner {
    box-shadow: none !important;
}

.sfm-body .sfm-v56-section {
    background: transparent !important;
}

.sfm-body .sfm-v56-brand {
    background: #0a1322 !important;
    border-color: #26364c !important;
}

.sfm-body .sfm-v56-social,
.sfm-body .sfm-v56-social a,
.sfm-body .sfm-footer-social,
.sfm-body .sfm-footer-social a,
.sfm-body .sf-social-icon,
.sfm-body .sf-social-link {
    background: #101c31 !important;
    border-color: #26364c !important;
    box-shadow: none !important;
    color: #ffffff !important;
}





/* SERVEFLOW DASHBOARD COLORS REENABLE V67 START
   Der Canvas nutzt wieder Dashboard-Variablen.
   Keine harten Farbwerte außer Fallback.
*/
html,
body,
body.sfm-body,
.sfm-body {
    background: var(--sfm-page-bg, #050812) !important;
    background-color: var(--sfm-page-bg, #050812) !important;
}

body.sfm-body,
.sfm-body {
    background-image: none !important;
}

.sfm-body .sfm-page {
    background: var(--sfm-page-bg, #050812) !important;
    background-color: var(--sfm-page-bg, #050812) !important;
    background-image: none !important;
}
/* SERVEFLOW DASHBOARD COLORS REENABLE V67 END */