/* menu-extra.css — hodiny-online.cz
   Hlavicka: chovani polozky navigace pri najeti mysi a pri otevrene
   nabidce, hover tlacitka HLEDAT.
   Nacitat AZ ZA ostatni vlastni CSS. */

@media (min-width: 768px) {

  /* 1) HOVER A OTEVRENA NABIDKA
     Sablona pod kurzorem prebarvuje polozku na bilou se zlatym textem.
     Misto toho se jen ztmavi to, co pod polozkou uz je — zlata zustane
     zlatou, cervena "SLEVY" cervenou. Trida .exp drzi sablona po celou
     dobu, kdy je rozbalovaci nabidka otevrena, vcetne chvil, kdy je
     kurzor uvnitr ni. */
  .navigation-in > ul > li > a {
    transition: background-color .15s;
  }

  .navigation-in > ul > li > a:hover,
  .navigation-in > ul > li > a:focus,
  .navigation-in > ul > li.exp > a {
    background-color: rgba(0, 0, 0, .15) !important;
    color: #fff !important;
  }

  .navigation-in > ul > li > a:hover > b,
  .navigation-in > ul > li > a:focus > b,
  .navigation-in > ul > li.exp > a > b {
    color: #fff !important;
  }
}

/* 2) TLACITKO HLEDAT
   V klidu je zlate, ale sablona ho pri najeti prebarvi na svou zelenou
   `#32cb00`. Misto toho se zlata jen ztmavi, stejne jako u vsech
   ostatnich tlacitek na webu. Pocita se z `--color-primary`, aby zmena
   firemni barvy v administraci platila i tady. */
#formSearchForm button.btn:hover,
#formSearchForm button.btn:focus {
  background: color-mix(in srgb, var(--color-primary, #B5A264) 88%, #000) !important;
  border-color: color-mix(in srgb, var(--color-primary, #B5A264) 88%, #000) !important;
}