/* =========================================================
   BUTTER FRY CAFE
   PRINT / SAVE AS PDF
   FINAL COMPACT A4 VERSION
========================================================= */


/* =========================================================
   PAGE
========================================================= */

@page {
    size: A4 portrait;
    margin: 8mm;
}


/* =========================================================
   PRINT MODE
========================================================= */

@media print {


    /* =====================================================
       GLOBAL RESET
    ====================================================== */

    *,
    *::before,
    *::after {
        animation: none !important;
        transition: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }


    html,
    body {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;

        background: #f7efe4 !important;
        color: #3a2519 !important;

        overflow: visible !important;

        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }


    /* =====================================================
       HIDE SCREEN-ONLY UI
    ====================================================== */

    .bf-menu-cover,
    .bf-food-header,
    .bf-drinks-header,
    .bf-menu-transition {
        display: none !important;
    }


    /* =====================================================
       SHOW BOTH MENUS
    ====================================================== */

    .bf-food-menu,
    .bf-drinks-menu {
        display: block !important;

        position: relative !important;

        width: 100% !important;

        min-height: 0 !important;

        overflow: visible !important;

        opacity: 1 !important;

        visibility: visible !important;

        background: #f7efe4 !important;
    }


    /* =====================================================
       BACKGROUND
    ====================================================== */

    .bf-food-menu__background {
        position: absolute !important;
        inset: 0 !important;

        overflow: hidden !important;

        opacity: .32 !important;
    }


    .bf-food-menu__glow,
    .bf-food-menu__watermark {
        display: none !important;
    }


    /* =====================================================
       MENU INTRO
    ====================================================== */

    .bf-full-menu-intro {
        padding:
            3mm
            2mm
            3mm !important;

        margin: 0 !important;

        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
    }


    .bf-full-menu-intro__inner {
        width: 100% !important;
        max-width: none !important;
    }


    .bf-full-menu-intro__eyebrow {
        font-size: 6pt !important;
        letter-spacing: .18em !important;
    }


    .bf-full-menu-intro__title-wrap {
        width: 65% !important;

        margin-inline: auto !important;

        gap: 3.5mm !important;
    }


    .bf-full-menu-intro__title-wrap span {
        height: .4pt !important;
    }


    .bf-full-menu-intro h1 {
        margin: 0 !important;

        font-size: 27pt !important;

        line-height: .98 !important;
    }


    .bf-full-menu-intro p {
        margin-top: .7mm !important;

        font-size: 8pt !important;

        line-height: 1.1 !important;
    }


    /* =====================================================
       GENERAL SECTION
    ====================================================== */

    .bf-menu-section {
        position: relative !important;

        width: 100% !important;
        max-width: none !important;

        margin:
            0 0
            3mm !important;

        padding:
            3.7mm !important;

        background:
            rgba(252, 247, 240, .90) !important;

        border:
            .6pt solid
            rgba(58, 37, 25, .42) !important;

        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
    }


    .bf-menu-section::before {
        inset: 1.3mm !important;

        border:
            .3pt solid
            rgba(58, 37, 25, .12) !important;
    }


    .bf-menu-section--accent {
        background:
            rgba(216, 178, 129, .20) !important;
    }


    .bf-menu-section--sweet {
        background:
            rgba(218, 158, 117, .20) !important;
    }


    /* =====================================================
       VISUAL SECTION GRID
    ====================================================== */

    .bf-menu-section--visual
    .bf-menu-section__inner {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            40mm !important;

        gap: 4mm !important;

        align-items: center !important;
    }


    .bf-menu-section--image-left
    .bf-menu-section__visual {
        order: -1 !important;
    }


    /* =====================================================
       HEADING
    ====================================================== */

    .bf-menu-section__heading {
        display: grid !important;

        grid-template-columns:
            8mm
            minmax(0, 1fr)
            auto !important;

        gap: 2mm !important;

        align-items: center !important;
    }


    .bf-menu-section__icon {
        width: 8mm !important;
        height: 8mm !important;

        border:
            .6pt solid
            #3a2519 !important;
    }


    .bf-menu-section__icon i {
        font-size: 8.5pt !important;
    }


    .bf-menu-section__number {
        margin-bottom: .3mm !important;

        font-size: 5pt !important;

        letter-spacing: .12em !important;
    }


    .bf-menu-section__heading h2 {
        margin: 0 !important;

        font-size: 14.8pt !important;

        line-height: .94 !important;

        letter-spacing: -.018em !important;

        white-space: normal !important;
    }


    .bf-menu-section__script {
        margin-top: .4mm !important;

        font-size: 10.3pt !important;

        line-height: 1 !important;
    }


    /* =====================================================
       MAIN PRICE
    ====================================================== */

    .bf-menu-section__main-price {
        min-width: 15mm !important;

        padding:
            1.4mm
            1.8mm !important;

        background:
            #3a2519 !important;

        color:
            #f7efe4 !important;
    }


    .bf-menu-section__main-price small {
        font-size: 4pt !important;
    }


    .bf-menu-section__main-price strong {
        font-size: 10pt !important;

        color:
            #f2ca97 !important;
    }


    /* =====================================================
       DIVIDER
    ====================================================== */

    .bf-menu-section__rule {
        margin:
            1.8mm 0
            1mm !important;

        gap: 1.6mm !important;
    }


    .bf-menu-section__rule i {
        width: 1mm !important;
        height: 1mm !important;
    }


    /* =====================================================
       NOTES
    ====================================================== */

    .bf-menu-section__note {
        margin-bottom: 1mm !important;

        font-size: 6pt !important;

        line-height: 1.15 !important;
    }


    /* =====================================================
       ITEMS
    ====================================================== */

    .bf-menu-item {
        padding:
            1.05mm 0 !important;

        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }


    .bf-menu-item__line {
        gap: 1.2mm !important;
    }


    .bf-menu-item__line h3 {
        font-size: 7.8pt !important;

        line-height: 1.05 !important;
    }


    .bf-menu-item__line > span {
        min-width: 3mm !important;

        border-bottom:
            .4pt dotted
            rgba(58, 37, 25, .36) !important;
    }


    .bf-menu-item__line strong {
        font-size: 7.4pt !important;

        line-height: 1 !important;
    }


    .bf-menu-item > p {
        margin-top: .3mm !important;

        font-size: 5.6pt !important;

        line-height: 1.15 !important;
    }


    .bf-menu-item > p em {
        margin-top: .3mm !important;

        font-size: 6.5pt !important;

        line-height: 1.05 !important;
    }


    /* =====================================================
       IMAGE PLACEHOLDERS
    ====================================================== */

    .bf-menu-section__visual {
        width: 100% !important;

        max-width: 40mm !important;
    }


    .bf-menu-section__visual-circle {
        display: none !important;
    }


    .bf-menu-section__image-wrap {
        position: relative !important;

        width: 100% !important;

        aspect-ratio:
            4 / 4.6 !important;

        margin: 0 !important;

        overflow: hidden !important;

        border:
            .6pt solid
            #3a2519 !important;

        border-radius:
            20mm
            20mm
            1.2mm
            1.2mm !important;

        background:
            linear-gradient(
                180deg,
                #ead9c1,
                #c3a98e
            ) !important;
    }


    .bf-menu-section__image {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;

        transform: none !important;

        color: transparent !important;

        font-size: 0 !important;
    }


    .bf-menu-section__image-wrap figcaption {
        left: 2.5mm !important;
        right: 2.5mm !important;
        bottom: 2.5mm !important;

        font-size: 9.5pt !important;
    }


    /* =====================================================
       COMPACT LISTS
    ====================================================== */

    .bf-menu-list--compact {
        display: grid !important;

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;

        column-gap:
            5mm !important;
    }


    /* =====================================================
       DRINK ADD-ON
    ====================================================== */

    .bf-drinks-addon {
        margin-top: 2mm !important;

        padding:
            1.5mm
            2mm !important;

        gap: 1.5mm !important;
    }


    .bf-drinks-addon__icon {
        width: 6mm !important;
        height: 6mm !important;
    }


    .bf-drinks-addon__icon i {
        font-size: 7pt !important;
    }


    .bf-drinks-addon small {
        font-size: 4pt !important;
    }


    .bf-drinks-addon strong {
        font-size: 7.5pt !important;
    }


    .bf-drinks-addon p {
        font-size: 5pt !important;
    }


    /* =====================================================
       SMOOTHIES
    ====================================================== */

    .bf-drinks-flavour-grid {
        display: grid !important;

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;

        gap: 1mm !important;

        margin:
            .8mm 0
            2mm !important;
    }


    .bf-drinks-flavour-grid span {
        padding:
            1mm
            1.4mm !important;

        font-size: 5.8pt !important;
    }


    .bf-drinks-refreshers {
        margin-top: 2mm !important;
    }


    .bf-drinks-refreshers > h3 {
        margin-bottom: .5mm !important;

        font-size: 9.8pt !important;
    }


    /* =====================================================
       FOOTER
    ====================================================== */

    .bf-full-menu-footer {
        width: 100% !important;

        max-width: none !important;

        margin:
            2mm 0
            0 !important;

        padding:
            3mm !important;

        background:
            #3a2519 !important;

        color:
            #f7efe4 !important;

        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
    }


    .bf-full-menu-footer p {
        font-size: 12pt !important;

        line-height: 1 !important;
    }


    .bf-full-menu-footer small {
        font-size: 4.5pt !important;
    }


    /* =====================================================
       REMOVE URL AFTER LINKS
    ====================================================== */

    a[href]::after {
        content: none !important;
    }


    /* =====================================================
       FOOD PAGE CONTROL
    ====================================================== */

    #hotPaninis {
        break-before: auto !important;
        page-break-before: auto !important;
    }


    /* force Signature onto page 1 */

    #signaturePaninis {
        break-before: auto !important;
        page-break-before: auto !important;

        margin-top: 0 !important;
    }


    /* start food page 2 */

    #coldSandwiches {
        break-before: page !important;
        page-break-before: always !important;
    }


    /* start food page 3 */

    #salads {
        break-before: page !important;
        page-break-before: always !important;
    }


    #sweetTreats {
        break-after: avoid-page !important;
        page-break-after: avoid !important;
    }


    /* =====================================================
       DRINKS PAGE CONTROL
    ====================================================== */

    .bf-drinks-menu
    .bf-full-menu-intro {
        break-before: page !important;
        page-break-before: always !important;
    }


    /* drinks page 5 */

    #frappes {
        break-before: page !important;
        page-break-before: always !important;
    }


    /* drinks page 6 */

    #smoothies {
        break-before: page !important;
        page-break-before: always !important;
    }


    /* force combos to stay on page 6 */

    #combos {
        break-before: auto !important;
        page-break-before: auto !important;

        break-after: avoid-page !important;
        page-break-after: avoid !important;

        margin-top: 0 !important;
    }


    .bf-drinks-menu
    .bf-full-menu-footer {
        break-before: avoid-page !important;
        page-break-before: avoid !important;
    }


    /* =====================================================
       REMOVE FORCED FOOD END PAGE
    ====================================================== */

    .bf-food-menu {
        break-after: auto !important;
        page-break-after: auto !important;
    }


}