:root {
  --ck-color-brand-red-25: #FEF3F2;
  --ck-color-brand-red-50: #FEE4E2;
  --ck-color-gray-25: #F6F8F2;
  --ck-color-brand-orange-100: #FCC89B;
  --ck-color-dark-orange-400: #EC7F00;
  --ck-color-brand-red-600: #8F241C; /*dark-red*/
  --ck-color-dark-red: #9D2235;
}
.ck-color-brand-red-25-background { background: var(--ck-color-brand-red-25); }
.ck-color-brand-red-50-background { background: var(--ck-color-brand-red-50); }

.ck-color-gray-25-background { background: var(--ck-color-gray-25); }
.ck-color-brand-orange-100-background { background: var(--ck-color-brand-orange-100); }
.ck-color-dark-orange-400-background { background: var(--ck-color-dark-orange-400); }
.ck-color-brand-red-600-background { background: var(--ck-color-brand-red-600); }
.ck-color-dark-red-background { background: var(--ck-color-dark-red); }


.ck-color-dark-red-background {
  background: var(--ck-color-dark-red);
  color: #FFF;
}
.ck-color-dark-red-background h1,
.ck-color-dark-red-background h2,
.ck-color-dark-red-background h3,
.ck-color-dark-red-background h4,
.ck-color-dark-red-background h5,
.ck-color-dark-red-background h6 {

}
.ckc-post-card__media.ckc-post-card__16-10-ratio:after {
  padding-top:62.5% !important;
}
.hidden {
  display: none;
}

[type=submit] {
  background: var(--__ck-button-primary-background);
}


/*** ***/
.c-footer__bottom p {
  font-size: 12px;
}
/*** Business x customer toggle */
.c-header_b2b .c-header__topbar {
  background-color: #FAFAFA !important;
}
.b2b-toggle-header {
  height: 48px;
}
.b2b-toggle-header-mobile {
  position: fixed;
  top:0;
  width: 100%;
  z-index: 9999;
}
.b2b-toggle  {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #FAFAFA;
}

.b2b-toggle li {
  float: left;
  border-top: 4px solid #FAFAFA;
}

.b2b-toggle li a {
  display: block;
  text-align: center;
  padding: 10px 14px 13px 14px;
  text-decoration: none;
  color: #000;
  font-weight: 600;
  font-size: .75rem !important;
}

.b2b-toggle li a:hover:not(.b2b-active) {
  background-color: #FFF;
}
.b2b-toggle li.b2b-business:hover {
  border-top: 4px solid #F7921E;
}
.b2b-toggle li.b2b-customer {
  border-top: 4px solid #da291c;
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

.b2b-business a {
//border-bottom: 1px solid #e9e9e9;
}
.b2b-customer a{
  background-color: #FFF;
  border-bottom: 1px solid #FFF;
}
@media (min-width: 1200px) {
  .c-header_b2b .c-header__topbar {
    border-bottom: none;
  }
  .b2b-toggle-header-mobile {
    display:none;
  }

}
@media (max-width: 1200px) {
  .c-header_b2b {
    margin-top: 48px;
  }
  .l-page-b2b-toggle {
    padding-top: 112px;
  }
  .b2b-toggle-header div {
    padding: 0 !important;
  }
  .b2b-toggle {
    width: 100% !important;
  }
  .b2b-toggle li {
    width: 50%;
  }
  .c-header-b2b {
    top: 48px;
  }
  .is-sticky {
    top: 0
  }
  .nav-open .c-header.is-fixed {
    top:0;
    height:56px;
  }
}
/** TODO admin vs front */
.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal
}

.ckc-post-card {
  height: 100%;
}
h1 {text-transform: initial}

.text-align-center {
  text-align:center;
}
@media (max-width: 991px) {
  .ckac-button {
    width: 100%;
  }
}
.ckc-modal__content {
  border-radius: 0;
}

/* modal close */
html.mouse .ckc-modal__close:focus, html.mouse .ckc-modal__close:hover {
  opacity: .5;
}

