/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
.leo-megamenu .navbar-nav>li>a {
    font-size: 14px!important;}

 .block-category {
    display: block!important;
}
/*#header > div > nav > div.topnav > div > div > div > div.col-xl-6.col-lg-6.col-md-6.col-sm-6.col-xs-9.col-sp-9.top-right-header.ApColumn > div{padding-top:15px!important}     */

@media (min-width: 1500px){
.header-top .inner {max-width:1200px!important;}}

@media (max-width: 1499px) and (min-width: 1200px)  {
.header-top .ApMegamenu {     margin: auto!important;
    max-width: 1100px!important;    }}

.ApQuicklogin a {
    height: 48px;
    line-height: 48px;  
}

.ApColumn > div > a.logout{
    height: 48px;
    line-height: 48px;  
}

/* === 2026-10-05: nowe logo === */
.header_logo { padding-top: 12px !important; padding-bottom: 12px !important; }
.header_logo img.logo { max-height: 72px; width: auto; }
@media (max-width: 1199px) { .header_logo img.logo { max-height: 90px; } }

/* === 2026-10-05: poprawka menu mobilnego === */
@media (max-width: 1199px) {
  #header .ApMegamenu { z-index: 1001 !important; }
  #header .ApMegamenu .navbar-toggler {
    width: 44px; height: 40px; padding: 0; border: 1px solid #3F0E9A; border-radius: 4px;
    font-size: 0; color: transparent;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233F0E9A' d='M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z'/%3E%3C/svg%3E") no-repeat center / 26px 26px !important;
  }
  #header .ApMegamenu .leo-top-menu.megamenu-off-canvas {
    position: absolute; left: 0; top: 100%; margin-top: 6px;
    width: calc(100vw - 30px); max-height: 75vh; overflow-y: auto;
    background: #fff !important; z-index: 1000;
    border: 1px solid #e5e5e5; border-radius: 4px; box-shadow: 0 6px 18px rgba(0,0,0,.18);
  }
  #header .ApMegamenu .leo-top-menu ul.megamenu { width: 100%; margin: 0; padding: 0; float: none; }
  #header .ApMegamenu .leo-top-menu ul.megamenu > li.nav-item {
    float: none !important; display: block; width: 100%; border-bottom: 1px solid #eee;
  }
  #header .ApMegamenu .leo-top-menu ul.megamenu > li.nav-item:last-child { border-bottom: 0; }
  #header .ApMegamenu .leo-top-menu ul.megamenu > li.nav-item > a.nav-link {
    display: block; width: 100%; padding: 12px 16px !important; line-height: 1.3;
    color: #222 !important; background: transparent !important; font-size: 15px !important; text-align: left;
  }
  #header .ApMegamenu .leo-top-menu ul.megamenu > li.nav-item > a.nav-link:hover,
  #header .ApMegamenu .leo-top-menu ul.megamenu > li.nav-item.active > a.nav-link { color: #3F0E9A !important; background: #f5f2fb !important; }
  #header .ApMegamenu .leo-top-menu ul.megamenu > li.nav-item.sklepfiltrolio > a.nav-link, #header .ApMegamenu .leo-top-menu ul.megamenu > li.nav-item.sklepfiltrolio > a.nav-link .menu-title { color: #fff !important; background: #3F0E9A !important; }
}

/* === 2026-10-05: telefon w nagłówku === */
#header .support_line { display: flex; align-items: center; gap: 10px; white-space: nowrap; }
#header .support_line > i.icon-phone {
  flex: 0 0 42px; width: 42px; height: 42px; line-height: 42px; border-radius: 50%;
  background: #3F0E9A; color: #fff !important; font-size: 20px !important; text-align: center;
  margin: 0 !important; position: static !important; transform: none !important;
}
#header .support_line > i.icon-phone::before { color: #fff !important; }
#header .support_line .text_block { display: flex; flex-direction: column; line-height: 1.2; padding: 0 !important; margin: 0 !important; }
#header .support_line .text_block .text { font-size: 0 !important; color: #777 !important; }
#header .support_line .text_block .text::after { content: "Zadzwoń do nas"; font-size: 12px; letter-spacing: .3px; color: #777; }
#header .support_line .text_block .number a {
  font-size: 19px !important; font-weight: 700 !important; color: #2b0a75 !important; letter-spacing: .3px;
}
#header .support_line .text_block .number a:hover { color: #5a1fd1 !important; text-decoration: none; }
@media (max-width: 1199px) {
  #header .support_line > i.icon-phone { flex-basis: 36px; width: 36px; height: 36px; line-height: 36px; font-size: 17px !important; }
  #header .support_line .text_block .number a { font-size: 16px !important; }
}

