/* ========================================================================
   BOMBARERA SKINS V85 — TRUE EDGE-TO-EDGE GLOBAL HEADER
   V84 targeted the correct header, but the shared V66 shell has a more
   specific selector that kept the old centered 1320px gutter. This layer
   deliberately matches/exceeds that specificity and removes that gutter
   only on the Skins route.
   ======================================================================== */

@media (min-width: 761px){
  body.ui-v45[data-ui-context="skins"]:not([data-ui-context="menu"]):not(:has(#screenGame:not(.hidden))) > .header{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-top:12px !important;
    padding-bottom:12px !important;
    padding-left:clamp(18px,1.45vw,28px) !important;
    padding-right:clamp(18px,1.45vw,28px) !important;
    border-radius:0 !important;
    justify-content:space-between !important;
  }

  body.ui-v45[data-ui-context="skins"]:not([data-ui-context="menu"]):not(:has(#screenGame:not(.hidden))) > .header > .header__brand{
    margin-left:0 !important;
    margin-right:auto !important;
  }

  body.ui-v45[data-ui-context="skins"]:not([data-ui-context="menu"]):not(:has(#screenGame:not(.hidden))) > .header > .header__right{
    margin-left:auto !important;
    margin-right:0 !important;
  }
}

@media (max-width: 760px){
  body.ui-v45[data-ui-context="skins"]:not([data-ui-context="menu"]):not(:has(#screenGame:not(.hidden))) > .header{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:9px 12px !important;
    border-radius:0 !important;
    justify-content:space-between !important;
  }
}