.elementor-kit-10{--e-global-color-primary:#007AFF;--e-global-color-primary_hover:#1A5FD1;--e-global-color-text:#EDF1F6;--e-global-color-text_light:#B0B8C2;--e-global-color-accent:#3389E5;--e-global-color-border:#1F2937;--e-global-color-background:#030608;--e-global-color-background_light:#0E1217;--e-global-color-2d3b721:#1D538D;--e-global-color-8b93a9a:#163E6A;--e-global-color-f3a8e04:#5FA6EB;--e-global-color-cebed27:#6E7682;--e-global-color-5d6e609:#1C2129;--e-global-color-ce0f633:#2F3B4A;--e-global-color-992bc6e:#22C55E;--e-global-color-4cee3b3:#F59E0B;--e-global-color-035986b:#EF4444;--e-global-color-208c948:#03060899;--e-global-typography-primary-text-transform:none;--e-global-typography-secondary-text-transform:none;--e-global-typography-accent-text-transform:none;--e-global-typography-text-text-transform:none;--e-global-typography-heading_title-font-size:80px;--e-global-typography-heading_title-font-weight:500;--e-global-typography-heading_title-text-transform:none;--e-global-typography-heading_title-line-height:1.05em;--e-global-typography-heading_title-letter-spacing:-2px;--e-global-typography-b280912-font-size:20px;--e-global-typography-b280912-text-transform:none;--e-global-typography-b280912-line-height:1.6em;--e-global-typography-8064aa3-font-size:18px;--e-global-typography-8064aa3-font-weight:500;--e-global-typography-8064aa3-text-transform:none;--e-global-typography-8064aa3-line-height:1.333em;background-image:url("https://webui.cz/wp-content/uploads/2023/04/webui_bq_50-scaled.png");text-transform:none;background-position:top center;background-repeat:no-repeat;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 a{text-transform:none;}.elementor-kit-10 h1{text-transform:none;}.elementor-kit-10 h2{font-size:60px;font-weight:500;text-transform:none;letter-spacing:-0.02em;}.elementor-kit-10 h3{text-transform:none;}.elementor-kit-10 h4{text-transform:none;}.elementor-kit-10 h5{text-transform:none;}.elementor-kit-10 h6{text-transform:none;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{text-transform:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1710px;}.e-con{--container-max-width:1710px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-10{--e-global-typography-heading_title-font-size:56px;background-size:0px auto;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-10{--e-global-typography-heading_title-font-size:40px;--e-global-typography-heading_title-letter-spacing:-1px;}.elementor-kit-10 h1{font-size:36px;}.elementor-kit-10 h2{font-size:28px;}.elementor-kit-10 h3{font-size:24px;}.elementor-kit-10 h4{font-size:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Brand logos – stejné rozměry & centrování */
.brand-rail .swiper-wrapper {
  align-items: center;
}
.brand-rail .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Výška boxu pro logo – drží stejné „plátno“ pro všechny */
.brand-rail .elementor-brand-item,
.brand-rail .elementor-brand-image,
.brand-rail .elementor-brand-image a {
  height: var(--brand-h, 72px);   /* můžeš změnit – 64/72/80px */
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;               /* nic nevyčuhuje ven */
  padding: 0 8px;                 /* jemný vnitřní odsaz */
}

/* Samotné logo – nikdy se neroztáhne a drží poměr stran */
.brand-rail .elementor-brand-image img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;            /* vejde se do boxu bez deformace */
  display: block;
  margin: 0 auto;
}

/* (Volitelné) sjednocený vzhled – šedé logo + hover efekt
.brand-rail .elementor-brand-image img { filter: grayscale(1); opacity: .85; }
.brand-rail .elementor-brand-image a:hover img { filter: none; opacity: 1; }
*/

