/* Original FSK / Lafka layout, with the Bestellart yellow throughout the homepage. */
body.fsk-home-layout-original {
    --fsk-gold: #ffd400;
    --fsk-gold-hover: #ffe247;
}

body.fsk-home-layout-original .fsk-home-button,
body.fsk-home-layout-original #content .vc_btn3,
body.fsk-home-layout-original a.button,
body.fsk-home-layout-original button.button,
body.fsk-home-layout-original input.button,
body.fsk-home-layout-original input[type="submit"] {
    background-color: var(--fsk-gold) !important;
    border-color: var(--fsk-gold) !important;
    color: #111214 !important;
}
body.fsk-home-layout-original .fsk-home-button:hover,
body.fsk-home-layout-original .fsk-home-button:focus-visible,
body.fsk-home-layout-original #content .vc_btn3:hover,
body.fsk-home-layout-original #content .vc_btn3:focus-visible,
body.fsk-home-layout-original a.button:hover,
body.fsk-home-layout-original a.button:focus-visible,
body.fsk-home-layout-original button.button:hover,
body.fsk-home-layout-original button.button:focus-visible,
body.fsk-home-layout-original input.button:hover,
body.fsk-home-layout-original input.button:focus-visible,
body.fsk-home-layout-original input[type="submit"]:hover,
body.fsk-home-layout-original input[type="submit"]:focus-visible {
    background-color: var(--fsk-gold-hover) !important;
    border-color: var(--fsk-gold-hover) !important;
    color: #111214 !important;
}
body.fsk-home-layout-original #main-menu,
body.fsk-home-layout-original a.mob-menu-toggle i,
body.fsk-home-layout-original a.mob-menu-toggle i::after,
body.fsk-home-layout-original a.mob-close-toggle:hover {
    background-color: var(--fsk-gold);
}
body.fsk-home-layout-original ul.lafka-top-menu li a:hover,
body.fsk-home-layout-original ul.lafka-top-menu > li.current-menu-item > a,
body.fsk-home-layout-original .fsk-home-secondary:hover {
    color: var(--fsk-gold) !important;
}

/* Enlarge only the desktop logo; retain the existing phone dimensions. */
@media (min-width: 1024px) {
    body.fsk-home-layout-original #header.lafka-has-header-top { min-height: 150px; }
    body.fsk-home-layout-original #header.lafka-has-header-top #main-menu { margin-top: 76px; }
    body.fsk-home-layout-original #header #logo img { max-height: 110px; }
    body.fsk-home-layout-original #header .lafka-top-bar-message,
    body.fsk-home-layout-original #header .lafka-search-cart-holder { top: 12px; }
    body.fsk-home-layout-original .fsk-home-hero {
        padding: 52px max(24px, calc((100vw - 1160px) / 2)) 24px;
    }
    body.fsk-home-layout-original .fsk-home-hero-inner { max-width: 1160px; gap: 28px; }
    body.fsk-home-layout-original .fsk-home-hero h1 { font-size: clamp(42px, 4.2vw, 60px); margin-bottom: 14px; }
    body.fsk-home-layout-original .fsk-home-lead { font-size: 17px; margin-bottom: 18px; }
    body.fsk-home-layout-original .fsk-home-hours { margin-top: 16px; padding: 10px 14px; }
    body.fsk-home-layout-original .fsk-home-photo img { max-height: 300px; object-fit: contain; }
}
@media (min-width: 1024px) and (max-height: 700px) {
    body.fsk-home-layout-original .fsk-home-hero { padding-top: 44px; padding-bottom: 20px; }
    body.fsk-home-layout-original .fsk-home-hero h1 { font-size: 42px; }
    body.fsk-home-layout-original .fsk-home-photo img { max-height: 260px; }
}

.fsk-home-ribbon { display: none; }
@media (min-width: 1024px) {
    body.fsk-home-ribbon-ready #header #main-menu { display: none !important; }
    body.fsk-home-ribbon-ready .fsk-home-hero { padding-top: 28px; }
    body.fsk-home-ribbon-ready .fsk-home-ribbon {
        display: block; position: relative; box-sizing: border-box;
        margin: 0 calc(50% - 50vw); padding: 0 max(24px, calc((100vw - 1286px) / 2)) 24px;
        background: #202020;
    }
    body.fsk-home-ribbon-ready .fsk-home-ribbon ul {
        display: flex; align-items: stretch; flex-wrap: wrap; justify-content: center;
        gap: 4px; margin: 0; padding: 6px; list-style: none;
        background: var(--fsk-gold, #ffd400); border-radius: 8px;
    }
    body.fsk-home-ribbon-ready .fsk-home-ribbon li { flex: 1 1 auto; list-style: none; margin: 0; padding: 0; }
    body.fsk-home-ribbon-ready .fsk-home-ribbon a {
        display: flex; align-items: center; justify-content: center; gap: 8px;
        min-height: 52px; box-sizing: border-box; height: 100%; padding: 8px 10px;
        border-radius: 6px; color: #111214; background: transparent;
        font: inherit; font-size: 14px; font-weight: 600; line-height: 1.3;
        text-transform: uppercase; text-decoration: none; cursor: pointer;
        transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
    }
    body.fsk-home-ribbon-ready .fsk-home-ribbon img { width: 30px; height: 30px; object-fit: contain; flex-shrink: 0; }
    body.fsk-home-ribbon-ready .fsk-home-ribbon a:hover,
    body.fsk-home-ribbon-ready .fsk-home-ribbon a:focus-visible {
        background: #202020; color: var(--fsk-gold, #ffd400); box-shadow: 0 3px 8px #0003;
    }
    body.fsk-home-ribbon-ready .fsk-home-ribbon a:hover img,
    body.fsk-home-ribbon-ready .fsk-home-ribbon a:focus-visible img { filter: brightness(0) invert(1); }
    body.fsk-home-ribbon-ready .fsk-home-ribbon a:focus-visible { outline: 2px solid #202020; outline-offset: 2px; }
    body.fsk-home-ribbon-ready .fsk-home-ribbon a:active { background: #373737; color: #fff; }
}
@media (prefers-reduced-motion: reduce) {
    .fsk-home-ribbon a { transition: none !important; }
}

/* Lafka paints this overlay white when the sticky header becomes active. */
body.fsk-home-layout-original #header::before,
body.fsk-home-layout-original #header.lafka-sticksy::before {
    background: #202020 !important;
}

/* Keep the desktop header in normal flow: no sticky gap or scroll animation. */
@media (min-width: 1024px) {
    body.fsk-home-layout-original { padding-top: 0 !important; }
    body.fsk-home-layout-original #header,
    body.fsk-home-layout-original #header.lafka-sticksy {
        position: relative !important; top: auto !important;
        min-height: 150px !important; background: #202020 !important;
        transition: none !important;
    }
    body.fsk-home-layout-original #header_top,
    body.fsk-home-layout-original #header .main_menu_holder { background: #202020; transition: none !important; }
    body.fsk-home-layout-original #header #logo { margin-bottom: 0 !important; transition: none !important; }
    body.fsk-home-layout-original #header #logo img { max-height: 110px !important; transition: none !important; }
    body.fsk-home-layout-original #header #logo::before,
    body.fsk-home-layout-original #header #logo::after { bottom: -40px !important; border-width: 20px 50px !important; }
    body.fsk-home-layout-original #header .lafka-top-bar-message,
    body.fsk-home-layout-original #header .lafka-search-cart-holder { top: 12px !important; transition: none !important; }
}