.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-d98a3ac:#3401FB;--e-global-color-ffe18eb:#CDF518;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.jh-flipbox {
  position: relative;
  perspective: 1200px;
  min-height: 320px; /* nebo podle obsahu */
}

.jh-flipbox__front,
.jh-flipbox__back {
  position: absolute;
  inset: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;

  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: transform .6s ease;
}

/* Přední strana */
.jh-flipbox__front {
  background: #fff;       /* tvoje barva */
  color: #000;
  transform: rotateY(0deg);
  z-index: 2;
}

/* Zadní strana */
.jh-flipbox__back {
  background: #0f172a;    /* tvoje barva */
  color: #fff;
  transform: rotateY(180deg);
  z-index: 1;
}

/* Flip na hover */
.jh-flipbox:hover .jh-flipbox__front,
.jh-flipbox.is-flipped .jh-flipbox__front {
  transform: rotateY(-180deg);
}

.jh-flipbox:hover .jh-flipbox__back,
.jh-flipbox.is-flipped .jh-flipbox__back {
  transform: rotateY(0deg);
}

/* V editoru Elementor zobraz pod sebou */
.elementor-editor-active .jh-flipbox__front,
.elementor-editor-active .jh-flipbox__back {
  position: static !important;
  transform: none !important;
  backface-visibility: visible;
}

/* ===== FLUENT FORM – BTN STYLY (sdílené) ===== */

/* 1) Grid item + 2) Label */
.jh-form-btn-style .ff-el-form-check,
.jh-form-btn-style-orange .ff-el-form-check,
.jh-form-btn-style-4 .ff-el-form-check,
.jh-form-btn-style-3 .ff-el-form-check,
.jh-form-btn-style-2 .ff-el-form-check {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important; /* ← KLÍČOVÉ */
}

.jh-form-btn-style .ff-el-form-check-label,
.jh-form-btn-style-orange .ff-el-form-check-label,
.jh-form-btn-style-4 .ff-el-form-check-label,
.jh-form-btn-style-3 .ff-el-form-check-label,
.jh-form-btn-style-2 .ff-el-form-check-label {
  flex: 1 !important;           /* ← roztáhne na plnou výšku */
  display: flex !important;
}

/* 3) Span uvnitř labelu – DESKTOP */
@media (min-width:768px) {
  .jh-form-btn-style .ff-el-form-check-label > span,
  .jh-form-btn-style-orange .ff-el-form-check-label > span,
  .jh-form-btn-style-4 .ff-el-form-check-label > span,
  .jh-form-btn-style-3 .ff-el-form-check-label > span,
  .jh-form-btn-style-2 .ff-el-form-check-label > span {
    flex: 1 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    white-space: normal !important;
    line-height: 1.4 !important;
    border: 1px solid #EFE1E7 !important;
    border-left: solid 1px #EFE1E7 !important;
    border-radius: 6px !important;
    background: #FDF6F9 !important;
    color: #19345a !important;
    transition: all 0.5s ease;
    justify-content: center;
  }

  /* padding mají na desktopu jen tyto varianty */
  .jh-form-btn-style-orange .ff-el-form-check-label > span,
  .jh-form-btn-style-4 .ff-el-form-check-label > span,
  .jh-form-btn-style-3 .ff-el-form-check-label > span,
  .jh-form-btn-style-2 .ff-el-form-check-label > span {
    padding: 10px 6px !important;
  }

  /* Grids pro desktop */
  .jh-form-btn-style .ff-el-input--content,
  .jh-form-btn-style-4 .ff-el-input--content {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
  }
  .jh-form-btn-style-orange .ff-el-input--content {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 10px !important;
  }
  .jh-form-btn-style-3 .ff-el-input--content {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }
  .jh-form-btn-style-2 .ff-el-input--content {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
}

/* 3) Span uvnitř labelu – MOBIL */
@media (max-width:767px) {
  .jh-form-btn-style .ff-el-form-check-label > span,
  .jh-form-btn-style-orange .ff-el-form-check-label > span,
  .jh-form-btn-style-4 .ff-el-form-check-label > span,
  .jh-form-btn-style-3 .ff-el-form-check-label > span,
  .jh-form-btn-style-2 .ff-el-form-check-label > span {
    flex: 1 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    white-space: normal !important;
    line-height: 1.4 !important;
    border: 1px solid #EFE1E7 !important;
    border-left: solid 1px #EFE1E7 !important;
    border-radius: 6px !important;
    background: #FDF6F9 !important;
    color: #19345a !important;
    transition: all 0.5s ease;
    margin-bottom: 10px !important;
    justify-content: center;
  }
}

/* Hover + selected – pro všechny styly stejné */
.jh-form-btn-style .ff-el-form-check-label > span:hover,
.jh-form-btn-style-orange .ff-el-form-check-label > span:hover,
.jh-form-btn-style-4 .ff-el-form-check-label > span:hover,
.jh-form-btn-style-3 .ff-el-form-check-label > span:hover,
.jh-form-btn-style-2 .ff-el-form-check-label > span:hover {
  border: 1px solid #19345a !important;
  border-left: solid 1px #19345a !important;
}

.ff_item_selected > .ff-el-form-check-label > span {
  background: #19345a !important;
  color: #fdf6f9 !important;
  border: 1px solid #19345a !important;
  border-left: solid 1px #19345a !important;
}/* End custom CSS */