.img-responsive {
   @include img-responsive;
}

.img-fluid,
.img-full {
   @include img-fluid;
}

.uppercase {
   text-transform: uppercase;
}

.text-left {
   text-align: left;
}

.text-right {
   text-align: right;
}

.text-center {
   text-align: center;
}

.nowrap {
   white-space: nowrap;
}

.truncate {
   @include truncate;
}

.list-inline {
   @include list-inline;
}

.list-unstyled {
   @include list-unstyled;
}

.pull-right {
   float: right !important;
}

.pull-left {
   float: left !important;
}

// novější BS má přednastavenou 100% šírku kontejneru
// aby se nezmenšoval když má nastavený display flex
.container {
   width: 100%;
}

.container-flex {
   @include delete-after;

   display: flex;
}

.fc {
   display: inline-block;
   line-height: .8em;

   &::before {
      vertical-align: middle;
   }
}

.no-js .no-js-hide {
   display: none;
}

.pos-rel {
   position: relative !important;
}

a[href^="tel:"] {
   cursor: default;
   border-bottom: 0;
   @include underline-never;

   @media screen and (min-width: 1200px) {
      pointer-events: none;
   }
}

.d-flex {
   display: flex;
}

.container-narrow {
   max-width: 1370px;
}

.hidden {
   display: none;
}

.m-x-auto {
   margin-inline: auto;
}

// s paddingem po stranach kvuli sipkam carouselu
.container-padded {
   padding-right: 50px;
   padding-left: 50px;
   margin-right: auto;
   margin-left: auto;

   @media screen and (min-width: $xxl) {
      max-width: 1450px;
   }

   @media screen and (max-width: $sm - 1) {
      padding-right: 10px;
      padding-left: 10px;
   }
}


/*
textarea,
input,
input[type='text'],
input[type='tel'],
input[type='email'] {
   -webkit-appearance: none;
} */

/*
@media screen and (min-width: 992px) {
   .full-version {
      display: none;

      &.active {
         display: inline;
      }
   }
} */

/*
@media screen and (min-width: 1660px) {
   .wpj-blocek-active .header-search-wrapper .btn {
      display: none;
   }
} */

// todo: umistit nekam jinam
.main {
   padding-bottom: 50px;
}

.main-home {
   padding-bottom: 0;
}

.img-overlay {
   position: relative;

   &::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #606060;
      opacity: .03;
      transition: opacity .3s ease;
      z-index: 2;
      pointer-events: none;
   }
}

@media screen and (max-width: $md - 1) {
   .container {
      max-width: none;
   }
}
