/* ESKLE — zapati pro sablonu Shoptet Samba */

body.template-14 #footer.eskle-footer {
  --eskle-footer-bg: #f0f0f0;
  --eskle-footer-text: #171717;
  margin-top: 0;
  padding: 0;
  background: var(--eskle-footer-bg);
  color: var(--eskle-footer-text);
  font-family: Roboto, sans-serif;
  font-weight: 400;
  letter-spacing: .4px;
}

body.template-14 #footer.eskle-footer,
body.template-14 #footer.eskle-footer * {
  box-sizing: border-box;
}

body.template-14 #footer.eskle-footer .footer-rows {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: var(--eskle-footer-bg);
}

body.template-14 #footer.eskle-footer .eskle-footer__grid {
  display: grid;
  grid-template-columns: 21% 18% 28% 33%;
  column-gap: 0;
  width: min(92vw, 1840px);
  margin: 0 auto;
  padding: clamp(72px, 5.2vw, 104px) 0 0;
}

/* Bootstrap/Shoptet pridava k .row cistici pseudo-prvky. V CSS Gridu by se
   pocitaly jako samostatne polozky a odsunuly treti sloupec na dalsi radek. */
body.template-14 #footer.eskle-footer .eskle-footer__grid::before,
body.template-14 #footer.eskle-footer .eskle-footer__grid::after {
  content: none;
  display: none;
}

body.template-14 #footer.eskle-footer .eskle-footer__column {
  float: none;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
}

body.template-14 #footer.eskle-footer .eskle-footer__service {
  justify-self: start;
  width: max-content;
  max-width: 100%;
  text-align: left;
}

body.template-14 #footer.eskle-footer .eskle-footer__information {
  justify-self: start;
  width: max-content;
  max-width: 100%;
  text-align: left;
}

body.template-14 #footer.eskle-footer .eskle-footer__follow {
  justify-self: start;
  width: max-content;
  max-width: 100%;
  text-align: left;
}

body.template-14 #footer.eskle-footer .eskle-footer__newsletter-placeholder {
  justify-self: stretch;
  width: 100%;
  max-width: 480px;
  text-align: left;
}

body.template-14 #footer.eskle-footer .eskle-footer__newsletter-copy {
  max-width: 420px;
  margin: 0 0 34px;
  color: var(--eskle-footer-text);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: .2px;
}

body.template-14 #footer.eskle-footer .eskle-footer__newsletter-label {
  display: block;
  margin: 0 0 10px;
  color: var(--eskle-footer-text);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: .2px;
}

body.template-14 #footer.eskle-footer .eskle-footer__newsletter-input {
  display: block;
  width: 100%;
  height: 44px;
  margin: 0 0 20px;
  padding: 0 18px;
  border: 1px solid #777;
  border-radius: 18px;
  background: transparent;
  box-shadow: none;
  color: var(--eskle-footer-text);
  opacity: 1;
  -webkit-text-fill-color: var(--eskle-footer-text);
}

body.template-14 #footer.eskle-footer .eskle-footer__newsletter-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(192px, 44%);
  height: 44px;
  margin: 0;
  padding: 0 24px;
  border: 1px solid #000;
  border-radius: 18px;
  background: #000;
  box-shadow: none;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .2px;
  opacity: 1;
  cursor: default;
}

body.template-14 #footer.eskle-footer .pageElement__heading {
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  color: var(--eskle-footer-text);
  font-size: 24px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: normal;
  text-transform: none;
}

body.template-14 #footer.eskle-footer .pageElement__heading::after {
  content: none;
}

body.template-14 #footer.eskle-footer .eskle-footer__column > ul,
body.template-14 #footer.eskle-footer .contact-box > ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.template-14 #footer.eskle-footer .eskle-footer__column > ul > li {
  margin: 0;
  padding: 0;
  line-height: 1.42;
}

body.template-14 #footer.eskle-footer .eskle-footer__column > ul > li > a,
body.template-14 #footer.eskle-footer .cookies-settings {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--eskle-footer-text);
  background: transparent;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: .4px;
  text-decoration: none;
  text-transform: none;
}

body.template-14 #footer.eskle-footer .eskle-footer__column > ul > li > a:hover,
body.template-14 #footer.eskle-footer .eskle-footer__column > ul > li > a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.template-14 #footer.eskle-footer .contact-box {
  margin: 0;
  padding: 0;
}

body.template-14 #footer.eskle-footer .contact-box > ul > li:not(.social-icon-list) {
  display: none;
}

body.template-14 #footer.eskle-footer .eskle-footer__socials {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
}

