/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

html, body {
  overflow-x: hidden;
}

/* Mobilni menu */

button.mobileSide__close.mobileSide__close {
    background-color: var( --e-global-color-fc26f7a ) !important;
    border: 1px solid var( --e-global-color-fc26f7a );
}

.mobileSide,
.mobileSide ul li a {
  background: var( --e-global-color-accent ) !important;
}

.mobileSide ul li a {
  border: none !important;
  height: 50px !important;
  transition: .5s;
  text-decoration: none;
}

.mobileSide ul li a:hover {
  background: var( --e-global-color-fc26f7a ) !important;
  color: var( --e-global-color-accent ) !important;
}

.mobileSide > .mobileSideContainer > ul.mobileList > li.mobileList__item:nth-child(7) > a,
.mobileSide > .mobileSideContainer > ul.mobileList > li.mobileList__item:nth-child(8) > a {
  background: var( --e-global-color-fc26f7a ) !important;
  color: var( --e-global-color-accent ) !important;
}

/* Globalni carky ve slideru Swiper a Slick */

/* Swiper */
.swiper-pagination .swiper-pagination-bullet {
  width: 30px !important;
  height: 3px !important;
  border-radius: 0 !important;
  background: var( --e-global-color-ca6c78f ) !important;
  margin: 0 3px !important;
}

/* Swiper sipky na HP banneru */
.home .elementor-swiper-button,
.single .elementor-widget-image-carousel > .elementor-swiper-button {
  width: 40px;
  height: 40px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid var( --e-global-color-ca6c78f ) !important;
  transition: .5s;
}

.home .elementor-swiper-button:hover,
.single .elementor-widget-image-carousel > .elementor-swiper-button:hover {
  background: var( --e-global-color-fc26f7a );
}

.home .elementor-swiper-button:hover i,
.single .elementor-widget-image-carousel > .elementor-swiper-button:hover i {
  color: var( --e-global-color-text );
}

@media (max-width: 767px) {
  .elementor-widget-slides .elementor-swiper-button-prev {
    left: 0 !important;
  }

  .elementor-widget-slides .elementor-swiper-button-next {
    right: 0 !important;
  }
}

/* Slick */
.slick-dots li {
    margin: 0 3px !important;
    width: 30px !important;
}

.slick-dots li button {
  width: 30px !important;
}

.slick-dots li button::before {
  content: '' !important;
  width: 30px !important;
  background: var( --e-global-color-ca6c78f ) !important;
  height: 3px !important;
}

/* Slick - nastaveni sipek */
.slick-prev,
.slick-next,
.slick-prev::before,
.slick-next::before {
  border: none !important;
  transition: .3s;
}

.slick-prev:hover::before,
.slick-next:hover::before {
  opacity: .99 !important;
}

.black-arrows .slick-prev::before,
.black-arrows .slick-next::before {
  color: var( --e-global-color-accent ) !important;
}

.elementor-slick-slider .slick-next,
.elementor-slick-slider .slick-prev {
  width: 40px !important;
  height: 40px !important;
  border: 1px solid var( --e-global-color-text ) !important;
}

.elementor-slick-slider .slick-next::before,
.elementor-slick-slider .slick-prev::before {
  font-size: 25px!important;
}

.elementor-slick-slider .slick-prev {
  left: 0px !important;
}

.elementor-slick-slider .slick-next {
  right: 0px !important;
}

.slick-list.draggable {
  margin: 0px 60px;
}
@media (max-width: 767px) {
   .slick-list.draggable {
  margin: 0px 50px;
}
  }

