/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.head_logo { width: 70%; background-color: var(--orange); border-radius: 0 0 0 1.5rem; height: 4rem; }

header :where(.menu_mappa_traffico, .menu_mappa_meteo).menu_item  { display: none; }

header :where(.menu_hamburger, .menu_login) { width: 15%; height: 4rem; background-color: var(--orange); padding: 0 1rem; }

header .menu_hamburger { order: 5; }

header .menu_login { order: 6; border-radius: 0 0 1.5rem 0; }
header .menu_login svg path { fill: var(--black); }

header .menu_trasporto { background-color: var(--orange); border-radius: 0 1rem 0 0; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FOUNDATIONS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.fixed_bkg { opacity: 0.5; filter: brightness(0.4); }

::-moz-selection { color: var(--black); background: var(--orange); }
::selection { color: var(--black); background: var(--orange); }

/* Scrollbar style */
body::-webkit-scrollbar { background-color: var(--white); }
body::-webkit-scrollbar-thumb { background-color: var(--orange); }

/* Loader */
#loader { background-color: rgb(var(--white-rgb) / 50%); }
#loader svg path { stroke: var(--clay); }


/**
 *
 *  █▀▀▄  █▀▀  ▄▀▀  █ ▄▀  ▀▀█▀▀  ▄▀▀▄  █▀▀▄      ▄▀▀  █▄ ▄█  ▄▀▀▄  █    █ 
 *  █  █  █▀▀   ▀▄  █▀▄     █    █  █  █  █       ▀▄  █ █ █  █▀▀█  █ ▄  █ ▄ 
 *  ▀▀▀   ▀▀▀  ▀▀   ▀ ▀▀    ▀     ▀▀   █▀▀       ▀▀   ▀   ▀  ▀  ▀  ▀▀▀  ▀▀▀  - LAPTOP |  1024 x 768  ->  1280 x 720
 * __________________________________________________________________________________________________________________________________________________________________________
 */
 
@media screen and (min-width: 1024px) {

    .head_logo { order: 1; background-color: transparent; height: auto; }
    .head_logo p span { color: var(--orange); }

    header .menu_traffico { order: 2; }
    header .menu_meteo { order: 3; }
    header .menu_trasporto { order: 4; border-radius: 2rem 0 0 2rem; padding: 0.5rem 1rem 0.5rem 2rem; }
    header .menu_hamburger { order: 5; }
    header .menu_login { order: 6; border-radius: 0 2rem 2rem 0; padding: 0.5rem 2rem 0.5rem 1rem; }

}