body.template-14 #footer.eskle-footer .eskle-footer__socials .social-icon-list {
  display: block !important;
  float: none !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0;
  padding: 0;
}

body.template-14 #footer.eskle-footer .eskle-footer__socials .social-icon {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: var(--eskle-footer-text);
  background-image: none;
  transition: opacity .2s ease;
}

body.template-14 #footer.eskle-footer .eskle-footer__socials .social-icon::before,
body.template-14 #footer.eskle-footer .eskle-footer__socials .social-icon::after {
  content: none;
}

body.template-14 #footer.eskle-footer .eskle-footer__socials .social-icon:hover,
body.template-14 #footer.eskle-footer .eskle-footer__socials .social-icon:focus-visible {
  opacity: .55;
}

body.template-14 #footer.eskle-footer .social-icon.instagram {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M7.2 2h9.6A5.2 5.2 0 0 1 22 7.2v9.6a5.2 5.2 0 0 1-5.2 5.2H7.2A5.2 5.2 0 0 1 2 16.8V7.2A5.2 5.2 0 0 1 7.2 2Zm0 2A3.2 3.2 0 0 0 4 7.2v9.6A3.2 3.2 0 0 0 7.2 20h9.6a3.2 3.2 0 0 0 3.2-3.2V7.2A3.2 3.2 0 0 0 16.8 4H7.2ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm5.25-3.45a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M7.2 2h9.6A5.2 5.2 0 0 1 22 7.2v9.6a5.2 5.2 0 0 1-5.2 5.2H7.2A5.2 5.2 0 0 1 2 16.8V7.2A5.2 5.2 0 0 1 7.2 2Zm0 2A3.2 3.2 0 0 0 4 7.2v9.6A3.2 3.2 0 0 0 7.2 20h9.6a3.2 3.2 0 0 0 3.2-3.2V7.2A3.2 3.2 0 0 0 16.8 4H7.2ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm5.25-3.45a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

body.template-14 #footer.eskle-footer .social-icon.tiktok {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14.4 2h3.05c.22 1.7 1.17 3.27 2.62 4.2A7.1 7.1 0 0 0 23 7.25v3.08a10.2 10.2 0 0 1-5.48-1.55v6.57A6.65 6.65 0 1 1 11.78 8.8v3.15a3.58 3.58 0 1 0 2.62 3.45V2Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14.4 2h3.05c.22 1.7 1.17 3.27 2.62 4.2A7.1 7.1 0 0 0 23 7.25v3.08a10.2 10.2 0 0 1-5.48-1.55v6.57A6.65 6.65 0 1 1 11.78 8.8v3.15a3.58 3.58 0 1 0 2.62 3.45V2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

body.template-14 #footer.eskle-footer .social-icon.pinterest {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.424 7.618 11.174-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.965 1.406-5.965s-.359-.72-.359-1.783c0-1.668.968-2.915 2.172-2.915 1.024 0 1.518.769 1.518 1.69 0 1.03-.655 2.569-.994 3.995-.283 1.195.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.208 0 1.031.397 2.138.893 2.738.098.119.112.223.083.344-.091.378-.293 1.199-.334 1.363-.053.22-.174.266-.402.16-1.499-.698-2.436-2.888-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.162 0 7.398 2.966 7.398 6.931 0 4.136-2.608 7.464-6.227 7.464-1.216 0-2.357-.631-2.747-1.378l-.747 2.848c-.27 1.041-1.002 2.349-1.492 3.146 1.123.347 2.31.535 3.537.535 6.624 0 11.99-5.367 11.99-11.987C24.007 5.367 18.641.001 12.017.001Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.424 7.618 11.174-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.965 1.406-5.965s-.359-.72-.359-1.783c0-1.668.968-2.915 2.172-2.915 1.024 0 1.518.769 1.518 1.69 0 1.03-.655 2.569-.994 3.995-.283 1.195.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.208 0 1.031.397 2.138.893 2.738.098.119.112.223.083.344-.091.378-.293 1.199-.334 1.363-.053.22-.174.266-.402.16-1.499-.698-2.436-2.888-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.162 0 7.398 2.966 7.398 6.931 0 4.136-2.608 7.464-6.227 7.464-1.216 0-2.357-.631-2.747-1.378l-.747 2.848c-.27 1.041-1.002 2.349-1.492 3.146 1.123.347 2.31.535 3.537.535 6.624 0 11.99-5.367 11.99-11.987C24.007 5.367 18.641.001 12.017.001Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

body.template-14 #footer.eskle-footer .eskle-footer__brand {
  display: block;
  width: min(54vw, 920px);
  /* PNG obsahuje horni pruhledny okraj 79 / 2000 sve sirky.
     Pri sirce 920 px tak samo vytvori cca 36 px mezery podle navrhu. */
  margin: 0 auto clamp(24px, 2vw, 40px);
  color: inherit;
  text-decoration: none;
}