/* czytelny link "Moje konto" w górnym pasku */
#header .header-nav .topnav a, #header .header-nav .topnav .ApHtml a { color: #e6e6e6 !important; }
#header .header-nav .topnav a:hover { color: #fff !important; }

/* === 2026-10-05: wyrównanie nagłówka (lewa/prawa krawędź) === */
@media (min-width: 1200px) {
  #header .top-center-header { display: flex; align-items: center; flex-wrap: nowrap; }
  #header .top-center-header > .header_logo { flex: 0 0 auto; margin-right: 30px; }
  #header .top-center-header > .ApRawHtml { flex: 0 0 auto; margin-right: 30px; }
  #header .top-center-header > #leo_search_block_top { flex: 1 1 auto; width: auto !important; max-width: none !important; margin: 0 30px 0 0 !important; float: none !important; }
  #header .top-center-header > #leo_search_block_top form { width: 100% !important; }
  #header .top-center-header > #_desktop_cart { flex: 0 0 auto; margin-left: auto !important; float: none !important; }

  /* menu na pełną szerokość kontenera, jak reszta nagłówka */
  #header .header-top .inner { max-width: 1400px !important; margin: 0 auto !important; padding: 0 15px; }
  #header .header-top .ApMegamenu { max-width: none !important; margin: 0 !important; }
  #header .header-top .leo-top-menu ul.megamenu.horizontal { display: flex !important; justify-content: space-between; float: none; width: 100%; }
  #header .header-top .leo-top-menu ul.megamenu.horizontal > li { float: none !important; flex: 1 1 auto; text-align: center; }
  #header .header-top .leo-top-menu ul.megamenu.horizontal > li > a { display: block; }
}
#header .top-left-header .userinfo-selector, #header .top-left-header .userinfo-selector a,
#header .top-left-header .userinfo-selector span, #header .top-left-header .userinfo-selector i { color: #e6e6e6 !important; }
#header .top-left-header ul.user-info, #header .top-left-header ul.user-info li, #header .top-left-header ul.user-info a { animation: none !important; opacity: 1 !important; }
#header .top-left-header ul.user-info a, #header .top-left-header ul.user-info a span {
  color: #f2f2f2 !important; -webkit-text-fill-color: #f2f2f2 !important; background: none !important; text-shadow: none !important; filter: none !important;
}
#header .top-left-header ul.user-info a::before, #header .top-left-header ul.user-info a::after { display: none !important; }
#header .top-left-header ul.user-info a:hover, #header .top-left-header ul.user-info a:hover span { color: #fff !important; -webkit-text-fill-color: #fff !important; }
#header .top-left-header ul.user-info li:not(:last-child) a { border-right: 1px solid #555; }
@media (min-width: 1200px) {
  #header #leo_search_block_top .list-cate-wrapper { width: 190px !important; min-width: 0 !important; flex: 0 0 190px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #header .top-center-header { display: flex; align-items: center; flex-wrap: nowrap; }
  #header .top-center-header > .header_logo { flex: 0 0 auto; margin-right: 20px; }
  #header .top-center-header > .ApMegamenu { flex: 0 0 auto; margin-right: 20px; position: relative !important; left: auto !important; top: auto !important; }
  #header .top-center-header > .ApRawHtml { flex: 0 0 auto; margin-right: 20px; }
  #header .top-center-header > #leo_search_block_top { flex: 1 1 auto; width: auto !important; max-width: none !important; margin: 0 20px 0 0 !important; float: none !important; }
  #header .top-center-header > #leo_search_block_top form { width: 100% !important; }
  #header .top-center-header > #_desktop_cart { flex: 0 0 auto; margin-left: auto !important; float: none !important; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #header .ApMegamenu .leo-top-menu.megamenu-off-canvas { width: 340px; }
}

/* 2026-10-06: na mobile/tablecie (<992px) lista konta (Zaloguj się / Moje konto / Zamówienie)
   to białe rozwijane menu – reguły wyżej (jasny tekst pod ciemny pasek desktopowy) robiły ją nieczytelną */
@media (max-width: 991px) {
  #header .top-left-header ul.user-info { min-width: 200px; padding: 5px 0; box-shadow: 0 4px 12px rgba(0,0,0,.18); }
  #header .top-left-header ul.user-info a,
  #header .top-left-header ul.user-info a span {
    color: #222 !important; -webkit-text-fill-color: #222 !important; font-size: 15px !important;
  }
  #header .top-left-header ul.user-info a { display: block; padding: 12px 18px !important; }
  #header .top-left-header ul.user-info li:not(:last-child) a { border-right: 0; border-bottom: 1px solid #eee; }
  #header .top-left-header ul.user-info a:hover,
  #header .top-left-header ul.user-info a:hover span {
    color: #3f0e9a !important; -webkit-text-fill-color: #3f0e9a !important; background: #f5f2fb !important;
  }
}