/* Hantek Iberica (tienda.hantek.es, shop 10) - test: white logo on a flat dark grey header bar.
   Loaded only for shop 10 from templates/_partials/stylesheets.tpl. Revert: revert.sh in /home/administrator/backups/hantek_iberica_header_20261106_165443 */
#header .header-top { background: #333333 !important; }
#header .top-menu a[data-depth="0"] { color: #ffffff !important; }
#header .top-menu a[data-depth="0"]:hover { color: #cccccc !important; }
/* no white gap between the top contact bar and the dark grey bar */
#header .header-nav { margin-bottom: 0 !important; }
/* vertically centre logo, menu and search inside the dark grey bar (desktop) */
@media (min-width: 768px) {
  #header .header-top { height: 89px !important; margin-bottom: 0 !important; padding: 0 10px !important; }
  #header .header-top > .container, #header .header-top > .container > .row { height: 100%; }
  #header .header-top > .container > .row { display: flex; align-items: center; }
  #header .header-top #_desktop_logo { display: flex; align-items: center; }
  #header .header-top .col-md-10 { display: flex; align-items: center; justify-content: flex-start; }
  #header .header-top #_desktop_top_menu { order: 1; margin: 0 !important; display: flex; align-items: center; }
  #header .header-top #top-menu { margin: 0 !important; }
  #header .header-top #top-menu > li > a[data-depth="0"] { padding-top: 5px; padding-bottom: 5px; }
  #header .header-top #search_widget { order: 2; margin: 0 0 0 auto !important; float: none; }
  #header .header-top #top-menu .sub-menu { top: 100% !important; margin-top: 0 !important; }
  #wrapper .breadcrumb { margin-top: 0 !important; }
  body#index #carousel, body#index #carousel .carousel-inner { margin-top: 0 !important; }
}
/* unified blue #4285f4 (same as breadcrumb) for the left-column block bands */
.block-categories.block-desc-cat-mod { border-top-color: #4285f4 !important; border-bottom-color: #4285f4 !important; }
/* menu items fill the whole bar height so the hover area reaches the dropdown (no gap) */
@media (min-width: 768px) {
  #header .header-top .col-md-10 { align-self: stretch; }
  #header .header-top #_desktop_top_menu { align-self: stretch; height: 100%; }
  #header .header-top #top-menu { height: 100%; display: flex; align-items: stretch; }
  #header .header-top #top-menu > li { display: flex; align-items: center; height: 100%; }
}
/* dropdown menu: grey background, white text (desktop) */
@media (min-width: 768px) {
  #header .top-menu .sub-menu,
  #header .top-menu .sub-menu .top-menu,
  #header .top-menu .popover { background: #1e1e1e !important; border: 0 !important; box-shadow: 0 6px 12px rgba(0,0,0,.35) !important; }
  #header .top-menu .sub-menu a,
  #header .top-menu a[data-depth="1"],
  #header .top-menu a[data-depth="2"] { color: #ffffff !important; background: transparent !important; }
  #header .top-menu .sub-menu a:hover,
  #header .top-menu a[data-depth="1"]:hover,
  #header .top-menu a[data-depth="2"]:hover { color: #cccccc !important; }
}
@media (min-width: 768px) {
  #header .top-menu .sub-menu .top-menu { background: transparent !important; box-shadow: none !important; }
}