/* Responsivní úprava výšky log (podle potřeby) */
@media (max-width: 1024px) {
  .brand-rail .elementor-brand-item,
  .brand-rail .elementor-brand-image,
  .brand-rail .elementor-brand-image a { height: 60px; }
}
@media (max-width: 768px) {
  .brand-rail .elementor-brand-item,
  .brand-rail .elementor-brand-image,
  .brand-rail .elementor-brand-image a { height: 48px; }
}
/* Text "...a mnoho dalších" – centrovaný placeholder pouze u poslední položky */
.brand-rail .elementor-repeater-item-8c0c543 .elementor-brand-image::after {
  content: "…a mnoho dalších";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(14px, 1.6vw, 22px);
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #007AFF;            /* <- požadovaná barva */
  text-transform: none;
}

/**********************************************************
 *  SERVICES GRID – sjednocení výšek, zarovnání textů, CTA dole
 **********************************************************/

/* 1) Wrapper gridu (doporučeno dát třídě wrapperu „services-grid“) */
.services-grid{
  --card-gap: 32px; /* informační proměnná, kdybys ji chtěl používat */
}

/* 2) Každá karta – flex, aby CTA mohlo dolů */
.services-grid .service-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: clamp(18px, 1.8vw, 28px);
  border-radius: 16px;                 /* volitelné */
}

/* 3) Nadpis – rezerva na X řádků, aby start textu pod ním byl srovnaný */
.services-grid .card-title{
  display: block;
  line-height: 1.15;
  margin: 0 0 12px 0;
  /* kolik řádků rezervujeme (mobile) */
  --lines: 2;
  min-height: calc(var(--lines) * 1.15em);
}

/* Desktop: často 3 řádky vypadají líp */
@media (min-width: 1024px){
  .services-grid .card-title{ --lines: 3; }
}

/* 4) Textový blok pod nadpisem – jen pro jistotu */
.services-grid .card-desc{
  margin-top: 0;
}

/* 5) CTA tlačítko dolů */
.services-grid .card-cta{
  margin-top: auto;
  display: flex;
  align-items: center;
}

/* Volitelně: sjednocený vertikální rytmus uvnitř karty */
.services-grid .service-card > * + *{
  margin-top: 12px;
}

/* Poslední odstavec ať nezvětšuje kartu */
.services-grid .service-card p:last-child{
  margin-bottom: 0;
}

/* 6) Fallbacky – když nejdou přidat vlastní třídy
   (typická struktura Elementoru):
   - wrapper = .services-grid (stačí přidat jen na grid)
   - karta = kontejner uvnitř gridu
   - nadpis = .elementor-heading-title
*/
.services-grid .elementor-container > .elementor-column > .elementor-widget-wrap,
.services-grid .elementor-container > .elementor-widget-wrap{
  height: 100%;
}

/* Pokud karta nemá .service-card, zkusíme udělat flex z jejího vnitřního kontejneru */
.services-grid .elementor-widget-container,
.services-grid .elementor-widget-wrap{
  /* neaplikujeme plošně, ale jen pokud je to přímé dítě gridu s obsahem karty */
}

/* Fallback pro nadpis (když nelze dát .card-title) */
.services-grid .service-card :is(h3, .elementor-heading-title):not(.card-title){
  line-height: 1.15;
  margin: 0 0 12px 0;
  --lines: 2;
  min-height: calc(var(--lines) * 1.15em);
}
@media (min-width: 1024px){
  .services-grid .service-card :is(h3, .elementor-heading-title):not(.card-title){
    --lines: 3;
  }
}

/* Fallback – když ani karta nemá .service-card,
   uděláme z jejího nejbližšího kontejneru flex a CTA dáme dolů */
.services-grid .elementor-widget:not(.service-card) > .elementor-widget-container{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.services-grid .elementor-widget:not(.service-card) > .elementor-widget-container .elementor-button-wrapper{
  margin-top: auto; /* CTA dolů */
}

/* (Volitelné) – drobnosti pro estetiku, bez vlivu na funkci */
.services-grid .elementor-button{
  width: auto;
}/* End custom CSS */