/* ------------------------------------------------------------------
   Vlastní styly Optera

   Načítá se AŽ ZA všemi styly šablony Creote, aby se do šablony nemuselo
   zasahovat. Všechno vlastní patří sem, ne do souborů šablony.
   ------------------------------------------------------------------ */

/* Honeypot — pole, které vidí jen roboti.

   Schválně NENÍ display:none ani visibility:hidden. Slušná část spamovacích
   robotů obojí umí rozpoznat a takové pole přeskočí. Odsunutí mimo plochu
   je pro ně hůř zjistitelné. tabindex="-1" v HTML zajistí, že se na pole
   nedostane ani člověk tabulátorem. */
.op-hp {
   position: absolute;
   left: -9999px;
   top: auto;
   width: 1px;
   height: 1px;
   overflow: hidden;
}

/* Šipky pro listování v hlavičkovém slideru.

   Slider má jediný slide — owl si ho jen naklonuje kvůli plynulé smyčce,
   takže šipky nemají kam listovat. Přitom se překrývají s nadpisem
   a svádějí ke kliknutí, po kterém se nic nestane.

   Schválně cíleno na .banner_carousel, ne na .owl-nav obecně: kdyby někdo
   později přidal jiný karusel s víc položkami, jeho ovládání zůstane.

   Ty tři třídy za sebou nejsou zbytečné. Šablona má v theme-css.css pravidlo
   `.slider.nav_position_one .owl-nav { display: block }` se specificitou tří
   tříd. Kratší selektor by prohrál bez ohledu na to, že se tenhle soubor
   načítá jako poslední — pořadí rozhoduje až při shodné specificitě. */
.banner_carousel.owl-carousel.theme_carousel .owl-nav {
   display: none;
}

/* Zapsané sídlo, IČO a spisová značka pod adresou kanceláře.

   Adresa kanceláře je ta, kterou lidi potřebují — musí zůstat výrazná.
   Tohle je právní údaj, který na webu podnikatele být má (§ 435 občanského
   zákoníku), ale nemá přebíjet adresu, kam mají zákazníci přijít. */
.op-udaje {
   display: inline-block;
   margin-top: 9px;
   font-size: 0.86em;
   line-height: 1.5;
   opacity: 0.72;
}

/* Hlášky po odeslání kontaktního formuláře.
   Vypisuje je PHP do <div class="messages">, které je v šabloně už připravené. */
.op-msg-ok,
.op-msg-err {
   padding: 13px 18px;
   margin-bottom: 22px;
   border-radius: 4px;
   font-size: 15px;
   line-height: 1.55;
}

.op-msg-ok {
   background: #e9f6ec;
   border: 1px solid #a8d5b5;
   color: #1c5b2e;
}

.op-msg-err {
   background: #fdeceb;
   border: 1px solid #f0b4b0;
   color: #9b2620;
}