.ckc-modal__close {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="31" height="32" viewBox="0 0 31 32"%3E%3Cpath fill="%23101820" d="M23.902 22.975l-1.448 1.448-14.968-14.968 1.448-1.448 14.968 14.968z"%3E%3C/path%3E%3Cpath fill="000" d="M7.486 22.975l1.448 1.448 14.968-14.968-1.448-1.448-14.968 14.968z"%3E%3C/path%3E%3C/svg%3E%0A') !important;;
  background-position: center;
  background-size: 1em;
  background-repeat: no-repeat;
  background-color: transparent;
  opacity: 1 !important;
  top: 1.5rem;
  right: 1.5rem;
}

.ckc-modal .ckac-accordion__label {
  font-size: 16px;
}
.ckc-modal .ckac-accordion__icon .ckao-icon {
  width: 0.8em;
}

.ckc-modal__slide-dot {
  background-color: #e5e2e2;
}
.ckc-modal__slide-dot.is-active {
  background-color: #ec7f00;
}


/*** PEOPLE PERKS ***/


.ckal-section .ckal-container.ckal-container {
  padding-left: 20px;
  padding-right: 20px;
  height: 100%;
}
.ckal-section .ckal-container.ckal-container--full-pad {
  padding-left: 0;
  padding-right: 0;
}
.ckal-section .ckal-container.ckal-container .ckal-section,
.ckal-section .ckal-container.ckal-container .ckal-banner{
  height: 100%;
  padding: 0;
}
.ckau-mat-d4 {
  text-transform: none;
  font-weight: 800;
  letter-spacing: initial;
}

.cks-agency .ckau-mat-d2 {
  font-family: "ACT Easy", sans-serif;
  font-size: 2.250rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: normal;
}

.ckal-section p {
  margin-bottom: 1rem;
}
.ckal-section li p {
  margin-bottom: 0;
}
.ckal-section ol {
  list-style-position: inside;
  margin-bottom: 1rem;
}

.ckal-section ol li {
  padding-left: 1.2em;
  text-indent: -1.2em;
  padding-top: 1rem;
}


.ckc-cms-custom-list ol {
  counter-reset: list-counter;
  list-style: none;
  margin: 0;
  padding: 0;
  --circle-color: #DA291C;
}

.ckc-cms-custom-list ol li {
  position: relative;
  min-height: 50px;
  padding-left: 70px;
  margin-bottom: 20px;
  display: grid;
  align-items: center;
  padding-top:initial;
  text-indent: 0;
  justify-content: space-between;
}

.ckc-cms-custom-list ol li::before {
  counter-increment: list-counter;
  content: counter(list-counter) ".";
  padding-left:4px;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: white;

  display: flex;
  align-items: center;
  justify-content: center;
  /* Barva se bere z CSS proměnné */
  background-color: var(--circle-color);
  font-style: normal;
  font-weight: 900;
  font-size: 20px;
  line-height: 27px;
}

.ckc-cms-custom-list--orange ol{
  --circle-color: #ED8B00;
}

.ckl-grid__cell--6\@md .ckac-banner {
  min-height: 350px;
}
@media (min-width: 991px) {
  .ckl-grid__cell--6\@md .ckac-banner .ckac-banner__content {
    padding: 2rem calc(var(--__ck-gutter));
    justify-content: initial;
  }
}
.ckl-grid__cell--6\@md .ckac-banner img {
  object-fit: cover;
}
/**** PEOPLE PERKS END ****/


.ckc-tab {
  --__ck-tab-border-color: #e8e8e8;
  display: flex;
  gap: 1.8rem;
  border-bottom: 1px solid var(--__ck-tab-border-color);
  margin-bottom: 2.8rem;
}
.ckc-tab__item {
  display: inline-flex;
  font-size: 1.15rem;
}
.ckc-tab__button {
  padding: 1rem 0;
  font-weight: 600;
  position: relative;
}
.ckc-tab__button:before {
  display: block;
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background-color: var(--__ck-primary-color);
}
.ckc-tab__button[aria-selected=true]:before, .ckc-tab__button:hover:before {
  content: "";
}

.ckc-tab-content {
  display: none;
}
.ckc-tab-content[hidden=false] {
  display: block;
}