/* TV Bridge v6 - deliberately restore ORIGINAL T4 desktop header geometry.
   No extra JS. Search and cart AJAX remain unchanged. */

/* The updated basket icon stays an SVG. Leave T4's original columns,
   top bar, logo, search widths and alignment completely untouched. */
#t4-header #eshop-cart .eshop-items > a.eshop-cart-toggle {
  display:inline-flex!important; align-items:center; column-gap:8px;
  white-space:nowrap; text-decoration:none;
}
#t4-header #eshop-cart .eshop-cart-toggle svg {display:block;flex:none;}
#t4-header #eshop-cart .eshop-cart-toggle .eshop-cart-sum {margin-left:8px!important;display:inline-block;}
#t4-header #eshop-cart .eshop-cart-qty {left:20px;right:auto;top:-6px;}
#t4-header #eshop-cart .eshop-content {right:0;z-index:1001;}

/* Reuse native T4 megamenu markup, not its JS for collapsing the mobile menu. */
#t4-main-menu {background:#212529;}
#t4-main-menu .tvbridge-menu {display:block;width:100%;}
#t4-main-menu .tvbridge-nav-content,
#t4-main-menu .tvbridge-nav-content > nav.navbar {display:block!important;width:100%;}
#t4-main-menu .tvbridge-nav-content > nav.navbar {padding:0!important;}
#t4-main-menu .tvbridge-nav-content .t4-megamenu.collapse {display:block!important;height:auto!important;visibility:visible!important;}
#t4-main-menu .tvbridge-nav-check,#t4-main-menu .tvbridge-nav-toggle {display:none;}
#t4-main-menu .tvbridge-nav-content .navbar-nav.level0 {display:flex;flex-wrap:wrap;flex-direction:row;}
/* Original T4 contrast: one white ACTIVE item; remaining links subdued gray.
   v5 accidentally forced all links white, making the bar visually harsh. */
#t4-main-menu .tvbridge-nav-content .navbar-nav.level0 > li > a {
  color:#abacad!important; background:transparent;
  font-size:15px; font-weight:700;
  padding:7px 16px!important;
}
#t4-main-menu .tvbridge-nav-content .navbar-nav.level0 > li.active > a,
#t4-main-menu .tvbridge-nav-content .navbar-nav.level0 > li > a:hover,
#t4-main-menu .tvbridge-nav-content .navbar-nav.level0 > li > a:focus-visible {
  color:#fff!important;
}

