:root {
  --conversion: #c8102e;
  --conversion-hov: #E02040;
  --light-brown: #FFF8ED;
  --brown: #EDC38A;
  --dark-brown: #ba8f4c;
  --text: #252729;
}

/* Nadpisy a text*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'PT serif', sans-serif;
}

body {
	font-family: 'Poppins', sans-serif;
}

h1, .h1 {
	font-size: 42px;
}

@media (max-width: 767px) {
	h1, .h1 {
		font-size: 32px;
  }
}

.homepage-group-title {
	font-size: 32px;
}

@media (max-width: 767px) {
	.homepage-group-title {
    font-size: 24px;
    gap: 20px !important;
  }
}

/* Hlavička  */
.header-bottom {
	background-color: var(--light-brown);
}

@media (min-width: 768px) {
  #header .header-top {
    height: 150px !important;
  }
}

@media (min-width: 768px) {
  #header .site-name a img {
    max-height: 120px;
  }
}

.js-close-information-msg {
  display: none;
}

.site-msg.information .text::before {
  display: none;
}

.site-msg.information .text::after {
  display: none;
}

.site-msg.information .text {
  text-align: center;
}

.top-navigation-bar {
	background-color: var(--light-brown);
}

.site-msg.information {
	background-color: var(--brown);
}

.navigation-in>ul>li>a {
	color: var(--text);
}

.menu-helper span {
	color: var(--text);
}

/* Kontakt box */
.empty-info, .empty-contact {
  flex: 1 1 50%;
  padding: 0 32px;
}

.empty-contact .contact-box li a {
  font-size: 14px;
}

.content .contact-box li a {
	font-size: 14px; 
}

.content .contact-box {
  padding: 16px;
}

/* Konkurenční výhody */
.benefitBanner__content {
  padding-right: 0;
}

.benefitBanner__title {
	text-align: center;
}

.benefitBanner__item {
	flex-direction: column;
  align-items: center;
}

.cart-widget {
  margin-top: 15px !important;
}

.ordering-process .navigation-buttons .tel.header-phone {
    display: none !important;
}

/* Tlačítka */
.btn:not(.next-step-back):not(.cart-count) {
  border-radius: 20px !important;  
  font-weight: 600 !important;
  transition: all 0.3s ease;
}

.btn.btn-tertialy, .btn.btn-secondary {
  color: var(--dark-brown) !important;
  border-color: var(--dark-brown) !important;
  background-color: transparent !important;
  border: 2px solid var(--dark-brown) !important;
  transition: all 0.3s ease !important;
}

.btn.btn-tertialy:hover, .btn.btn-secondary:hover {
	background-color: var(--dark-brown)!important; 
  color: #fff !important;
  border-color: var(--dark-brown) !important;
}

.subscribe-form.compact-form .btn {
	border-radius: 0 20px 20px 0 !important; 
}

.quantity {
	border-radius: 20px !important;
}

.quantity .decrease, .quantity .increase {
	border-radius: 50% !important;
}

.quantity .decrease:hover::before, .quantity .increase:hover::before {
	border-radius: 50% !important;
}

.carousel-inner>.item>a>img {
	max-height: 530px;
  transition: transform 0.3s ease; 
}

.carousel-inner:hover>.item>a>img {
	transform: scale(1.02);
}

.carousel-inner {
	border-radius: 22px;
  overflow: hidden;
}

.next-to-carousel-banners .banner-wrapper {
  border-radius: 22px;
  overflow: hidden;
}

.next-to-carousel-banners .banner-wrapper a img {
  max-height: 530px;
  transition: transform 0.3s ease;
}

.next-to-carousel-banners .banner-wrapper:hover a img {
  transform: scale(1.02);
}

.carousel-control, .product-slider-navigation {
	background: #fff !important;  
  border-radius: 50% !important;
}

.carousel-control.right::before,
.carousel-control.left::before{
  color: var(--dark-brown) !important;
  transition: background 0.3s ease,  color 0.3s ease !important;
  border-radius: 50% !important;
}

