/* ============================================================================
   style.css — drobné úpravy vzhledu shop.woodparket.cz
   ---------------------------------------------------------------------------
   Sem patří všechno, co se na webu doladí nad rámec Shoptet šablony a co
   nesouvisí s rozcestníkem na homepage (ten má vlastní rozcestnik.css).
   Každou úpravu psát jako samostatnou sekci s datem a důvodem, ať je za rok
   jasné, proč tu je.

   Nahrává se na /user/documents/scripts/ a includuje v hlavičce.
   Po každé úpravě zvednout číslo v ?v= v includu, jinak se změna neprojeví.
   ========================================================================= */


/* ===== HORNÍ MENU (2. 9. 2026) =============================================
   Písmo bylo 14 px a tmavý proužek vysoký 32 px — na velkém monitoru se to
   ztrácelo. Písmo na 16 px, proužek na 48 px.

   Tři věci, které to komplikují a proto vypadá pravidlo takhle rozvětveně:

   1) Zvětšení odkazů samo výšku proužku nezmění. Obal <nav id="navigation"> má
      pevnou výšku 32 px a overflow:hidden, takže vyšší menu jen uřízne. Výšku
      obalu proto nastavujeme taky — natvrdo, protože vnitřek (.navigation-in)
      je position:absolute a height:auto by dalo nulu.

   2) Šablona má pro najetí myší VLASTNÍ rozměry: padding 20 px místo našich 14
      a margin 0 -1px. Kdybychom je nepřepsali, položka by při najetí myší
      poskočila o 12 px do šířky a celé menu za ní by se posunulo. Proto jsou
      všechny stavy (klid, hover, rozbaleno, aktivní) sjednocené do jednoho
      pravidla se stejnými hodnotami. Margin -1px zůstává i v klidu, aby na sebe
      podbarvení sousedních položek navazovalo bez mezery.

   3) Menu má devět položek a musí se vejít do jednoho řádku. Vodorovné odsazení
      je proto zmenšené z 20 na 14 px — vykompenzuje to větší písmo, takže
      položky zůstanou zhruba stejně široké jako dřív. Při větším písmu nebo
      další položce v menu se druhý řádek ořízne. */

#navigation.fitted{
  height:48px !important;   /* bylo 32px */
}

.navigation-in > ul > li > a,
.navigation-in > ul > li:hover > a,
.navigation-in > ul > li.exp > a,
.navigation-in > ul > li.active > a{
  font-size:16px !important;      /* bylo 14px */
  padding:15px 14px !important;   /* bylo 9px 20px */
  line-height:18px !important;    /* bylo 14px */
  margin:0 -1px !important;       /* stejné ve všech stavech, ať se šířka nemění */
}

/* rozbalovací podmenu — o stupeň menší než hlavní úroveň, ať drží hierarchii */
.navigation-in ul li ul li a{
  font-size:15px;
  padding:9px 18px;
}

/* na užších monitorech ubrat odsazení, ať se položky vejdou do jednoho řádku */
@media (max-width:1250px){
  .navigation-in > ul > li > a,
  .navigation-in > ul > li:hover > a,
  .navigation-in > ul > li.exp > a,
  .navigation-in > ul > li.active > a{
    padding-left:11px !important; padding-right:11px !important;
  }
}
@media (max-width:1050px){
  .navigation-in > ul > li > a,
  .navigation-in > ul > li:hover > a,
  .navigation-in > ul > li.exp > a,
  .navigation-in > ul > li.active > a{
    font-size:15px !important; padding-left:9px !important; padding-right:9px !important;
  }
}