/**
 * Theme compatibility layer for Finalmenu on PrestaShop 9 themes.
 *
 * The original module was designed around the typography and heading styles
 * shipped with the PrestaShop 1.6 default theme. Keep these rules scoped to
 * Finalmenu so modern theme globals (notably Oreo's Poppins headings) do not
 * alter imported menu content.
 */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600|Roboto+Condensed:400,600,700&display=swap");

#FINALmenu button.menu-place-holder {
    width: 100%;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
}

#FINALmenu .show-items-icon[role="button"],
#FINALmenu-vertical .show-items-icon[role="button"] {
    cursor: pointer;
}

#FINALmenu .top-level-link:focus-visible,
#FINALmenu .show-items-icon[role="button"]:focus-visible,
#FINALmenu button.menu-place-holder:focus-visible,
#FINALmenu-mobile-nav i[role="button"]:focus-visible,
#FINALmenu-vertical .top-level-link:focus-visible,
#FINALmenu-vertical .show-items-icon[role="button"]:focus-visible {
    outline: 2px solid #7caa3d;
    outline-offset: 2px;
}

#FINALmenu .FINALmenu-tab-content,
#FINALmenu-vertical .FINALmenu-tab-content {
    color: #777777;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
}

/* PrestaShop 9 adds intrinsic dimensions to product images. Keep the menu
 * thumbnails responsive instead of retaining the 320px HTML height. */
#FINALmenu #FINALmenu-desktop-nav .image-wrapper img,
#FINALmenu-vertical #FINALmenu-vertical-nav .image-wrapper img {
    height: auto;
}

/* The old Tisanella theme hid bxSlider's directional controls inside the
 * mega-menu. PrestaShop 9's bxSlider stylesheet exposes one pair per block,
 * which scatters chevrons across the product grid. */
#FINALmenu #FINALmenu-desktop-nav .bx-controls-direction,
#FINALmenu-vertical #FINALmenu-vertical-nav .bx-controls-direction {
    display: none;
}

/* Keep the content row below a preceding row of floated category headings. */
@media (min-width: 768px) {
    #FINALmenu .FINALmenu-tab-content > .categories + .products,
    #FINALmenu .FINALmenu-tab-content > .categories + .custom-image,
    #FINALmenu-vertical .FINALmenu-tab-content > .categories + .products,
    #FINALmenu-vertical .FINALmenu-tab-content > .categories + .custom-image {
        clear: left;
    }
}

#FINALmenu .FINALmenu-tab-content .tab-block.custom-html,
#FINALmenu-vertical .FINALmenu-tab-content .tab-block.custom-html {
    padding: 0 20px 20px;
}

#FINALmenu .FINALmenu-tab-content .custom-html .page-heading,
#FINALmenu-vertical .FINALmenu-tab-content .custom-html .page-heading {
    margin: 18px 0 16px;
    padding: 0 0 10px;
    border-bottom: 1px solid #e3e1e1;
    color: #555454;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: normal;
    text-transform: uppercase;
}

#FINALmenu .FINALmenu-tab-content .custom-html .page-subheading,
#FINALmenu-vertical .FINALmenu-tab-content .custom-html .page-subheading {
    margin: 18px 0 12px;
    padding: 0 0 15px;
    border-bottom: 1px solid #e3e1e1;
    color: #555454;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    text-transform: uppercase;
}