/**
 * Live storefront branding overrides — Crakers theme.
 * Tokens are injected via shared/customer/storefront-branding.blade.php
 */

body.crakers-theme.storefront-branded {
    font-family: var(--sf-font-stack), 'Poppins', sans-serif;
}

body.crakers-theme.storefront-branded .bg-crakers-primary,
body.crakers-theme.storefront-branded .btn-crakers-primary {
    background-color: var(--sf-primary) !important;
    color: #fff !important;
}

body.crakers-theme.storefront-branded .bg-crakers-red,
body.crakers-theme.storefront-branded .btn-crakers-red,
body.crakers-theme.storefront-branded .tracking_code {
    background-color: var(--crakers-primary-dark) !important;
    color: #fff !important;
}

body.crakers-theme.storefront-branded .text-crakers-primary,
body.crakers-theme.storefront-branded .text-crakers-red,
body.crakers-theme.storefront-branded .signup_text,
body.crakers-theme.storefront-branded .order_text,
body.crakers-theme.storefront-branded .enjoyit_text,
body.crakers-theme.storefront-branded .pizza_rating a,
body.crakers-theme.storefront-branded .pizza_follow a,
body.crakers-theme.storefront-branded .malzeme-checkbox:not(:checked) + .malzeme-checkbox-span,
body.crakers-theme.storefront-branded .order_complete_inner .order_complete_title span {
    color: var(--sf-primary) !important;
}

body.crakers-theme.storefront-branded .btn-crakers-outline-primary {
    border-color: var(--sf-primary) !important;
    color: var(--sf-primary) !important;
}

body.crakers-theme.storefront-branded .btn-crakers-outline-primary:hover,
body.crakers-theme.storefront-branded .btn-crakers-outline-primary:focus,
body.crakers-theme.storefront-branded .btn-crakers-primary:hover,
body.crakers-theme.storefront-branded .btn-crakers-primary:focus {
    background-color: var(--crakers-primary-dark) !important;
    border-color: var(--crakers-primary-dark) !important;
    color: #fff !important;
}

body.crakers-theme.storefront-branded .crakers-service-chip,
body.crakers-theme.storefront-branded .order_now a,
body.crakers-theme.storefront-branded .my_basket_button a,
body.crakers-theme.storefront-branded .basket-count {
    background-color: var(--sf-primary) !important;
}

body.crakers-theme.storefront-branded .navbar-dark.bg-black,
body.crakers-theme.storefront-branded footer,
body.crakers-theme.storefront-branded .footerBottom {
    background-color: color-mix(in srgb, var(--sf-secondary) 90%, #000) !important;
}

body.crakers-theme.storefront-branded .spinner-border.text-crakers-red {
    color: var(--sf-primary) !important;
}

body.crakers-theme.storefront-branded .border-crakers-primary {
    border-color: var(--sf-primary) !important;
}

body.crakers-theme.storefront-branded .first_button,
body.crakers-theme.storefront-branded .product-card .btn-danger,
body.crakers-theme.storefront-branded .btn-primary {
    background-color: var(--sf-primary) !important;
    border-color: var(--sf-primary) !important;
}

body.crakers-theme.storefront-branded .crakers-wizard-header {
    background-color: color-mix(in srgb, var(--sf-secondary) 92%, #000) !important;
}

body.crakers-theme.storefront-branded .bg-crakers-dark {
    background-color: color-mix(in srgb, var(--sf-secondary) 92%, #000) !important;
}

body.crakers-theme.storefront-branded .order_now,
body.crakers-theme.storefront-branded .order_now a {
    background: var(--sf-secondary) !important;
    color: #fff !important;
}

body.crakers-theme.storefront-branded .order_now a:hover {
    background: var(--crakers-primary-dark) !important;
}

/* ─── Surface text (header / footer / nav) ─────────────────────────────── */

body.crakers-theme.storefront-branded #navbar_main,
body.crakers-theme.storefront-branded .navbar-dark.bg-black,
body.crakers-theme.storefront-branded .crakers-wizard-header {
    background-color: var(--sf-header-bg) !important;
    color: var(--sf-header-text) !important;
}

body.crakers-theme.storefront-branded .navbar-dark .navbar-brand,
body.crakers-theme.storefront-branded .navbar-dark .nav-link,
body.crakers-theme.storefront-branded .navbar-dark .nav-link.text-white,
body.crakers-theme.storefront-branded .navbar-dark .dropdown-toggle,
body.crakers-theme.storefront-branded .navbar-dark .btn-secondary.nav-link {
    color: var(--sf-header-text) !important;
}

body.crakers-theme.storefront-branded .navbar-dark .nav-link:hover,
body.crakers-theme.storefront-branded .navbar-dark .nav-link:focus {
    color: var(--sf-link-accent) !important;
}

body.crakers-theme.storefront-branded footer,
body.crakers-theme.storefront-branded .footerBottom {
    background-color: var(--sf-footer-bg) !important;
    color: var(--sf-footer-text) !important;
}

body.crakers-theme.storefront-branded footer a,
body.crakers-theme.storefront-branded footer p,
body.crakers-theme.storefront-branded footer span,
body.crakers-theme.storefront-branded footer li,
body.crakers-theme.storefront-branded .footerBottom a,
body.crakers-theme.storefront-branded .footerBottom p,
body.crakers-theme.storefront-branded .footerBottom span {
    color: var(--sf-footer-text-muted) !important;
}

body.crakers-theme.storefront-branded footer a:hover,
body.crakers-theme.storefront-branded .footerBottom a:hover {
    color: var(--sf-footer-link-hover) !important;
}

body.crakers-theme.storefront-branded .btn-crakers-primary,
body.crakers-theme.storefront-branded .first_button,
body.crakers-theme.storefront-branded .product-card .btn-danger,
body.crakers-theme.storefront-branded .btn-primary {
    color: var(--sf-on-primary) !important;
}