/* PRQNO – účet v navigaci. Sjednocuje vzhled míst, kde se teď účet
   dá najít:
   1) vyskakovací přihlašovací okno (#login.user-action-login)
   2) odkaz v mobilním rozbalovacím menu (.navigationActions) – SCHOVÁN
      (viz bod 2 níž), ikonka v hlavičce stačí
   3) horní lišta na desktopu (.top-navigation-bar) – SCHOVÁNA celá
      (na přání zákazníka – "zbytečná", ikonka v hlavičce ji nahrazuje)
   4) ikonka profilu v hlavičce (mezi lupou a košíkem, vkládá ji
      Header-Footer/profil-ikona.js) – funguje stejně na desktopu i
      mobilu, vede na /klient/, + malá tečka v rohu když je návštěvník
      přihlášený (viz bod 4 níž)

   Jen vizuální vrstva navrch nativní struktury – žádná změna
   funkčnosti/pozicování popupu (o to se stará nativní JS/CSS). */

/* ===== 1) HORNÍ LIŠTA (DESKTOP) – CELÁ SCHOVANÁ =====
   Zákazník ji označil jako zbytečnou, teď když je účet dostupný přes
   ikonku v hlavičce (bod 4). Nic se neztrácí – Kontakty i Obchodní
   podmínky jsou dál v patičce/hlavním menu. */
.top-navigation-bar{
  display: none !important;
}

/* ===== 2) VYSKAKOVACÍ PŘIHLAŠOVACÍ OKNO (sitewide, #login) =====
   Ověřená reálná struktura: #login.user-action-login.popup-widget
   > .popup-widget-inner > h2#loginHeading + #customerLogin > form
   (.form-group.smart-label-wrapper / .form-control – stejné jako
   /login/, /registrace/, viz Ucet/ucet.css). Cíleno jen na
   #login.user-action-login, ne na obecné .popup-widget (to je i
   #cart-widget, ten neřešíme). Pozicování/zobrazení popupu neřešeno
   – jen vzhled uvnitř. */
#login.user-action-login .popup-widget-inner{
  background: #fff !important;
  border-radius: 20px !important;
  padding: 36px 32px !important;
  box-shadow: 0 20px 60px rgba(44,57,48,.18) !important;
  max-width: 420px !important;
}
#login.user-action-login #loginHeading{
  color: #2c3930 !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  margin: 0 0 20px !important;
  text-align: center !important;
}
#login.user-action-login .form-group.smart-label-wrapper label{
  position: static !important;
  display: block !important;
  color: #2c3930 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
  transform: none !important;
  transition: none !important;
}
#login.user-action-login .form-control{
  width: 100% !important;
  box-sizing: border-box !important;
  background: #fff !important;
  border: 1px solid #DCD7C9 !important;
  border-radius: 8px !important;
  padding: 11px 14px !important;
  font-size: 15px !important;
  color: #2c3930 !important;
  transition: border-color .18s, box-shadow .18s !important;
}
#login.user-action-login .form-control:focus{
  border-color: #c1894a !important;
  box-shadow: 0 0 0 3px rgba(193,137,74,.15) !important;
  outline: none !important;
}
#login.user-action-login .form-group{
  margin-bottom: 16px !important;
}
#login.user-action-login .submit-wrapper .btn-primary{
  width: 100% !important;
  padding: 13px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  margin-top: 4px !important;
}
#login.user-action-login .alternative-links{
  display: flex !important;
  justify-content: center !important;
  gap: 20px !important;
  margin: 20px 0 0 !important;
  padding-top: 18px !important;
  border-top: 1px solid #e8e4dc !important;
}
#login.user-action-login .alternative-links a{
  color: #6b6b63 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  transition: color .18s !important;
}
#login.user-action-login .alternative-links a:hover{
  color: #c1894a !important;
  text-decoration: underline !important;
}

/* ===== 2) MOBIL: "Přihlášení"/"Můj účet"/"Odhlásit se" v menu =====
   Schováno úplně (na přání zákazníka) – ikonka profilu v hlavičce
   (bod 4) je na mobilu dostatečná a dřív se to muselo dohledávat až
   scrollem dole v rozbaleném menu. */
#navigation .navigationActions{
  display: none !important;
}

/* ===== 4) IKONKA PROFILU V HLAVIČCE (mezi lupou a košíkem) =====
   Vkládá Header-Footer/profil-ikona.js jako .prq-account-icon, mezi
   nativní ikonky vyhledávání a košíku (.navigation-buttons). Stejná
   velikost/zarovnání jako sousední ikonky (.navigation-buttons a =
   40×40px, ověřeno nativně), vlastní SVG, bílá barva stejně jako
   zbytek hlavičky. */
.navigation-buttons .prq-account-icon{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  color: #fff !important;
  text-decoration: none !important;
  opacity: .92 !important;
  transition: opacity .18s !important;
}
/* Malá tečka v rohu = návštěvník je přihlášený (třídu přidává
   Header-Footer/profil-ikona.js podle toho, jestli v DOM existuje
   .top-nav-button-login – ta se nativně vykresluje jen pro
   nepřihlášeného, viz komentář v JS souboru). */
.navigation-buttons .prq-account-icon.prq-logged-in::after{
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #c1894a !important;
  border: 1.5px solid #2c3930 !important;
}
.navigation-buttons .prq-account-icon:hover{
  opacity: 1 !important;
}
.navigation-buttons .prq-account-icon svg{
  display: block !important;
}