body.template-14 #footer.eskle-footer .eskle-footer__brand img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

body.template-14 #footer.eskle-footer .footer-bottom-full-width {
  position: static;
  left: auto;
  right: auto;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #aaa;
  background: var(--eskle-footer-bg);
  transform: none;
}

body.template-14 #footer.eskle-footer .footer-bottom {
  display: flex;
  background: var(--eskle-footer-bg) !important;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(24px, 2.2vw, 42px);
  width: 100%;
  max-width: none;
  min-height: 68px;
  margin: 0;
  padding: 0 clamp(28px, 3.5vw, 68px);
  color: #333;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .4px;
}

/* Shoptet/Bootstrap clearfix nesmi ve flexboxu tvorit dalsi polozky.
   Jinak odsouva copyright a podpis Shoptetu od krajnich stran. */
body.template-14 #footer.eskle-footer .footer-bottom::before,
body.template-14 #footer.eskle-footer .footer-bottom::after {
  content: none;
  display: none;
}

body.template-14 #footer.eskle-footer .footer-bottom > span:first-of-type {
  display: block;
  flex: 0 0 auto;
  width: auto;
  margin: 0;
}

body.template-14 #footer.eskle-footer .footer-bottom .copyright {
  color: #333;
  font-size: 13px;
  font-weight: 400;
}

body.template-14 #footer.eskle-footer .footer-bottom .copyright strong {
  font-weight: 400;
}

body.template-14 #footer.eskle-footer #signature {
  display: inline-flex !important;
  align-items: center;
  flex: 0 0 auto;
  width: auto !important;
  margin: 0;
  white-space: nowrap;
}

body.template-14 #footer.eskle-footer #signature .image,
body.template-14 #footer.eskle-footer #signature .title {
  vertical-align: middle;
}

@media (max-width: 767px) {
  body.template-14 #footer.eskle-footer .eskle-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 54px 34px;
    width: calc(100% - 48px);
    padding: 68px 0 0;
  }

  body.template-14 #footer.eskle-footer .eskle-footer__follow {
    grid-column: 1 / -1;
    justify-self: start;
  }

  body.template-14 #footer.eskle-footer .eskle-footer__service,
  body.template-14 #footer.eskle-footer .eskle-footer__information,
  body.template-14 #footer.eskle-footer .eskle-footer__follow,
  body.template-14 #footer.eskle-footer .eskle-footer__newsletter-placeholder {
    width: 100%;
  }

  body.template-14 #footer.eskle-footer .eskle-footer__newsletter-placeholder {
    grid-column: 1 / -1;
    max-width: 480px;
  }

  body.template-14 #footer.eskle-footer .pageElement__heading {
    margin-bottom: 16px;
    font-size: 24px;
  }

  body.template-14 #footer.eskle-footer .eskle-footer__column > ul > li > a,
  body.template-14 #footer.eskle-footer .cookies-settings {
    font-size: 12px;
  }

  body.template-14 #footer.eskle-footer .footer-bottom {
    min-height: 66px;
    padding: 0 24px;
  }

  body.template-14 #footer.eskle-footer .eskle-footer__brand {
    width: min(78vw, 620px);
    margin-top: 24px;
    margin-bottom: 28px;
  }
}

@media (max-width: 520px) {
  body.template-14 #footer.eskle-footer .eskle-footer__grid {
    grid-template-columns: 1fr;
    gap: 44px;
    width: calc(100% - 48px);
    padding: 58px 0 0;
  }

  body.template-14 #footer.eskle-footer .eskle-footer__follow {
    grid-column: auto;
  }

  body.template-14 #footer.eskle-footer .eskle-footer__newsletter-placeholder {
    grid-column: auto;
  }

  body.template-14 #footer.eskle-footer .eskle-footer__newsletter-button {
    width: min(190px, 56%);
  }

  body.template-14 #footer.eskle-footer .footer-bottom {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 20px;
    min-height: 64px;
    padding: 0 16px;
    font-size: 11px;
  }

  body.template-14 #footer.eskle-footer .footer-bottom .copyright {
    font-size: 11px;
  }

  body.template-14 #footer.eskle-footer #signature .title {
    font-size: 11px;
  }

  body.template-14 #footer.eskle-footer .eskle-footer__brand {
    width: 108vw;
    margin-top: 24px;
    margin-left: -4vw;
    margin-bottom: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.template-14 #footer.eskle-footer .social-icon {
    transition: none;
  }
}