/* No invasive desktop header changes. CSS below only fixes small widths. */
@media(max-width:1199px) {
  #t4-main-menu {display:block!important;}
  #t4-main-menu .t4-section-inner {max-width:none!important;width:100%;padding-inline:12px;}
  #t4-main-menu .tvbridge-nav-check {position:absolute;opacity:0;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;}
  #t4-main-menu .tvbridge-nav-toggle {
    display:flex;align-items:center;justify-content:space-between;
    cursor:pointer;color:#fff;font-size:15px;font-weight:600;
    padding:7px 4px;min-height:36px;
  }
  #t4-main-menu .tvbridge-nav-check:focus-visible + .tvbridge-nav-toggle {outline:2px solid #fff;outline-offset:-2px;}
  #t4-main-menu .tvbridge-nav-content {display:none!important;}
  #t4-main-menu .tvbridge-nav-check:checked ~ .tvbridge-nav-content {display:block!important;}
  #t4-main-menu .tvbridge-nav-content .navbar-nav.level0 {
    display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch;
  }
  #t4-main-menu .tvbridge-nav-content .navbar-nav.level0 > li {display:block;width:100%;}
  #t4-main-menu .tvbridge-nav-content .navbar-nav.level0 > li > a {
    display:block;padding:8px 12px!important;white-space:normal;
    color:#abacad!important;background:transparent!important;
  }
  #t4-main-menu .tvbridge-nav-content .navbar-nav.level0 > li.active > a,
  #t4-main-menu .tvbridge-nav-content .navbar-nav.level0 > li > a:hover {color:#fff!important;background:#343d48!important;}
  #t4-main-menu .tvbridge-nav-content .item-caret {display:none!important;}
  #t4-main-menu .tvbridge-nav-content,
  #t4-main-menu .tvbridge-nav-content > nav.navbar,
  #t4-main-menu .tvbridge-nav-content .t4-megamenu,
  #t4-main-menu .tvbridge-nav-content .navbar-nav.level0 {background:#212529!important;box-shadow:none!important;}
  #t4-main-menu .tvbridge-nav-content .navbar-nav.level0 > li.dropdown.parent > .dropdown-menu {
    display:block!important;position:static!important;visibility:visible!important;
    opacity:1!important;transform:none!important;float:none!important;
    width:100%!important;min-width:0!important;max-width:none!important;
    height:auto!important;max-height:none!important;
    margin:0!important;padding:0 0 3px 12px!important;
    border:0!important;box-shadow:none!important;background:#212529!important;
  }
  #t4-main-menu .tvbridge-nav-content .dropdown-menu-inner {padding:0!important;margin:0!important;background:transparent!important;}
  #t4-main-menu .tvbridge-nav-content .dropdown-menu-inner ul {display:block!important;list-style:none!important;margin:0!important;padding:0!important;}
  #t4-main-menu .tvbridge-nav-content .dropdown-menu-inner ul > li {display:block!important;width:100%!important;margin:0!important;}
  #t4-main-menu .tvbridge-nav-content .dropdown-menu-inner ul > li > a {
    display:block!important;padding:6px 12px!important;font-size:13px!important;
    line-height:1.3!important;color:#abacad!important;background:transparent!important;
    white-space:normal!important;border:0!important;
  }
  #t4-main-menu .tvbridge-nav-content .dropdown-menu-inner ul > li > a:hover,
  #t4-main-menu .tvbridge-nav-content .dropdown-menu-inner ul > li > a:focus-visible {
    color:#fff!important;background:#343d48!important;
  }
}
@media(max-width:760px) {
  #t4-header .t4-section-inner {width:100%;max-width:none;padding:0 12px!important;}
  #t4-header .t4-section-inner > .t4-row {
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:10px;row-gap:6px;align-items:center;
    margin:0!important;min-height:0!important;padding:3px 0 6px!important;
  }
  #t4-header .t4-section-inner > .t4-row > .t4-col {width:auto!important;max-width:none!important;min-width:0;flex:none!important;padding:0!important;}
  #t4-header .t4-col.logo {grid-column:1 / -1;grid-row:1;}
  #t4-header .t4-col.eshop-search {grid-column:1;grid-row:2;}
  #t4-header .t4-col.eshop-cart {grid-column:2;grid-row:2;}
  #t4-header .t4-col.eshop-texttop {grid-column:1 / -1;}
  #t4-header .navbar-brand.logo-text {margin:0;padding:0;}
  #t4-header .logo-text .site-name {font-size:clamp(17px,5vw,21px)!important;line-height:1.15!important;}
  #t4-header .logo-text .site-slogan {font-size:10px!important;margin-top:1px!important;}
  #t4-header .t4-col.eshop-search #eshop-search {width:100%;min-width:0;}
  #t4-header .t4-col.eshop-search #keyword {width:100%!important;min-width:0;height:34px!important;max-width:none!important;}
  #t4-header #eshop-cart .eshop-items > a.eshop-cart-toggle {padding:3px 0!important;gap:5px!important;}
  #t4-header #eshop-cart .eshop-cart-toggle .eshop-cart-sum {margin-left:8px!important;}
  #t4-header #eshop-cart .eshop-cart-qty {left:16px;top:-8px;}
}


/* TV Bridge v12: desktop dropdown without T4 JavaScript. No changes to
   the v6 appearance when the menu is closed; mobile remains unchanged.
   :focus-within preserves keyboard navigation through submenu links. */
@media (min-width:1200px) {
  #t4-main-menu .tvbridge-nav-content .t4-megamenu .navbar-nav.level0 > li.dropdown {
    position:relative;
  }
  #t4-main-menu .tvbridge-nav-content .t4-megamenu .navbar-nav.level0 > li.dropdown:is(:hover, :focus-within) > .dropdown-menu {
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:auto!important;
    margin-left:0!important;
  }
}