@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap');

.header-nav .container{display:flex;align-items:center}
#tptnhtmlbox1{order:1;margin-right:auto}
#_desktop_contact_link{order:2;margin-left:auto}

#tptnhtmlbox1, #tptnhtmlbox1 *,
#_desktop_contact_link a{
  font-family:'Montserrat',sans-serif;
  font-weight:400;
  font-size:18px;
  line-height:1.1;
}

#tptnhtmlbox1, #tptnhtmlbox1 a{color:#ff0000}
#tptnhtmlbox1 a{color:#552077 !important}

/* HEADER TOP (desktop) - logo | search | account */
.header-top.hidden-lg-down > .container{
  display:flex;
  align-items:center;
  gap:20px;
}

#_desktop_shop-logo{flex:0 0 auto}

/* Контейнеры-хосты модулей (PrestaShop часто рендерит их как div с такими id) */
#_desktop_searchbar, #_desktop_search_bar, #_desktop_search, #search_widget,
#_desktop_user_info, #_desktop_user-info{
  flex:0 0 auto;
}

/* Поиск - центральная колонка, растягиваем */
#_desktop_searchbar, #_desktop_search_bar, #_desktop_search, #search_widget{
  flex:1 1 auto;
  max-width:620px;
  margin:0 auto;
  min-width:280px;
}

/* Account - вправо */
#_desktop_user_info, #_desktop_user-info{
  margin-left:auto;
}

/* HEADER TOP: logo | search | account */
.header-top.hidden-lg-down > .container{
  display:flex;
  align-items:center;
  gap:20px;
}

#_desktop_shop-logo{flex:0 0 auto}
#_desktop_tptnsearch{flex:1 1 auto; max-width:700px; margin:0 auto; min-width:320px}
#_desktop_user-info{flex:0 0 auto; margin-left:auto}

/* Поиск: чтобы инпут растягивался и не ломал высоту */
#_desktop_tptnsearch #searchbox{display:flex; align-items:center; width:100%}
#_desktop_tptnsearch #searchbox input[type="text"]{flex:1 1 auto; width:100%}
#_desktop_tptnsearch #searchbox button{flex:0 0 auto}

/* Search form inside */
#_desktop_tptnsearch #searchbox{display:flex !important; align-items:center !important; width:100% !important;}
#_desktop_tptnsearch #searchbox input[type="text"]{flex:1 1 auto !important; width:100% !important;}
#_desktop_tptnsearch #searchbox button{flex:0 0 auto !important;}

/* header-top: logo | search | account (без раздувания логотипа) */
.header-top.hidden-lg-down > .container{
  display:flex !important;
  align-items:center !important;
  gap:20px !important;
}

/* Лого фикс по высоте */
#_desktop_shop-logo .logo{
  height:60px !important;
  width:auto !important;
  max-width:260px !important;
}

/* Поиск по центру, широкий */
#_desktop_tptnsearch{
  flex:1 1 auto !important;
  max-width:700px !important;
  margin:0 auto !important;
  min-width:360px !important;
}
#_desktop_tptnsearch form#searchbox{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
}
#_desktop_tptnsearch form#searchbox input[type="text"]{
  flex:1 1 auto !important;
  width:100% !important;
}
#_desktop_tptnsearch form#searchbox button{
  flex:0 0 auto !important;
}

/* Account вправо */
#_desktop_user-info{
  margin-left:auto !important;
  flex:0 0 auto !important;
}

/* Replace "Account" label by page language (no tpl/DB changes) */
html[lang^="pl"] #_desktop_user-info .m-toggle-title{font-size:0}
html[lang^="pl"] #_desktop_user-info .m-toggle-title:after{content:"Konto";font-size:14px}

html[lang^="ru"] #_desktop_user-info .m-toggle-title{font-size:0}
html[lang^="ru"] #_desktop_user-info .m-toggle-title:after{content:"Аккаунт";font-size:14px}

/* Border color -> #552077 */
#_desktop_tptnsearch input[type="text"],
#_desktop_user-info .m-toggle{
  border-color:#552077 !important;
}

#_desktop_tptnsearch input[type="text"]:focus{
  border-color:#552077 !important;
  box-shadow:0 0 0 1px #552077 !important;
}

/* Search border (MegaShop) */
#_desktop_tptnsearch form#searchbox{
  border:1px solid #552077 !important;
}
#_desktop_tptnsearch form#searchbox input[type="text"]{
  border:0 !important;
  box-shadow:none !important;
}
#_desktop_tptnsearch form#searchbox:focus-within{
  box-shadow:0 0 0 1px #552077 !important;
}

/* Top menu bar gradient */
.header-bottom.hidden-lg-down{
  background: linear-gradient(90deg, #552077 0%, #D02F7E 50%, #F3536C 75%, #F6886E 100%) !important;
}
/* НЕ трогаем весь header-bottom, иначе ломаем меню */
.header-bottom.hidden-lg-down *{
  background: initial !important;
}

/* Прозрачность только где нужно */
#tptndesktopmenu .dtmenu-list,
#tptndesktopmenu .dtmenu-list *{
  background: #fff !important;
}
/* Cart to the right in header-bottom bar */
.header-bottom.hidden-lg-down > .container{
  display:flex !important;
  align-items:center !important;
}
#_desktop_blockcart-wrapper{
  margin-left:auto !important;
}

/* Telegram icon in top menu link (ps_mainmenu) */
#tptndesktopmenu a[href*="t.me"],
#tptndesktopmenu a[href*="telegram.me"],
#tptndesktopmenu a[href*="telegram"]{
  padding-left: 26px;
  background-image: url('/themes/classic/assets/img/mm-social/telegram.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 18px 18px;
}

/* Fix MegaShop Categories dropdown like demo (desktop) */
#tptndesktopmenu { position: relative; z-index: 5000; }
#tptndesktopmenu .dtmenu { position: relative; }

/* белая “подложка” и правильное перекрытие слайдера */
#tptndesktopmenu .dtmenu-list{
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 10px 25px rgba(0,0,0,.18);
  z-index: 9999;
}

/* принудительно белый фон всем уровням меню (чтобы не просвечивал слайдер) */
#tptndesktopmenu .dtmenu-list,
#tptndesktopmenu .dtmenu-list *{
  background-color: #fff;
}

/* базовая обертка */
#tptndesktopmenu .dtmenu-list ul#megamenu{
  background: #fff;
}