/* Stejna velikost obrazku ve slideru */
@media (min-width: 768px) {
  .same-height-slider img {
    height: 170px !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

@media (min-width: 1200px) {
  .same-height-slider img {
    height: 215px !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

@media (min-width: 1600px) {
  .same-height-slider img {
    height: 276px !important;
  }
}

/* Stejna velikost obrazku ve vypisu */
@media (min-width: 768px) {
  .same-height-archive img {
    height: 280px !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

@media (min-width: 1200px) {
  .same-height-archive img {
    height: 240px !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

@media (min-width: 1500px) {
  .same-height-archive img {
    height: 212px !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

/* Vypnuti odsazeni facetwp inputů */
.facetwp-facet {
  margin-bottom: 0 !important;
}

/* Fix cerny select na Windows */
.single select,
form.elementor-form select {
  background-color: var( --e-global-color-f2e1966 ) !important;
}

/* Skryti slova vozy v loop vypisu (změněno pouze na pobočky)
#noveojete .lastWord {
  display: none;
}
*/
/* Ikony u selectu */
.facetwp-facet-modelova_rada {
  background-image: url('/wp-content/uploads/2021/05/ikona-karoserie.svg');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 10px center;
  border: 1px solid var( --e-global-color-f24b8f4 );
}

.facetwp-facet-pevodovka {
  background-image: url('/wp-content/uploads/2021/04/prevodovka.svg');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 10px center;
  border: 1px solid var( --e-global-color-f24b8f4 );
}

.facetwp-facet-pohon {
  background-image: url('/wp-content/uploads/2021/04/palivo.svg');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 10px center;
  border: 1px solid var( --e-global-color-f24b8f4 );
}

.facetwp-facet-typ_karoserie {
  background-image: url('/wp-content/uploads/2021/05/karoserie_cerny.svg');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 10px center;
  border: 1px solid var( --e-global-color-f24b8f4 );
}

.facetwp-facet-noveojete {
  background-image: url('/wp-content/uploads/2021/04/datum_registrace.svg');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 10px center;
  border: 1px solid var( --e-global-color-f24b8f4 );
}

.facetwp-facet-modelova_rada > select,
.facetwp-facet-pevodovka > select,
.facetwp-facet-pohon > select,
.facetwp-facet-typ_karoserie > select,
.facetwp-facet-noveojete > select {
  width: 88%;
  margin-left: auto;
  border: none !important;
}

.facetwp-facet-najezd .facetwp-slider-wrap,
.facetwp-facet-najezd .facetwp-slider-label,
.facetwp-facet-rok_vyroby .facetwp-slider-wrap,
.facetwp-facet-rok_vyroby .facetwp-slider-label,
.facetwp-facet-rok_vroby_morocykly .facetwp-slider-label,
.facetwp-facet-rok_vroby_morocykly .facetwp-slider-wrap {
  width: 88%;
  margin-left: auto;
}

/* Ikony pro cenove posuvniky */
.facetwp-facet-najezd .facetwp-slider-label,
.facetwp-facet-rok_vyroby .facetwp-slider-label,
.facetwp-facet-rok_vroby_morocykly .facetwp-slider-label {
  margin-left: 12%;
}

.filter-image {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  width: 20px;
}

/* Prazdny vysledek vyhledavani */
.facetwp-noresults {
  color: var( --e-global-color-accent );
  padding: 0 10px;
}


/* Tlacitko nacist vice ve vypisech */
.facetwp-facet-load {
  text-align: center;
  margin-top: 40px;
}

.facetwp-facet-load button.facetwp-load-more {
  color: var( --e-global-color-accent );
  border: 1px solid var( --e-global-color-accent );
}

.facetwp-facet-load button.facetwp-load-more:hover {
  background: var( --e-global-color-accent );
  border: 1px solid var( --e-global-color-accent );
  color: var( --e-global-color-fc26f7a );
}

/* Oprava 4x4 */
.facetwp-facet-4x4 {
  text-transform: lowercase;
}

/* Formularove hlasky */
.elementor-message.elementor-message-success {
  display: block;
  padding: 10px;
  background: green;
}

.elementor-message.elementor-message-error {
  display: block;
  padding: 10px;
  background: #F50000;
}

.loader {
  display: none;
}


/* E-shop - add to cart modal from YITH */

#yith-wacp-popup h3.product-title a {
  color: var( --e-global-color-f2e1966 );
  font-size: 15px;
}

#yith-wacp-popup .product-price .woocommerce-Price-amount {
  color: var( --e-global-color-f2e1966 );
  font-size: 16px;
  font-weight: 900;
}

.yith-wacp-content .cart-info {
  padding: 10px 0;
}

#yith-wacp-popup .yith-wacp-content .popup-actions a.button.go-cart{
  color: #fff;
  font-family: "BMWTypeNext", Sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.1em;
  border-radius: 0px 0px 0px 0px;
  padding: 15px 20px 15px 20px;
  border-style: solid!important;
  border-width: 1px 1px 1px 1px!important;
  border-color: var( --e-global-color-accent );
  background-color:var( --e-global-color-accent );
  text-transform: inherit;
}

#yith-wacp-popup .yith-wacp-content .popup-actions a.button.go-cart:hover{
  color: #fff;
  border-color:  var(--wc-primary);;
  background-color: var(--wc-primary);
}


#yith-wacp-popup .yith-wacp-content .popup-actions a.button.continue-shopping{
  color: var( --e-global-color-accent );
  font-family: "BMWTypeNext", Sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.1em;
  border-radius: 0px 0px 0px 0px;
  padding: 15px 20px 15px 20px;
  border-style: solid!important;
  border-width: 1px 1px 1px 1px!important;
  border-color: var( --e-global-color-accent );
  background-color:#fff;
  text-transform: inherit;
}

#yith-wacp-popup .yith-wacp-content .popup-actions a.button.continue-shopping:hover{
  color: #fff;
  border-color: var( --e-global-color-accent );
  background-color:var( --e-global-color-accent );
}

.yith-wacp-content .yith-wacp-related li.product.yith-wacp-related-product h3 {
  line-height: 1.4em;
}

#yith-wacp-popup .yith-wacp-content a.button {
  background: transparent;
  padding: 0px 0px 0px 0px;
  color: var( --e-global-color-accent );
  text-decoration: underline;
}

.yith-wacp-content .yith-wacp-message {
  margin-bottom: 15px;
}

#yith-wacp-popup .yith-wacp-content a.button:hover {
  background: transparent;
  padding: 0px 0px 0px 0px;
  color: var( --e-global-color-accent );
  text-decoration: none;
}

.yith-wacp-content .popup-actions {
  padding-bottom: 0px;
  border-bottom: 0px solid #e0e0e0;
}

.yith-wacp-content .yith-wacp-related > h3 {
  color: var( --e-global-color-f2e1966 );
  font-size: 16px;
  font-weight: 900;
}

.yith-wacp-content table.cart-list td.item-info .item-price, .yith-wacp-content .product-price, .yith-wacp-content ul.products li.product .price, .yith-wacp-content ul.products li.product .price ins {
  color: #565656;
  text-align: left;
}

.yith-wacp-content .popup-actions {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}

#yith-wacp-popup .yith-wacp-close {
  text-decoration: none;
}

/* Vlastni stitky v karte vozu a motocyklu */
.custom_tags {
  padding-left: 0;
}

.custom_tags .custom_tags__item {
  display: inline-block;
  padding: 5px;
  font-size: 10px;
  text-transform: uppercase;
  margin-right: 5px;
  margin-bottom: 5px;
  line-height: 1;
}

.custom_tags .custom_tags__item:last-child {
  margin-right: 0;
}

/* Fix modrych ramecku u tlacitek ve slideru */
.elementor-lightbox .elementor-swiper-button-next,
.elementor-lightbox .elementor-swiper-button-prev {
  outline: 0 !important;
}

.ecs-post-loop h3 a {
  color: var( --e-global-color-accent ) !important;
  font-size: 16px !important;
}