/**
 * Header / Footer Layout (Boxed / Full Width)
 *
 * Does not affect page content or Elementor.
 *
 * @package Rezeta
 */

/*
 * Boxed: bar background spans full viewport; logo, menu and footer items stay inside container.
 */
body.rezeta-layout-boxed .rezeta-header--default,
body.rezeta-layout-boxed .rezeta-footer--default,
body.rezeta-layout-boxed .rezeta-header--default .rezeta-header-inner,
body.rezeta-layout-boxed .rezeta-footer--default .rezeta-footer-inner {
    width: 100%;
    max-width: none;
}

body.rezeta-layout-boxed .rezeta-header--default .rezeta-container,
body.rezeta-layout-boxed .rezeta-footer--default .rezeta-container {
    max-width: var(--rezeta-container-width, 1440px);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--rezeta-container-padding-x, 20px);
    padding-right: var(--rezeta-container-padding-x, 20px);
}

body.rezeta-layout-boxed .rezeta-header--default.rezeta-header--scrolled {
    left: 0;
    right: 0;
    width: 100%;
    max-width: none;
    transform: none;
}

/* Full width: header/footer items span the viewport */
body.rezeta-layout-full .rezeta-header--default .rezeta-container,
body.rezeta-layout-full .rezeta-footer--default .rezeta-container {
    max-width: none;
    width: 100%;
}