/* 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; }
}
/* mobile: dark header (same grey as the desktop bar), white icons */
@media (max-width: 767px) {
  #header, #header .header-nav, #header .header-top { background: #333333 !important; }
  #header .header-nav { margin-bottom: 0 !important; border-bottom: 1px solid #444 !important; }
  #header .header-nav .material-icons,
  #header .header-nav #menu-icon .material-icons,
  #header .header-nav #_mobile_cart .material-icons,
  #header .header-nav #_mobile_user_info .material-icons,
  #header .header-nav .blockcart,
  #header .header-nav .blockcart .header,
  #header .header-nav .user-info a { color: #ffffff !important; background: transparent !important; }
}
/* mobile menu panel (white): keep the theme's dark text for the first-level entries */
@media (max-width: 767px) {
  #mobile_top_menu_wrapper .top-menu a[data-depth="0"],
  #header #mobile_top_menu_wrapper .top-menu a[data-depth="0"] { color: #232323 !important; }
  #mobile_top_menu_wrapper .top-menu a[data-depth="0"]:hover { color: #4285f4 !important; }
}
/* mobile menu panel dark like the header, white text */
@media (max-width: 767px) {
  #mobile_top_menu_wrapper,
  #mobile_top_menu_wrapper .js-top-menu,
  #mobile_top_menu_wrapper .top-menu,
  #mobile_top_menu_wrapper .js-top-menu-bottom { background: #333333 !important; }
  #mobile_top_menu_wrapper .top-menu a,
  #mobile_top_menu_wrapper .top-menu a[data-depth="0"],
  #header #mobile_top_menu_wrapper .top-menu a[data-depth="0"],
  #mobile_top_menu_wrapper .top-menu .navbar-toggler,
  #mobile_top_menu_wrapper .top-menu .material-icons,
  #mobile_top_menu_wrapper #contact-link,
  #mobile_top_menu_wrapper #contact-link a,
  #mobile_top_menu_wrapper #contact-link span,
  #mobile_top_menu_wrapper .material-icons,
  #mobile_top_menu_wrapper .user-info a { color: #ffffff !important; }
  #mobile_top_menu_wrapper .top-menu a:hover,
  #mobile_top_menu_wrapper .top-menu a[data-depth="0"]:hover { color: #cccccc !important; }
  #mobile_top_menu_wrapper .top-menu li,
  #mobile_top_menu_wrapper .top-menu a[data-depth="0"] { border-color: #444444 !important; }
  #mobile_top_menu_wrapper .top-menu .sub-menu,
  #mobile_top_menu_wrapper .top-menu .collapse { background: #2a2a2a !important; }
}
@media (max-width: 767px) {
  #mobile_top_menu_wrapper { margin-left: 0 !important; width: 100% !important; }
}
@media (max-width: 767px) {
  #mobile_top_menu_wrapper { margin-top: 0 !important; border-top: 0 !important; }
  #header .header-top { border-bottom: 0 !important; }
  #header .header-top .container, #header .header-top .row { background: #333333 !important; }
}
/* mobile: the dark search strip ends where its content ends (no fixed desktop height / negative margin behind the page) */
@media (max-width: 767px) {
  #header .header-top { height: auto !important; margin-bottom: 0 !important; padding: 10px 0 10px 0 !important; }
  #header .header-top #search_widget { margin-bottom: 0 !important; }
  body#index #carousel { margin-top: 0 !important; }
}
/* mobile menu: email on its own line */
@media (max-width: 767px) {
  #mobile_top_menu_wrapper #contact-link { text-align: center; line-height: 1.6; }
  #mobile_top_menu_wrapper #contact-link a.dropdown { display: inline; }
}
@media (max-width: 767px) {
}
@media (max-width: 767px) {
  #mobile_top_menu_wrapper #contact-link { display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; column-gap: 4px; row-gap: 6px; padding: 12px 10px; }
  #mobile_top_menu_wrapper #contact-link > span { display: contents; }
  #mobile_top_menu_wrapper #contact-link::after { content: ""; flex-basis: 100%; height: 0; order: 2; }
  #mobile_top_menu_wrapper #contact-link > span > i,
  #mobile_top_menu_wrapper #contact-link > span > a { order: 3; }
}
@media (max-width: 767px) {
  #mobile_top_menu_wrapper #contact-link > a { flex-basis: 100%; text-align: center; }
}
/* footer below the last blue strip: dark grey like the header */
.aeuc_footer_info { background-color: #333333 !important; color: #dcdcdc !important; margin-bottom: 0 !important; }
.aeuc_footer_info ~ .row { background-color: #333333 !important; margin-left: 0 !important; margin-right: 0 !important; padding: 0 0 15px 0; }
.aeuc_footer_info ~ .row p, .aeuc_footer_info ~ .row a { color: #dcdcdc !important; margin-bottom: 0; }
.footer-container { padding-bottom: 0 !important; margin-bottom: 0 !important; }
.aeuc_footer_info { padding-top: 15px !important; padding-bottom: 15px !important; text-align: center; }
/* mobile footer dropdowns: same width/margins so titles and arrows line up */
@media (max-width: 767px) {
  .footer-container .links,
  .footer-container .links .row,
  .footer-container .links .wrapper { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; }
  #footer .links .title { margin: 0 !important; padding: 10px 15px !important; width: 100% !important; box-sizing: border-box; position: relative; }
  #footer .links .title .float-xs-right { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); float: none !important; }
  #footer .links .title .h3 { display: block; text-align: center; }
}
/* desktop footer: link-block title same size as "Su cuenta" */
#footer .links h3.h3.hidden-sm-down { font-size: 16px !important; }
/* footer copyright a bit smaller */
.aeuc_footer_info ~ .row p { font-size: 13px !important; }
/* desktop menu bar: wider side margins (logo further right, search further left) */
@media (min-width: 768px) {
  #header .header-top { padding-left: 40px !important; padding-right: 40px !important; }
}