/* Senscential Classic child theme. Desktop only; native mobile DOM stays intact. */
@media (min-width: 768px) {
  #header { position: relative; background: #fff; }
  #header .header-top { padding: 24px 0 0; background: #fff; }
  #header .header-top > .container > .row {
    display: flex; flex-wrap: wrap; align-items: center;
  }
  #header #_desktop_logo {
    flex: 0 0 100%; width: 100%; max-width: 100%;
    min-height: 80px; display: flex; align-items: center;
  }
  #header #_desktop_logo h1 { margin: 0; line-height: 1; }
  #header #_desktop_logo img { width: 160px; max-width: 160px; height: auto; }
  /* The existing Nav2 output visually shares the logo row, without rehooking modules. */
  #header .header-nav {
    position: absolute; left: 0; right: 0; top: 38px;
    width: 100%; height: auto; max-height: none; margin: 0;
    border: 0; background: transparent; z-index: 20; pointer-events: none;
  }
  #header .header-nav .right-nav {
    float: right; width: auto; max-width: calc(100% - 190px);
    display: flex; align-items: center; justify-content: flex-end;
    gap: 22px; pointer-events: auto;
  }
  #header .header-nav .right-nav > div { float: none; margin: 0; }
  #header .header-nav .language-selector,
  #header .header-nav .currency-selector,
  #header .header-nav .user-info { margin: 0; }
  #header .header-nav .blockcart { padding: 10px 12px; height: auto; background: #f5f3ef; }
  #header .header-nav a, #header .header-nav .expand-more { color: #292824; }
  #header .header-top-right {
    flex: 0 0 100%; width: 100%; max-width: 100%;
    display: flex; flex-wrap: wrap; align-items: center;
    gap: 12px 24px; padding-top: 18px; padding-bottom: 18px;
    border-top: 1px solid #e5e0d8;
  }
  #header #_desktop_top_menu {
    float: none; flex: 1 1 0; width: auto; min-width: 0;
    max-width: none; padding: 0; margin: 0;
  }
  #header .header-top .menu { margin-bottom: 0; }
  #header .header-top .menu > ul { margin: 0; }
  #header .header-top .menu > ul > li > a {
    padding: 10px 11px; font-size: 14px; line-height: 1.4;
    font-weight: 500; color: #292824; text-transform: none;
  }
  #header .header-top .menu > ul > li:first-child > a { padding-left: 0; }
  #header .header-top .menu > ul > li > a:hover,
  #header .header-nav a:hover { color: #414c3b; }
  #header .header-top .search-widget {
    float: none; flex: 0 0 230px; width: 230px; min-width: 0;
    max-width: 230px; padding: 0; margin: 0;
  }
  #header .header-top .search-widget form input[type=text] {
    width: 100%; min-width: 0; background: #f5f3ef;
    border: 1px solid #e5e0d8; border-radius: 4px;
  }
  #header .header-top .menu .sub-menu { z-index: 30; }
}
@media (min-width: 768px) and (max-width: 991px) {
  #header .header-nav .right-nav { gap: 12px; }
  #header .header-top-right { gap: 8px 16px; }
  #header .header-top .search-widget {
    flex-basis: 190px; width: 190px; max-width: 190px;
  }
  #header .header-top .menu > ul > li > a { padding: 9px 7px; font-size: 13px; }
}

/* Remove only the redundant header contact shortcut, retaining the menu and contact page. */
#header .header-nav #contact-link { display: none !important; }
@media (min-width: 768px) {
  #header .header-nav > .container > .row > .col-md-5 { display: none !important; }
}
/* A monochrome outlined bag replaces the Material shopping-cart glyph. */
#header .blockcart .shopping-cart {
  display: inline-block; width: 23px; height: 25px;
  font-size: 0 !important; line-height: 0; vertical-align: middle;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 26' fill='none' stroke='%23292824' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h16l1 16H3L4 8Z'/%3E%3Cpath d='M8 10V6a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Empty and full carts share the same usable link. */
#header .blockcart .header, #header .blockcart .header a {
  pointer-events: auto; cursor: pointer;
}
@media (min-width: 992px) {
  #header .header-top-right { flex-wrap: nowrap; gap: 16px; }
  #header .header-top .menu > ul {
    display: flex; flex-wrap: nowrap; align-items: center;
  }
  #header .header-top .menu > ul > li { flex: 0 0 auto; }
  #header .header-top .menu > ul > li > a {
    white-space: nowrap; padding: 10px 7px; font-size: 13px;
  }
  #header .header-top .search-widget {
    flex: 0 0 160px; width: 160px; max-width: 160px;
  }
}