@import "instance";

.main_header {
    @include align-items(center);
    @include transition(scale $t3);
    @include justify-content(space-between);
    @include wh(min(100vw, 1920px));
    @include position;
    @include border-radius(0 0 10px 10px);
    @include bc(rgba($c3, 0.8), $c1);
    @include flex;
    backdrop-filter: blur(30px);
    padding-block: 15px;
    padding-inline: 5vw;
    margin-inline: auto;
    scale: 1;
    z-index: 5;

    @include brp($b7) {
        @include center-flex-column;
        @include gap(15px);
    }

    &.active {
        @include transition(scale $t3);
        scale: 0.8;
    }

    &.bg_transparent {
        @include bc($c0, $c1);
        backdrop-filter: blur(0px);
    }

    .logo_adidas_fifa_wc26 {
        @include normalize-svg((
            width: nth($l1x, 1),
            height: nth($l1y, 1)
        ));

        @include brp($b6) {
            @include wh(
                nth($l1x, 3),
                nth($l1y, 3)
            );
        }
    }

    .logo_adidas_trefoil_fifa_wc26 {
        @include normalize-svg((
            width: nth($l1x, 1),
            height: nth($l1y, 1)
        ));

        @include brp($b6) {
            @include wh(
                nth($l1x, 3),
                nth($l1y, 3)
            );
        }
    }

    .main_menu {
        @include align-items(center);
        @include gap(20px);
        @include flex;
        padding-left: 98px;

        @include brp($b7) {
            padding-left: initial;
        }
    }
}