/* eKonsument 1.3 — top/header restored from supplied old-store HTML.
   This file is intentionally loaded last, after legacy main.css and v1.1 styles.
   All changes are scoped to #header. The old PS1.6 search used GET search_query;
   PrestaShop 9 uses GET s, hence the functional form in header.tpl. */
@media (min-width:768px) {
  #header {position:relative!important;z-index:100!important;}
  #header .header-nav.eko-blackbar {
    position:relative!important;
    height:82px!important;min-height:82px!important;max-height:82px!important;
    padding:0!important;margin:0!important;border:0!important;
    background:#1f1a17!important;
  }
  /* Align both bars with the same 1170px-wide Bootstrap container. */
  #header .eko-blackbar-inner {
    position:relative!important;display:flex!important;align-items:center!important;
    justify-content:space-between!important;flex-wrap:nowrap!important;
    box-sizing:border-box!important;width:100%!important;max-width:1170px!important;
    height:82px!important;min-height:82px!important;
    margin:0 auto!important;padding:0 15px!important;gap:16px!important;
  }
  #header .eko-blackbar-inner::before,#header .eko-blackbar-inner::after,
  #header .eko-header-row::before,#header .eko-header-row::after {content:none!important;display:none!important;}
  #header .eko-blackbar-brand,#header .eko-old-brand {
    position:static!important;display:flex!important;align-items:center!important;
    flex:0 1 370px!important;width:370px!important;max-width:370px!important;min-width:0!important;
    height:82px!important;min-height:0!important;margin:0!important;padding:0!important;
  }
  #header .eko-old-brand img {
    display:block!important;box-sizing:border-box!important;
    width:100%!important;min-width:0!important;max-width:370px!important;
    height:60px!important;min-height:60px!important;max-height:60px!important;
    object-fit:contain!important;object-position:left center!important;
    margin:0!important;padding:0!important;
  }
  #header .eko-topbar-actions {
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    flex:1 1 auto!important;gap:24px!important;min-width:0!important;
    height:82px!important;margin:0!important;padding:0!important;
  }
  #header .eko-topbar-actions .eko-search-panel {position:relative!important;flex:0 0 36px!important;width:36px!important;height:36px!important;margin:0!important;padding:0!important;z-index:600!important;}
  #header .eko-topbar-actions .eko-search-panel > summary {
    display:flex!important;align-items:center!important;justify-content:center!important;
    box-sizing:border-box!important;width:36px!important;height:36px!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:7px!important;
    background:#fff!important;color:#171717!important;cursor:pointer!important;list-style:none!important;
  }
  #header .eko-topbar-actions .eko-search-panel > summary::-webkit-details-marker {display:none!important;}
  #header .eko-topbar-actions .eko-search-panel > summary::marker {content:''!important;}
  #header .eko-topbar-actions .eko-search-panel > summary:hover,
  #header .eko-topbar-actions .eko-search-panel > summary:focus-visible {outline:2px solid #f00090!important;outline-offset:2px!important;}
  #header .eko-search-form {
    position:absolute!important;top:44px!important;right:0!important;
    display:flex!important;align-items:center!important;gap:6px!important;
    box-sizing:border-box!important;width:330px!important;max-width:min(330px,calc(100vw - 30px))!important;
    padding:10px!important;margin:0!important;border:1px solid #ddd!important;border-radius:5px!important;
    background:#fff!important;box-shadow:0 6px 22px rgba(0,0,0,.25)!important;
    z-index:700!important;
  }
  #header .eko-search-panel:not([open]) .eko-search-form {display:none!important;}
  #header .eko-search-form label {position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;}
  #header .eko-search-form input[type="search"] {
    display:block!important;box-sizing:border-box!important;flex:1 1 auto!important;
    width:0!important;min-width:0!important;height:36px!important;margin:0!important;
    padding:7px 9px!important;border:1px solid #ccc!important;border-radius:3px!important;
    background:#fff!important;color:#222!important;font-size:13px!important;opacity:1!important;
  }
  #header .eko-search-form button[type="submit"] {
    position:static!important;display:block!important;flex:0 0 auto!important;
    box-sizing:border-box!important;height:36px!important;padding:0 12px!important;
    margin:0!important;border:0!important;border-radius:3px!important;
    background:#e90088!important;color:#fff!important;font-size:13px!important;
    transform:none!important;cursor:pointer!important;
  }
  #header .eko-topbar-actions .eko-language-badge {
    position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;
    box-sizing:border-box!important;flex:0 0 32px!important;
    width:32px!important;min-width:32px!important;max-width:32px!important;
    height:36px!important;min-height:36px!important;
    margin:0!important;padding:0!important;border-radius:7px!important;
    background:#fff!important;color:#1f1a17!important;
    font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1!important;
  }
  #header .eko-topbar-actions .eko-blackbar-links,
  #header .eko-topbar-actions .eko-nav-user {
    position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
    flex:0 0 auto!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;
    margin:0!important;padding:0!important;gap:0!important;
  }
  #header .eko-topbar-actions .eko-nav-contact {display:none!important;}
  #header .eko-topbar-actions #_desktop_user_info {
    position:static!important;display:block!important;flex:0 0 auto!important;
    width:auto!important;min-width:0!important;height:36px!important;min-height:36px!important;
    margin:0!important;padding:0!important;
  }
  #header .eko-topbar-actions #_desktop_user_info .user-info {
    position:static!important;display:flex!important;align-items:center!important;
    width:auto!important;min-width:0!important;height:36px!important;min-height:36px!important;
    margin:0!important;padding:0!important;background:transparent!important;
  }
  #header .eko-topbar-actions #_desktop_user_info .user-info a {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    box-sizing:border-box!important;gap:7px!important;
    height:36px!important;min-height:36px!important;min-width:131px!important;
    margin:0!important;padding:0 9px!important;border:2px solid #fff!important;
    border-radius:7px!important;background:transparent!important;color:#fff!important;
    font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;
    font-weight:400!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;
  }
  #header .eko-topbar-actions #_desktop_user_info .user-info a span {color:inherit!important;font-size:inherit!important;line-height:inherit!important;}
  #header .eko-topbar-actions #_desktop_user_info .user-info a .material-icons {color:#fff!important;}
  #header .eko-topbar-actions #_desktop_user_info .user-info a:hover {background:#fff!important;color:#1f1a17!important;}
  #header .eko-topbar-actions #_desktop_user_info .user-info a:hover .material-icons {color:#1f1a17!important;}
  /* In PS9 the native search module can be absent from displayTop.
     We render a working form above and hide its optional desktop duplicate. */
  #header .eko-header-widgets .search-widget {display:none!important;}
  /* White bar: first row = menu + foundation buttons; second row = cart. */
  #header .header-top.eko-whitebar {
    position:relative!important;box-sizing:border-box!important;
    display:block!important;min-height:108px!important;height:auto!important;
    margin:0!important;padding:0!important;border:0!important;
    background:#fff!important;box-shadow:0 2px 3px rgba(0,0,0,.10)!important;
  }
  #header .eko-whitebar > .container {position:relative!important;max-width:1170px!important;margin:0 auto!important;padding:0 15px!important;}
  #header .eko-header-row {
    position:relative!important;display:flex!important;align-items:flex-start!important;
    justify-content:space-between!important;flex-wrap:nowrap!important;
    box-sizing:border-box!important;width:100%!important;min-height:65px!important;
    margin:0!important;padding:16px 0 0!important;gap:16px!important;
  }
  #header .eko-header-widgets {
    position:relative!important;display:flex!important;align-items:center!important;
    flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;
    margin:0!important;padding:0!important;
  }
  #header .eko-header-widgets #_desktop_top_menu {
    position:relative!important;display:block!important;flex:0 1 auto!important;
    min-width:0!important;width:auto!important;max-width:none!important;
    float:none!important;margin:0!important;padding:0!important;
  }
  #header #_desktop_top_menu > ul.top-menu[data-depth="0"] {
    display:flex!important;align-items:center!important;flex-wrap:nowrap!important;
    min-width:0!important;width:auto!important;margin:0!important;padding:0!important;gap:0!important;
  }
  #header #_desktop_top_menu > ul.top-menu[data-depth="0"] > li {
    position:relative!important;display:block!important;flex:0 0 auto!important;
    float:none!important;margin:0!important;padding:0!important;
  }
  #header #_desktop_top_menu > ul.top-menu[data-depth="0"] > li > a[data-depth="0"] {
    display:block!important;box-sizing:border-box!important;
    margin:0!important;padding:10px 13px!important;
    border:0!important;border-left:2px solid #ee008c!important;
    background:transparent!important;color:#242424!important;
    font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;
    font-weight:400!important;line-height:20px!important;text-transform:uppercase!important;
    white-space:nowrap!important;
  }
  #header #_desktop_top_menu > ul.top-menu[data-depth="0"] > li:hover > a[data-depth="0"],
  #header #_desktop_top_menu > ul.top-menu[data-depth="0"] > li:focus-within > a[data-depth="0"],
  #header #_desktop_top_menu > ul.top-menu[data-depth="0"] > li.current > a[data-depth="0"] {color:#ed008c!important;}
  #header .eko-support-actions {
    position:static!important;display:flex!important;align-items:center!important;
    justify-content:flex-end!important;flex:0 0 auto!important;
    gap:7px!important;width:auto!important;max-width:none!important;
    margin:0!important;padding:3px 0 0!important;white-space:nowrap!important;
  }
  #header .eko-support-actions a {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    box-sizing:border-box!important;height:31px!important;min-height:31px!important;
    margin:0!important;padding:0 12px!important;
    border:1px solid #e90088!important;border-radius:0!important;
    background:#fff!important;color:#e90088!important;
    font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;
    font-weight:400!important;line-height:1!important;text-decoration:none!important;
  }
  #header .eko-support-actions a:last-child {background:#e90088!important;color:#fff!important;}
  #header .eko-support-actions a:hover,#header .eko-support-actions a:focus {background:#ba006c!important;color:#fff!important;}
  /* Cart is produced by displayNav2 (a real module). Visually align it
     under the buttons, as in the original #menu + .shopping_cart layout. */
  #header .eko-topbar-actions #_desktop_cart {
    position:absolute!important;top:142px!important;
    right:15px!important;left:auto!important;
    display:block!important;width:auto!important;min-width:0!important;
    height:30px!important;min-height:0!important;margin:0!important;padding:0!important;
    transform:none!important;z-index:50!important;
  }
  #header .eko-topbar-actions #_desktop_cart .blockcart,
  #header .eko-topbar-actions #_desktop_cart .cart-preview,
  #header .eko-topbar-actions #_desktop_cart .header {
    position:static!important;display:flex!important;align-items:center!important;
    width:auto!important;min-width:0!important;height:30px!important;
    min-height:0!important;margin:0!important;padding:0!important;
    border:0!important;box-shadow:none!important;background:transparent!important;
    color:#242424!important;white-space:nowrap!important;
  }
  #header .eko-topbar-actions #_desktop_cart .header,
  #header .eko-topbar-actions #_desktop_cart .header a,
  #header .eko-topbar-actions #_desktop_cart .header span {
    color:#242424!important;font-size:13px!important;font-weight:600!important;
    line-height:1.2!important;text-decoration:none!important;
  }
  #header .eko-topbar-actions #_desktop_cart .header .material-icons {
    color:#ed008c!important;font-size:24px!important;margin-right:4px!important;
  }

  /* Native Material Icons remain readable even if the icon font is delayed. */
  #header .eko-topbar-actions #_desktop_cart .header .material-icons.shopping-cart {
    display:inline-block!important;box-sizing:border-box!important;flex:0 0 23px!important;
    width:23px!important;min-width:23px!important;max-width:23px!important;
    height:23px!important;min-height:23px!important;max-height:23px!important;
    font-size:0!important;line-height:0!important;overflow:hidden!important;
    background:center/22px 22px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ec008c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.5 13h12l2.5-9H6'/%3E%3C/svg%3E")!important;
  }
  #header .eko-topbar-actions #_desktop_user_info .user-info a .material-icons {
    display:inline-block!important;box-sizing:border-box!important;flex:0 0 16px!important;
    width:16px!important;min-width:16px!important;max-width:16px!important;
    height:18px!important;min-height:18px!important;max-height:18px!important;
    margin:0!important;padding:0!important;font-size:0!important;line-height:0!important;overflow:hidden!important;
    background:center/15px 17px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 20' fill='white'%3E%3Cpath d='M5 7V5a4 4 0 0 1 8 0v2h1a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1zm2 0h4V5a2 2 0 0 0-4 0v2z'/%3E%3C/svg%3E")!important;
  }
  #header .eko-topbar-actions #_desktop_user_info .user-info a:hover .material-icons {filter:invert(1)!important;}
  /* Keep the v0.8 narrow, vertical dropdown anchored to its parent. */
  #header #_desktop_top_menu .sub-menu {z-index:1200!important;}
}
@media (min-width:768px) and (max-width:1199px) {
  #header .eko-blackbar-inner,#header .eko-whitebar > .container {max-width:960px!important;}
  #header .eko-header-row {gap:8px!important;}
  #header #_desktop_top_menu > ul.top-menu[data-depth="0"] > li > a[data-depth="0"] {font-size:12px!important;padding:10px 9px!important;}
  #header .eko-support-actions {gap:5px!important;}
  #header .eko-support-actions a {font-size:11px!important;padding:0 8px!important;}

}
@media (min-width:768px) and (max-width:991px) {
  #header .eko-header-row {flex-wrap:wrap!important;align-content:flex-start!important;padding-top:12px!important;}
  #header .header-top.eko-whitebar {min-height:126px!important;}
  #header .eko-header-widgets {flex:1 1 100%!important;}
  #header .eko-support-actions {margin-left:auto!important;padding:0!important;}
  #header .eko-topbar-actions #_desktop_cart {top:177px!important;}
  #header .eko-blackbar-brand,#header .eko-old-brand {
    flex-basis:370px!important;width:370px!important;max-width:370px!important;min-width:0!important;
  }
  #header .eko-old-brand img {
    width:100%!important;min-width:0!important;max-width:370px!important;
    height:60px!important;min-height:60px!important;max-height:60px!important;
  }
  #header .eko-topbar-actions {gap:14px!important;}
}
@media (max-width:767px) {
  /* Preserve Classic mobile nav, cart, search and menu; no desktop duplicates. */
  #header .eko-topbar-actions {display:none!important;}
  #header .eko-blackbar-inner {max-width:none!important;}
  #header .eko-support-actions {display:none!important;}
}