/* ITDA V11 PC top banner visibility restore.
   Legacy code in head.skin.php already generates #hd_banner from display_banner_bg(1).
   Modern V11 styles unintentionally hid it with display:none!important.
   Scope only the modern V11 header; do not expose on the mobile-only header. */
@media (min-width:768px) {
  #wrapper #header:has(> .itda-v11-header) {
    display:flex!important;
    flex-direction:column;
    width:100%;
    height:auto!important;
    min-height:0!important;
  }
  #wrapper #header:has(> .itda-v11-header) > #hd_banner {
    order:-1;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%;
    max-height:none!important;
    overflow:visible!important;
    position:relative;
    z-index:10;
    background:#fff;
    flex:0 0 auto;
  }
  #wrapper #header:has(> .itda-v11-header) > #hd_banner > p {
    display:block!important;
    width:100%;
    margin:0;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
  #wrapper #header:has(> .itda-v11-header) > #hd_banner > p > a {
    display:block!important;
    width:100%;
    height:100%;
  }
}
/* A narrow PC viewport is handled by the separate mobile/shop UI. */
@media (max-width:767px) {
  #wrapper #header:has(> .itda-v11-header) > #hd_banner {
    display:none!important;
  }
}

/* The original close control uses jQuery slideUp(), which sets inline display:none.
   V1 display:block!important prevented that inline state from taking effect.
   The more-specific rule restores immediate hide without disabling the banner by default. */
@media (min-width:768px) {
  #wrapper #header:has(> .itda-v11-header) > #hd_banner[style*="display: none"] {
    display:none!important;
  }
}