/**
Theme Name: Mechatronika
Author: Pavel Veselý
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mechatronika
Template: astra
*/

.site-branding {
  position: fixed;
}

@media (max-width: 768px) {
  .site-branding {
    position: relative;
  }
}

.section-hero {
  position: relative;
  pointer-events: none;
}

@media (max-width: 768px) {
  .section-hero {
    max-height: 65vh;
    overflow-x: hidden;
  }
  
}

/* Tlačítka a interaktivní prvky v hero sekci musí být klikatelné */
.section-hero .wp-block-uagb-buttons,
.section-hero .uagb-buttons-repeater,
.section-hero a {
  pointer-events: auto;
}

.section-hero h2 {
    line-height: 1.1;
    font-size: 30px;
    font-weight: 300;
}

/* Styly pro zvýrazněný text v bublině */
.section-hero h2 strong {
  color: #d32f2f;
  font-weight: 600;
}

/* Responsivní úpravy pro bublinu */
@media (max-width: 480px) {
  .section-hero h2 {
    font-size: 20px;
    padding: 20px 30px;
    min-width: 280px;
    /* min-height: 120px; */
  }
}

@media (max-width: 768px) {
  .section-hero h2 {
    font-size: 24px;
    font-weight: 700;
    padding: 0;
    min-width: 300px;
    /* min-height: 150px; */
  }
}