.carousel-control.right:hover::before,
.carousel-control.left:hover::before{
  color: #fff !important;
  background: var(--dark-brown) !important;  
  border-radius: 50% !important;
}

/* zmena veľkosti obrazku */
@media (min-width: 992px){
	.navigation-in>ul>li.ext>ul>li>a {
    width: 100px;
  }

.navigation-in > ul > li.ext > ul > li > a img {
    width: 100px;
  }
} 

.product-slider-navigation.navigation-next::before,
.product-slider-navigation.navigation-prev::before {
  background: #fff !important;  
  color: var(--dark-brown) !important;
  border-radius: 50% !important;
  transition: all 0.3s ease !important;
}

.product-slider-navigation.navigation-next:hover::before,
.product-slider-navigation.navigation-prev:hover::before {
	background: var(--dark-brown) !important;  
  color: #fff !important;
}

/* Vstupy formulářu */
input.form-control, textarea.form-control {
	border-radius: 20px;
}

input.form-control:focus, textarea:focus, input.form-input:focus {
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--dark-brown) 30%, transparent);
}

.subscribe-form fieldset::before, #formNewsletterWidget .form-control {
  color: #888c92 !important;
}

/* Banery */
.welcome-wrapper .welcome {
  flex: 1 1 50%;
  padding: 0;
  box-shadow: 0px 0px;
  background-color: transparent;
}

.banners-content {
  flex-direction: column;  
}

.banners-content > div {
  width: 100%;  
}

.banners-content > div img {
  width: auto;
}

.custom-footer-heading {
  display: flex;
  justify-content: center;
  align-items: center;    
  gap: 50px;               
  width: calc(100% - 16px) !important;
  margin-bottom: 30px;
  margin-top: 100px;
  text-align: center;
}

.homepage-group-title {
	display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .product-slider-pagination .pagination-button {
    border-radius: 50%;
  }
}

/* Vlajka Francie*/
.custom-footer-heading::after, .homepage-group-title::after {
  content: "";
  height: 20px;
  width: 8px;
  background-color: var(--conversion);
  display: block;  
  border-radius: 8px;
  flex-shrink: 0;
  min-width: 8px;
}

.custom-footer-heading::before, .homepage-group-title::before {
  content: "";
  height: 20px;
  width: 8px;
  background-color: #428BC1;
  display: block;  
  border-radius: 8px;
  flex-shrink: 0;
  min-width: 8px;
}

/* Recenze */
.ratings {
	padding: 64px 0;
}
.rate-average {
	border-radius: 20px;
}

@media (max-width: 767px) {
  .ratings {
      padding: 40px 10px 40px 10px !important;
  }
}

/* Blog */
.news-item {
	flex-direction: column;
  padding: 16px !important;
  margin-bottom: 20px;
}

a.more {
	margin-top: 0;
}

a.more, .news-item .text .title, .news-item .image {
  text-align: center;
}

.news-wrapper .news-item a.more {
	text-align: left;
}

.news-item .image img, .news-wrapper .news-item .news-image{
  max-width: 350px;
  max-height: 350px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 20px;
}    

/* Košík */
@media(min-width: 992px) {
  .cart-empty .cart-row > div:first-child::after {
    font-size: 20px !important;
    line-height: 40px !important;
    width: 40px !important;
    height: 40px !important;
    top: 70px !important;
  }
  
  .cart-empty .cart-row > div:first-child {
    padding-left: 130px !important;
  }
  
  .cart-empty .cart-row > div:first-child::before, .no-results-content::before {
    font-size: 80px;
  }
} 

 @media screen and (max-width: 767px) {
    .contact-box > img {
      display: none;
    }
}

img.category-hero-image {
  display: block;
  width: 100%;
  max-width: 200px;
  height: auto;
  margin: 0 0 20px;
  border-radius: 8px;
}

@media (max-width: 1199px) {
	.custom-footer__newsletter .newsletter-header {
    margin-bottom: 0;
  }
}