/* Styly obchodu (drive inline v kazde sablone). Cesty k obrazkum jsou relativni
   k tomuto souboru, takze nezavisi na prefixu statickych souboru. */

body {
  background-image: url("../images/background_opacity.png");
  background-repeat: repeat;
  background-position: top left;
  background-attachment: scroll;
}

.cat-btn { width: 90%; }
.basket-badge { position: relative; top: -15px; margin-left: 5px; vertical-align: middle; }

/* uvodni strana */
.centered-content { display: flex; flex-direction: column; align-items: center; text-align: center; }
.centered-list, .centered-sublist { list-style-position: inside; padding-left: 0; text-align: left; display: inline-block; }
.centered-list { margin: 10px auto; }
.centered-sublist { list-style-type: circle; padding-left: 20px; }
.light, .light ul, .light li { font-weight: 400; }
.about-text { font-weight: 400; line-height: 1.6; }
.about-text p, .about-text ul, .about-text li { font-weight: inherit; }

/* hlaseni nad formularem objednavky (vlastni tridy, aby se nepralo s Materialize .modal) */
.msgbox {
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
.msgbox-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; }
.msgbox-close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; }
.msgbox-close:hover, .msgbox-close:focus { color: #000; text-decoration: none; cursor: pointer; }