.section-hero .bubble-white {
    background-image: url('img/bubble_slogan 1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 40px 100px;
    min-height: 251px;
    min-width: 482px !important;
    width: 482px !important;
    margin: 20px 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

@media (max-width: 768px) {
    .section-hero .bubble-white {
      /* background-image: none; */
      padding: 35px 10px 35px 50px;
      margin-bottom: 0 !important;
      min-height: 200px !important;
      width: 90vw !important;
    }
}

/* Obsah nadpisu - aby se respektovaly řádky */
.section-hero h2 .uagb-heading-text,
.section-hero h2 {
    white-space: pre-line;
}

.section-hero .bubble-red .uagb-buttons-repeater,
.section-hero .bubble-black .uagb-buttons-repeater {
    font-size: 18px !important;

    padding: 0.8rem !important;
    display: inline-block;
}

.section-hero .bubble-red {
    position: relative;
    margin-left: -100px;
    z-index: 2;
}

@media screen and (max-width: 768px) {
  .section-hero .bubble-red {
    margin-left: -60px;
  }
  
}


.section-hero .bubble-red .uagb-button__wrapper {
  background-image: url('img/bubble_red_1 2.svg') !important;
  min-width: 232px !important;
  min-height: 95px !important;
}

.site-header .bubble-red .uagb-buttons-repeater {
    font-size: 18px !important;
    padding: 0.6rem !important;
    display: inline-block;
}

/* Ikona za textem pro červená tlačítka v hero sekci */
.section-hero .bubble-red .uagb-button__link::after {
  content: '';
  background-image: url('img/icon_play.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  vertical-align: middle;
}

.section-hero .bubble-black {
    margin-left: -30px;
    z-index: 1;
}

.section-first {
    font-size: 22px;
    /* margin-top: -14rem; */
    overflow: visible;
}

.section-first .uagb-container-inner-blocks-wrap {
    overflow: visible !important;
}

/* Kontejner s robotem v první sekci */
.section-first .uagb-block-4feb1f72 {
    overflow: visible !important;
    position: relative;
    z-index: 5;
}

/* Robot v první sekci - má zasahovat nahoru */
.section-first .uagb-block-4feb1f72 .wp-block-uagb-image {
    margin-top: -8rem;
    position: relative;
}

@media (max-width: 768px) {
  .section-first .uagb-block-4feb1f72 .wp-block-uagb-image {
      margin-right: -1.5rem;
  } 
}

@media (max-width: 768px) {
  .section-first {
    font-weight: 600;
  }
}

.section-first .wp-block-group {
    margin-bottom: 2.5rem;
}

@media (max-width: 768px) {
  .section-first .wp-block-group {
    margin-bottom: 0 !important;
  }
}

.section-first .wp-block-uagb-buttons {
    margin-top: -4rem;
}

@media screen and (max-width: 768px) {
  .section-first .wp-block-uagb-buttons {
    margin-top: 0;
  }
}

.section-img-text.text-img .wp-block-uagb-buttons {
    margin-left: -5rem !important;
}

.section-img-text p.uagb-heading-text,
.uagb-ifb-title-prefix {
    display: inline-block !important;
    padding: 5px 10px !important;
    font-weight: bold;
    color: #fff;
    background-color: #000;
    margin-bottom: -15px !important;
}

.section-img-text .wp-block-uagb-image,
.uagb-block-akoftflg.wp-block-uagb-image {
    align-self: flex-start;
    width: 300px !important;
}

@media screen and (max-width: 768px) {
  .section-img-text .wp-block-uagb-image,
  .uagb-block-akoftflg.wp-block-uagb-image {
    /* margin-bottom: -35px; */
    width: 220px !important;
  }
  
}

.section-img-text .group-collapse,
.uagb-ifb-desc {
    font-weight: 600;
}

/* Skryté elementy (defaultní stav pro obsah pod separátorem) */
.group-collapse .hidden-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  transition: max-height 0.8s ease-in-out, opacity 0.8s ease-in-out, 
              margin-top 0s 0.8s, margin-bottom 0s 0.8s, 
              padding-top 0s 0.8s, padding-bottom 0s 0.8s;
}

/* Když je obsah zobrazen */
.group-collapse.expanded .hidden-content {
  max-height: 2000px;
  opacity: 1;
  margin-top: revert !important;
  margin-bottom: revert !important;
  padding-top: revert !important;
  padding-bottom: revert !important;
  transition: max-height 0.8s ease-in-out, opacity 0.8s ease-in-out, 
              margin-top 0s, margin-bottom 0s, 
              padding-top 0s, padding-bottom 0s;
}

/* Zakázání všech animací a transformací pro obsah uvnitř hidden-content */
.group-collapse .hidden-content *,
.group-collapse .hidden-content ul,
.group-collapse .hidden-content li {
  animation: none !important;
  transform: none !important;
  transition: none !important;
}

/* Styl tlačítka "čti víc" */
.read-more-btn {
  display: inline-block;
  margin-top: 10px;
}

/* Styl separátoru pro lepší vizuální oddělení */
.separator {
  display: none;
  margin: 20px 0 10px 0;
}

/* blok Container */
.uagb-container-inner-blocks-wrap {
  column-gap: 24px !important;
  column-gap: 0 !important;
}

/* Styly pro tlačítka s červenou bublinou */
.bubble-red .uagb-button__wrapper {
  background-image: url('img/bubble_red_1 3.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 244px;
  min-height: 100px;
  padding: 15px 30px;
  margin: 10px 0;
}

.no-bubble-red .uagb-button__wrapper {
  /* background-image: none !important; */
}

.uagb-block-e4721543 {
  width: 100%;
}
.uagb-block-e4721543 .uagb-buttons__outer-wrap .uagb-buttons-repeater {
  justify-content: flex-start;
}
.uagb-block-e4721543 .wp-block-button__link {
  border-radius: 0 !important;
  /* font-family: inherit; */
}

.bubble-red .uagb-buttons-repeater {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-weight: 600;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 20px;
}

.bubble-red .uagb-button__link {
  color: #ffffff !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* Hover efekt pro tlačítka */
.bubble-red .uagb-button__wrapper:hover {
  transform: translateY(-2px);
  transition: transform 0.3s ease;
}

/* Responsivní úpravy pro tlačítka */
@media (max-width: 768px) {
  .bubble-red .uagb-button__wrapper {
    /* min-width: 180px;
    min-height: 50px; */
    padding: 12px 25px;
  }
  
  .bubble-red .uagb-buttons-repeater {
    /* font-size: 16px; */
  }
}

@media (max-width: 480px) {
  .bubble-red .uagb-button__wrapper {
    /* min-width: 160px;
    min-height: 45px; */
    padding: 10px 20px;
  }
}

/* Automatické stylování header tlačítka */
.ast-header-button-1 .ast-custom-button-link {
  background-image: url('img/bubble_red_1 3.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 244px;
  min-height: 100px;
  padding: 15px 30px;
  margin: 10px 0;
  text-decoration: none;
  border: none;
  background-color: transparent;
}

/* Automatické stylování textu v header tlačítku */
.ast-header-button-1 .ast-custom-button {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-weight: 600;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 18px;
}

/* Skrytí duplicitního odkazu v headeru */
.ast-header-button-1 .menu-link {
  display: none !important;
}

/* Hover efekt pro Astra tlačítka */
.bubble-red .ast-custom-button-link:hover {
  transform: translateY(-2px);
  transition: transform 0.3s ease;
}

/* Hover efekt pro header tlačítko */
.ast-header-button-1 .ast-custom-button-link:hover {
  transform: translateY(-2px);
  transition: transform 0.3s ease;
}

/* Responsivní úpravy pro Astra tlačítka */
@media (max-width: 768px) {
  .bubble-red .ast-custom-button-link {
    min-width: 180px;
    min-height: 70px;
    padding: 12px 25px;
  }
  
  .bubble-red .ast-custom-button {
    font-size: 16px;
  }
  
  /* Header tlačítko na mobilu bez obrázku, s červeným pozadím */
  .ast-header-button-1 .ast-custom-button-link,
  .bubble-red .uagb-button__wrapper {
    /* background-image: none !important;
    background-color: #d32f2f !important; */
    /* min-width: 180px;
    min-height: 50px;
    padding: 12px 25px; */
    /* font-family: "Bai Jamjuree", Helvetica, Arial, sans-serif !important; */
  }
  .wp-block-button .wp-block-button__link {
    /* font-family: "Bai Jamjuree", Helvetica, Arial, sans-serif !important; */
  }
  
  .ast-header-button-1 .ast-custom-button {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .bubble-red .ast-custom-button-link {
    min-width: 160px;
    min-height: 60px;
    padding: 10px 20px;
  }
  
  /* Header tlačítko na malých mobilech bez obrázku, s červeným pozadím */
  .ast-header-button-1 .ast-custom-button-link {
    background-image: none !important;
    background-color: #d32f2f !important;
    min-width: 160px;
    min-height: 45px;
    padding: 10px 20px;
  }
}

/* Styly pro tlačítka s černou bublinou */
.bubble-black .uagb-button__wrapper {
  background-image: url('img/bubble_black.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 173px;
  min-height: 70px;
  padding: 15px 30px;
  margin: 10px 0;
}

.bubble-black .uagb-buttons-repeater {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #d32f2f !important;
  font-weight: 600;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
  font-size: 20px;

  padding: 0.8rem !important;
  display: inline-block;
}

.bubble-black .uagb-button__link {
  color: #d32f2f !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* Styly pro Astra tlačítka s černou bublinou */
.bubble-black.ast-builder-button-wrap {
  display: inline-block;
}

.bubble-black .ast-custom-button-link {
  background-image: url('img/bubble_black.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 244px;
  min-height: 100px;
  padding: 15px 30px;
  margin: 10px 0;
  text-decoration: none;
  border: none;
  background-color: transparent;
}

.bubble-black .ast-custom-button {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #d32f2f !important;
  font-weight: 600;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
  font-size: 18px;
}

/* Skrytí duplicitního odkazu */
.bubble-black .menu-link {
  display: none !important;
}

/* Hover efekt pro černá tlačítka */
.bubble-black .uagb-button__wrapper:hover,
.bubble-black .ast-custom-button-link:hover {
  transform: translateY(-2px);
  transition: transform 0.3s ease;
}

/* popup close button */
.uagb-block-e228f98b .uagb-popup-builder__close {
  position: relative !important;
  white-space: nowrap;
}
.uagb-block-e228f98b .uagb-popup-builder__close a.wp-block-button__link {
  background-color: transparent !important;
  color: #d32f2f !important;
}
.uagb-block-e228f98b button.uagb-popup-builder__close {
  display: none;
}

/* Styl pro tlačítko zavření popup okna s ID popup-video - červená bublina */
#popup-video button.uagb-popup-builder__close {
  background-image: url('img/bubble_red_1 3.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: transparent !important;
  border: none !important;
  min-width: 125px !important;
  width: 125px !important;
  min-height: 51px !important;
  height: 51px !important;
  padding: 8px 15px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  transition: transform 0.3s ease !important;
  cursor: pointer !important;
  position: absolute !important;
  top: -40px !important;
  right: 10px !important;
  z-index: 10 !important;
}

#popup-video button.uagb-popup-builder__close:hover {
  transform: translateY(-2px) !important;
}

/* Přidání textu "zavřít" před ikonou */
#popup-video button.uagb-popup-builder__close::before {
  content: 'zavřít' !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  margin-right: 4px !important;
}

/* Ikona X menší a bílá */
#popup-video button.uagb-popup-builder__close svg {
  display: none !important;
  width: 12px !important;
  height: 12px !important;
  fill: #ffffff !important;
}

/* Responsivní úpravy pro zavírací tlačítko popup-video */
@media (max-width: 768px) {
  #popup-video button.uagb-popup-builder__close {
    min-width: 110px !important;
    width: 110px !important;
    min-height: 45px !important;
    height: 45px !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
  }
  
  #popup-video button.uagb-popup-builder__close::before {
    font-size: 12px !important;
  }
  
  #popup-video button.uagb-popup-builder__close svg {
    width: 10px !important;
    height: 10px !important;
  }
}

@media (max-width: 480px) {
  #popup-video button.uagb-popup-builder__close {
    min-width: 100px !important;
    width: 100px !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: 5px 10px !important;
    font-size: 11px !important;
  }
  
  #popup-video button.uagb-popup-builder__close::before {
    font-size: 11px !important;
  }
  
  #popup-video button.uagb-popup-builder__close svg {
    width: 9px !important;
    height: 9px !important;
  }
}

