@charset "UTF-8";

html .shop-directory {
	margin-top: 30px;
}

#isotope-states > li:not(:first-child) > a::before {
	content: '|';
	display: inline-block;
	width: 60px;
	height: 60px;
	margin-right: 20px;
	vertical-align: bottom;
}

#isotope-filters > li > a::before {
	content: '';
	display: inline-block;
	width: 60px;
	height: 60px;
	margin-right: 20px;
	vertical-align: bottom;
}

#isotope-filters > li:nth-child(1) > a::before {
	background: url('/images/icon-wholesalers.svg?2') center center no-repeat;
	background-size: 100%;
}

#isotope-filters > li:nth-child(2) > a::before {
	background: url('/images/icon-retailers.svg?2') center center no-repeat;
	background-size: 100%;
}

#isotope-filters > li:nth-child(3) > a::before {
	background: url('/images/icon-eshop.svg?2') center center no-repeat;
	background-size: 100%;
}

.isotope-filters-list > li > a.active > span {
   border-bottom: 4px solid var(--color-main);
}

[data-shop-map] svg {
	display: block;
	width: 100%;
	height: auto;
}

[data-shop-map] [data-item="kraj"] {
	cursor: pointer;
}

/*
[data-shop-map] [data-item="kraj"]:hover path,
[data-shop-map] [data-item="kraj"].active path {
	fill: #e85013;
}
*/

.shop-list {
   margin-top: 18px;
   border-top: 2px solid var(--color-orange);
   color: var(--color-main);
   font-size: 24px;
   line-height: 1.45;
   text-align: left;
}

.shop-item {
   display: grid;
   grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
   gap: 60px;
   margin: 0;
   padding: 38px 0 30px;
   border-bottom: 2px solid var(--color-orange);
}

.shop-address-block {
   display: grid;
   grid-template-columns: 30px minmax(0, 1fr);
   align-items: start;
   gap: 14px;
}

.shop-address,
.shop-contact > a,
.shop-contact > span:not(.shop-icon) {
   min-width: 0;
   overflow-wrap: anywhere;
}

.shop-contacts {
   min-width: 0;
}

.shop-contact {
   display: grid;
   grid-template-columns: 32px minmax(0, 1fr);
   align-items: start;
   gap: 18px;
}

.shop-list .shop-contact a {
   color: inherit;
   white-space: normal;
}

.shop-list .shop-contact a:hover,
.shop-list .shop-contact a:focus-visible {
   color: var(--color-orange);
   text-decoration: underline;
}

.shop-icon {
   display: block;
   width: 32px;
   height: 35px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}

.shop-icon--address {
   width: 28px;
   height: 44px;
   background-image: url('/images/icon-footer-address.svg?2');
}

.shop-icon--phone {
   background-image: url('/images/icon-footer-phone.svg?2');
}

.shop-icon--mail {
   background-image: url('/images/icon-footer-mail.svg?2');
}

.shop-icon--web {
   background-image: url('/images/icon-circle.svg?2');
}

.shop-list .shop-message {
   margin: 0;
   padding: 30px 0;
}

.shop-directory .shop-filter-hint {
   margin: 24px 0 32px;
}

.shop-directory .decorative-title {
   margin-bottom: 18px;
   font-size: 35pt;
   font-weight: 400;
   line-height: 1.15;
}

@media (max-width: 991px) {
   .shop-item {
      grid-template-columns: minmax(0, 1fr);
      gap: 20px;
      padding: 28px 0;
   }

   .shop-contact {
      grid-template-columns: 30px minmax(0, 1fr);
      gap: 14px;
   }

   .shop-contact .shop-icon {
      width: 30px;
   }
}

@media (max-width: 767px) {
   .shop-list {
      font-size: 20px;
      line-height: 1.5;
   }

   .shop-directory .decorative-title {
      font-size: 32px;
   }

   .shop-icon {
      height: 30px;
   }

   .shop-icon--address {
      height: 44px;
   }
}