.elementor-3221 .elementor-element.elementor-element-37d8648{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3221 .elementor-element.elementor-element-888b1a0 .elementor-button{background-color:#FBFBFB;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:22px;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D9D9D9;border-radius:15px 15px 0px 0px;padding:10px 15px 10px 15px;}.elementor-3221 .elementor-element.elementor-element-888b1a0 .elementor-button:hover, .elementor-3221 .elementor-element.elementor-element-888b1a0 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-3221 .elementor-element.elementor-element-888b1a0 .elementor-button:hover svg, .elementor-3221 .elementor-element.elementor-element-888b1a0 .elementor-button:focus svg{fill:#000000;}/* Start custom CSS for button, class: .elementor-element-888b1a0 */.elementor-3221 .elementor-element.elementor-element-888b1a0 .elementor-button {
    max-width: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37d8648 *//* =========================
   PILLS (repeater 1)
   ========================= */

.np-why-pills-repeater {
  position: relative;
}

/* spodní linka přes celou šířku pod pilulkami */
.np-why-pills-repeater::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #e5e5e5;
  z-index: 0;
}

/* fade na pravém okraji při overflowu – třídu přidává JS */
.np-why-pills-repeater::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 48px;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(to left, #ffffff 0%, rgba(255,255,255,0) 100%);
  z-index: 2;
  transition: opacity 0.2s ease-out;
}

/* fade jen když máme overflow doprava */
.np-why-pills-repeater.np-has-overflow-right::before {
  opacity: 1;
}

/* řádek pilulek – horizontální scroll + grab */
.np-why-pills-repeater .acf-repeater-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;      /* desktop = centrované */
  align-items: stretch;

  gap: 12px;
  padding: 0 24px;
  margin-bottom: 0;

  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;

  cursor: grab;
  scrollbar-width: none;        /* Firefox */
}

.np-why-pills-repeater .acf-repeater-wrapper::-webkit-scrollbar {
  display: none;                /* Chrome / Safari */
}

.np-why-pills-repeater .acf-repeater-wrapper.is-dragging {
  cursor: grabbing;
}

/* na menších šířkách zarovnat vlevo */
@media (max-width: 1024px) {
  .np-why-pills-repeater .acf-repeater-wrapper {
    justify-content: flex-start;
  }
}

/* jedna položka pilulky */
.np-why-pills-repeater .acf-repeater-item {
  cursor: pointer;
  flex: 0 0 auto;
  display: flex;
  align-items: stretch;
  position: relative;
}

/* Elementor container uvnitř repeater itemu */
.np-why-pills-repeater .acf-repeater-item .elementor {
  display: flex;
  align-items: stretch;
  width: auto;
}

/* wrapper widgetu s tlačítkem */
.np-why-pills-repeater .acf-repeater-item .np-pill {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
}

/* Tlačítko = pilulka */
.np-why-pills-repeater .acf-repeater-item .elementor-button {
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 1 1 auto;
  height: 100%;

  min-width: 180px;
  max-width: 220px;

  background: #fbfbfb;
  border-style: solid;
  border-color: #d9d9d9;
  border-width: 1px 1px 0 1px;
  border-radius: 15px 15px 0 0;
  padding: 15px 28px 13px;

  white-space: normal;
  text-align: center;

  font-family: "Montserrat", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #000000;

  position: relative;
  z-index: 1;
}

/* hover */
.np-why-pills-repeater .acf-repeater-item .elementor-button:hover {
  background: #ffffff;
}

/* aktivní pilulka */
.np-why-pills-repeater .acf-repeater-item.is-active .elementor-button {
  background: #ffffff;
  font-weight: 700;
}

/* překrytí spodní linky pod aktivní pilulkou */
.np-why-pills-repeater .acf-repeater-item.is-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #ffffff;
  z-index: 1;
}

/* mobile tweaks */
@media (max-width: 767px) {
  .np-why-pills-repeater .acf-repeater-item .elementor-button {
    font-size: 16px;
    padding: 12px 20px 10px;
    min-width: 160px;
    max-width: 200px;
  }
}

/* =========================
   ŠIPKY (menší + černé 75% pozadí + tvoje SVG)
   Aktivuje se přidáním .np-scroll-arrows na wrapper
   ========================= */

.np-scroll-arrows {
  position: relative;
}

/* aby šipky na mobile neschovávaly obsah */
@media (max-width: 1024px){
  .np-scroll-arrows.np-has-overflow .acf-repeater-wrapper{
    padding-left: 46px;
    padding-right: 46px;
  }
}

/* ✅ pozadí černé 75% + menší */
.np-scroll-arrows .elementor-swiper-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;

  background: rgba(0,0,0,0.75);
  box-shadow: 0 2px 8px rgba(0,0,0,0.18);

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  z-index: 3;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease-out, transform 0.15s ease-out;
}

.np-scroll-arrows .elementor-swiper-button-prev { left: 6px; }
.np-scroll-arrows .elementor-swiper-button-next { right: 6px; }

.np-scroll-arrows .elementor-swiper-button:hover{
  transform: translateY(-50%) scale(1.05);
}

/* zobraz šipky jen když má smysl */
.np-scroll-arrows.np-has-overflow-left  .elementor-swiper-button-prev,
.np-scroll-arrows.np-has-overflow-right .elementor-swiper-button-next{
  opacity: 1;
  pointer-events: auto;
}

/* ikona uvnitř (tvoje SVG) */
.np-scroll-arrows .np-arrow-icn{
  width: 13px;
  height: 13px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  /* pokud jsou SVG černé, a ty je chceš bílé, uděláme to filtrem */
  filter: brightness(0) invert(1);
}

/* tvoje šipky */
.np-scroll-arrows .elementor-swiper-button-prev .np-arrow-icn{
  background-image: url("/wp-content/uploads/2025/10/Vector-3.svg");
}
.np-scroll-arrows .elementor-swiper-button-next .np-arrow-icn{
  background-image: url("/wp-content/uploads/2025/10/Vector-2.svg");
}

/* =========================
   SLIDES (repeater 2)
   ========================= */

.np-why-slides-repeater .acf-repeater-item {
  display: none;
}

.np-why-slides-repeater .acf-repeater-item.is-active {
  display: block;
}/* End custom CSS */