/* Responsivní úpravy pro černá tlačítka */
@media (max-width: 768px) {
  .bubble-black .uagb-button__wrapper,
  .bubble-black .ast-custom-button-link {
    min-width: 180px;
    min-height: 70px;
    padding: 12px 25px;
  }
  
  .bubble-black .uagb-buttons-repeater,
  .bubble-black .ast-custom-button {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .bubble-black .uagb-button__wrapper,
  .bubble-black .ast-custom-button-link {
    min-width: 160px;
    min-height: 60px;
    padding: 10px 20px;
  }
  
  .bubble-black .uagb-buttons-repeater,
  .bubble-black .ast-custom-button {
    font-size: 14px;
  }
}

/* Popup pozadí */
.uagb-block-e228f98b .uagb-popup-builder__container {
  background-image: url('img/popup_bg.png') !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Zabránění posouvání stránky při kliknutí na bublina tlačítka */
.bubble-red .uagb-buttons-repeater,
.bubble-black .uagb-buttons-repeater,
.bubble-red .ast-custom-button-link,
.bubble-black .ast-custom-button-link,
.ast-header-button-1 .ast-custom-button-link {
  scroll-behavior: unset !important;
}

/* Zabránění výchozímu chování odkazů s # */
.bubble-red a[href="#"],
.bubble-black a[href="#"],
.bubble-red a[href=""],
.bubble-black a[href=""] {
  pointer-events: auto;
  cursor: pointer;
}

/* section kontakt */
.section-kontakt {
  background-color: #000000;
  position: relative;
  padding-top: 150px;
}

@media screen and (max-width: 768px) {
  .section-kontakt {
    overflow: hidden !important;
  }
}

.section-kontakt::before {
  content: '';
  position: absolute;
  top: -50px;
  left: 70%;
  transform: translateX(-50%);
  width: 100%;
  height: 150px;
  background-image: url('img/cloud_black.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 0;
}

/* section FAQ */
.section-faq {
  background-color: #f5f5f5;
  position: relative;
  padding-top: 150px;
}

.section-faq::before {
  content: '';
  position: absolute;
  top: -50px;
  left: 30%;
  transform: translateX(-50%);
  width: 100%;
  height: 150px;
  background-image: url('img/cloud_gray.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 0;
}

@media screen and (max-width: 768px) {
  .wp-block-uagb-container.uagb-is-root-container.alignfull > .uagb-container-inner-blocks-wrap {
    row-gap: 0 !important;
  }

  .ast-site-identity {
    padding: 10px 0 !important;
  }
  
}

@media screen and (max-width: 768px) {
  .uagb-block-ffeabe00.wp-block-uagb-image .wp-block-uagb-image__figure img {
      object-position: top;
  }
}

/* Odstranění obrysu při focusu pro bublina tlačítka */
.bubble-red .uagb-button__wrapper:focus,
.bubble-red .uagb-button__wrapper:focus-visible,
.bubble-red .uagb-buttons-repeater:focus,
.bubble-red .uagb-buttons-repeater:focus-visible,
.bubble-red .uagb-button__link:focus,
.bubble-red .uagb-button__link:focus-visible,
.bubble-black .uagb-button__wrapper:focus,
.bubble-black .uagb-button__wrapper:focus-visible,
.bubble-black .uagb-buttons-repeater:focus,
.bubble-black .uagb-buttons-repeater:focus-visible,
.bubble-black .uagb-button__link:focus,
.bubble-black .uagb-button__link:focus-visible,
.ast-header-button-1 .ast-custom-button-link:focus,
.ast-header-button-1 .ast-custom-button-link:focus-visible,
.ast-header-button-1 .ast-custom-button:focus,
.ast-header-button-1 .ast-custom-button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* wp-block-social-links */
.wp-block-social-links {
  padding-left: 0 !important;
  gap: 16px !important
}

@media screen and (max-width: 768px) 
{
  .wp-block-social-links {
    margin: auto !important;
  }

  .no-mobile {
    display: none !important;
  }

  .section-proc,
  .section-studium,
  .section-prihlaska {
    background-size: 140% !important;
  }

  #zjisti-vic {
    pointer-events: none;
  }
  
}

.section-heading {
  margin-top: 15px !important
}

/* Bílá barva pro všechny telefonní odkazy */
#kontakt a[href*="tel:"] {
  color: #ffffff !important;
}