.elementor-kit-19{--e-global-color-primary:#00926C;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#353535;--e-global-color-accent:#FF9393;--e-global-color-f898f31:#FFFEFE;--e-global-color-0d046a4:#E9E9E9;--e-global-color-c6c574f:#F9F9F9;--e-global-color-7ad78f4:#FFFFFFE6;--e-global-color-8630d9f:#7E222200;--e-global-color-b500f0a:#FFFFFF;--e-global-typography-primary-font-family:"varela round","varela round Fallback";--e-global-typography-primary-font-size:45px;--e-global-typography-primary-font-weight:300;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Montserrat","Montserrat Fallback";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:300;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-text-font-family:"Montserrat","Montserrat Fallback";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"Montserrat","Montserrat Fallback";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-line-height:1.2em;--e-global-typography-6ed476c-font-family:"varela round","varela round Fallback";--e-global-typography-6ed476c-font-size:20px;--e-global-typography-6ed476c-font-weight:400;--e-global-typography-6ed476c-text-transform:capitalize;--e-global-typography-9525bd0-font-family:"Montserrat","Montserrat Fallback";--e-global-typography-9525bd0-font-size:20px;--e-global-typography-9525bd0-font-weight:300;--e-global-typography-9525bd0-text-transform:capitalize;--e-global-typography-cdaaf6a-font-family:"varela round","varela round Fallback";--e-global-typography-cdaaf6a-font-size:16px;--e-global-typography-cdaaf6a-font-weight:300;--e-global-typography-cdaaf6a-text-transform:capitalize;--e-global-typography-cdaaf6a-font-style:normal;--e-global-typography-0009af8-font-family:"Montserrat","Montserrat Fallback";--e-global-typography-0009af8-font-size:14px;--e-global-typography-0009af8-font-weight:400;--e-global-typography-0009af8-text-transform:capitalize;--e-global-typography-0009af8-font-style:normal;--e-global-typography-0009af8-letter-spacing:0px;--e-global-typography-ef2c50b-font-family:"varela round","varela round Fallback";--e-global-typography-ef2c50b-font-size:15px;--e-global-typography-ef2c50b-font-weight:300;--e-global-typography-f8a9e51-font-family:"varela round","varela round Fallback";--e-global-typography-f8a9e51-font-size:35px;--e-global-typography-f8a9e51-font-weight:300;--e-global-typography-f8a9e51-text-transform:capitalize;--e-global-typography-f8a9e51-line-height:1.2em;--e-global-typography-ccc280a-font-family:"varela round","varela round Fallback";--e-global-typography-ccc280a-font-size:80px;--e-global-typography-ccc280a-font-weight:300;--e-global-typography-ccc280a-text-transform:capitalize;--e-global-typography-ccc280a-line-height:1.2em;--e-global-typography-2c11d45-font-family:"varela round","varela round Fallback";--e-global-typography-2c11d45-font-size:50px;--e-global-typography-2c11d45-font-weight:500;--e-global-typography-2c11d45-text-transform:capitalize;--e-global-typography-2c11d45-line-height:1.2em;background-color:var( --e-global-color-b500f0a );font-family:"varela round","varela round Fallback", Sans-serif;font-size:16px;font-weight:400;}.elementor-kit-19 e-page-transition{background-color:#FFBC7D;}.elementor-kit-19 h1{font-family:"varela round","varela round Fallback", Sans-serif;font-size:45px;font-weight:900;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:10px;--container-default-padding-right:10px;--container-default-padding-bottom:10px;--container-default-padding-left:10px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-19{--e-global-typography-primary-font-size:32px;--e-global-typography-secondary-font-size:18px;--e-global-typography-text-font-size:15px;--e-global-typography-accent-font-size:15px;--e-global-typography-6ed476c-font-size:18px;--e-global-typography-9525bd0-font-size:18px;--e-global-typography-cdaaf6a-font-size:15px;--e-global-typography-0009af8-font-size:14px;--e-global-typography-ef2c50b-font-size:15px;--e-global-typography-f8a9e51-font-size:25px;--e-global-typography-ccc280a-font-size:70px;--e-global-typography-2c11d45-font-size:45px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-19{--e-global-typography-primary-font-size:30px;--e-global-typography-secondary-font-size:16px;--e-global-typography-text-font-size:15px;--e-global-typography-accent-font-size:15px;--e-global-typography-6ed476c-font-size:20px;--e-global-typography-9525bd0-font-size:18px;--e-global-typography-cdaaf6a-font-size:15px;--e-global-typography-0009af8-font-size:14px;--e-global-typography-ef2c50b-font-size:15px;--e-global-typography-f8a9e51-font-size:25px;--e-global-typography-ccc280a-font-size:50px;--e-global-typography-2c11d45-font-size:35px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */button.sub-menu-toggle {
    display: none;
}
.karta-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: space-between;
  align-items: stretch;
}

.karta {
  flex: 1 1 calc(33.333% - 24px);
  min-width: 280px;
  background: #ffffff;
  padding: 20px;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: left;
}

.karta:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.karta h3, .karta h4 {
  margin-top: 0;
  font-size: 1.4rem;
}

.karta .elementor-widget-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.karta .elementor-widget-text-editor {
  margin-bottom: 1rem;
}

.karta .elementor-button {
  align-self: start;
  margin-top: auto;
}

.karta-biofyzika {
  background-color: #e5f5ee;
}

.karta-fyziologie {
  background-color:  #ffd5d5;
}

.karta-patfyz {
  background-color: #fff8e5;
}

.karta-farma {
  background-color:#ffe6b3;
}

.karta-histola {
  background-color: #f6edf4;
}

.karta-mikra {
  background-color: #b8e9e2;
}

.karta .elementor-widget-button {
  margin-top: auto;
  align-self: flex-start;
  padding: 0;
  width: 100%;
}

.karta .elementor-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  font-size: 16px;
  padding: 0 20px;
  white-space: nowrap;
  border-radius: 8px;
  box-shadow: none;
}

.karta .elementor-widget-button {
  margin-top: auto;
  align-self: flex-start;
  padding: 0;
  width: 100%;
  flex: 0 0 auto;
}

.karta {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.karta:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

/* 🟣 HLAVNÍ KONTEJNER PRO KAŽDOU KARTU 🟣 */
.karta-clanek {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 20px;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
  margin-bottom: 2rem; /* mezera mezi kartami */
  flex-wrap: wrap; /* zajištění správného zalomení obsahu */
}

/* 🟣 HOVER EFEKT 🟣 */
.karta-clanek:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}

/* 🟣 NADPIS ČLÁNKU 🟣 */
.karta-clanek .elementor-post__title {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

/* 🟣 VÝŇATEK ČLÁNKU 🟣 */
.karta-clanek .elementor-post__excerpt {
  font-size: 1rem;
  color: #444;
  margin-bottom: 1rem;
}

/* 🟣 TLAČÍTKO DOLŮ 🟣 */
.karta-clanek-btn {
  align-self: start;
  background-color: #ff9999;
  border: none;
  border-radius: 8px;
  padding: 10px 20px;
  color: white;
  font-weight: bold;
  transition: background 0.2s;
}

.karta-clanek-btn:hover {
  background-color: #77ff77;
}

/* 🟣 RESPONSIVITA – CENTROVÁNÍ TLAČÍTKA NA MOBILECH 🟣 */
@media (max-width: 768px) {
  .karta-clanek-btn {
    align-self: center;
  }
}

/* ZKRÁCENÍ POST CONTENT NA 3 ŘÁDKY V KARTÁCH */
.karta-clanek .elementor-widget-theme-post-content,
.karta-clanek .elementor-post__content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1rem;
  color: #444;
  line-height: 1.5;
  margin-bottom: 1rem;
}

.odskok-sekce {
  margin-top: 7rem;
}

.footer-blok {
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 60px 20px;
}

/* === CELKOVÉ LADĚNÍ KVÍZU V BARVÁCH AXON_MED === */
.qsm-quiz-container {
    max-width: 800px;
    margin: 40px auto;
    padding: 30px;
    background: #fceeee;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    font-family: 'Segoe UI', sans-serif;
    font-size: 17px;
    line-height: 1.6;
}

/* Úvodní text s výzvou k akci */
.qsm-quiz-container .qsm-welcome-page {
    font-size: 18px;
    color: #004d40;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 500;
    position: relative;
}

.qsm-quiz-container .qsm-welcome-page::before {
    content: "👇 Klikni na první odpověď a začni kvíz!AA";
    white-space: pre-line;
    display: block;
    font-size: 16px;
    color: #d84315;
    font-weight: 600;
    margin-bottom: 10px;
}

/* Otázky */
.qsm-question-container {
    margin-bottom: 35px;
    padding: 25px;
    background: #ffffff;
    border-left: 6px solid #008566;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}

.qsm-question-text {
    font-weight: 600;
    color: #263238;
    margin-bottom: 10px;
}

/* Odpovědi */
.qsm-radio-label,
.qsm-checkbox-label {
    display: block;
    margin-bottom: 10px;
    background: #e1f4f2;
    padding: 10px 14px;
    border-radius: 6px;
    transition: background 0.3s;
    cursor: pointer;
}

.qsm-radio-label:hover,
.qsm-checkbox-label:hover {
    background: #c3e9e5;
}

/* Tlačítka */
.qsm-submit-button,
.qsm-next-button,
.qsm-prev-button,
.qsm-finish-button {
    background-color: #f27d8f;
    color: white;
    padding: 12px 28px;
    font-size: 16px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.3s;
    margin-top: 10px;
    margin-right: 10px;
}

.qsm-submit-button:hover,
.qsm-next-button:hover,
.qsm-prev-button:hover,
.qsm-finish-button:hover {
    background-color: #d36072;
}

/* Hint */
.qsm-question-hint {
    color: #6a1b9a;
    font-size: 14px;
    margin-top: 8px;
}

/* Výsledky */
.qsm-results-page {
    background: #ffffff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    margin-top: 30px;
}

.qsm-score,
.qsm-correct-answer,
.qsm-your-answer {
    font-weight: 500;
    font-size: 18px;
    margin-top: 10px;
}

/* === MOBILNÍ REŽIM === */
@media screen and (max-width: 600px) {
    .qsm-quiz-container {
        padding: 20px 15px;
        font-size: 16px;
    }

    .qsm-question-container {
        padding: 18px;
    }

    .qsm-radio-label,
    .qsm-checkbox-label {
        font-size: 15px;
        padding: 10px 12px;
    }

    .qsm-submit-button,
    .qsm-next-button,
    .qsm-prev-button,
    .qsm-finish-button {
        width: 100%;
        padding: 14px;
        font-size: 16px;
        margin: 10px 0;
    }

    .qsm-quiz-container .qsm-welcome-page::before {
        font-size: 15px;
        margin-bottom: 10px;
    }
}
/* 🟢 OBALOVÝ KONTEJNER PRO VŠECHNY KARTY */
.predmety-flex-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: space-between;
  align-items: stretch;
  margin: 40px auto;
  max-width: 1200px;
  padding: 0 20px;
}

/* 🟣 JEDNOTLIVÁ KARTA PŘEDMĚTU */
.predmet-karta {
  flex: 1 1 calc(33.333% - 24px);
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
  padding: 20px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  min-height: 660px;       /* místo height */
  height: auto;
}

/* 🟡 EFEKT PŘI NÁJETÍ */
.predmet-karta:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}

/* 🔵 OBRÁZEK V KARTĚ */
.predmet-karta img {
  width: 100%;
  height: 180px; /* pevná výška zajistí, že obrázek se neroztáhne nechtěně */
  object-fit: cover;
  object-position: top center; /* zarovnání na horní část – viditelný nápis */
  border-radius: 12px;
  display: block;
  margin-bottom: 16px;
}

/* 🔴 TLAČÍTKO V KARTĚ */
.predmet-karta .elementor-button {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  font-size: 16px;
  padding: 0 20px;
  white-space: nowrap;
  border-radius: 8px;
}

.predmet-karta.bg-zelena {
  background-color: #e5f5ee; /* mentolová – zelená */
}

.predmet-karta.bg-ruzova {
  background-color: #ffe6e6; /* broskvově růžová */
}

.predmet-karta.bg-piskova {
  background-color: #fff8e5; /* písková */
}
/* Globální oprava pro CTA sekci s obrázkem */
.cta-obrazek {
  position: relative;
  width: 100%;
  max-width: 450px; /* můžeš zvětšit třeba na 500px nebo 600px */
  aspect-ratio: 4 / 3;
  border-radius: 60px;
  overflow: hidden;
}

.cta-obrazek img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 60px;
  display: block;
}

/* Zajištění, že text nezajede pod obrázek */
.cta-obsah {
  z-index: 2;
  position: relative;
}

/* Úprava rodičovského kontejneru */
.cta-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  overflow: hidden;
  padding: 40px 20px;
}

@media (max-width: 768px) {
  /* Vnitřní padding v kartách článků */
  .elementor-post {
    padding: 10px !important;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  }

  /* Nadpis článku */
  .elementor-post__title {
    font-size: 16px !important;
    margin-top: 10px;
    margin-bottom: 6px;
    text-align: center;
  }

  /* Datum pod článkem */
  .elementor-post__meta-data {
    font-size: 13px;
    text-align: center;
    margin-bottom: 10px;
  }

  /* Obrázek – zaoblení a max. výška */
  .elementor-post__thumbnail img {
    border-radius: 8px;
    max-height: 180px;
    object-fit: cover;
  }

  /* Mezera mezi kartami */
  .elementor-posts-container article {
    margin-bottom: 20px !important;
  }
}

/* === HLAVNÍ OBAL SEKCE === */
.premium-section {
  max-width: 960px;
  margin: 0 auto;
  padding: 3rem 1.5rem;
  font-family: 'Inter',"Inter Fallback", sans-serif;
  color: #1e1e1e;
  text-align: center;
}

/* === SKRYTÍ ZELENÉ LIŠTY === */
.hero .elementor-widget-container:first-child {
  display: none !important;
}

/* === CTA BLOKY (nahoře i dole) === */
.cta-block {
  background: #e0f2f1;
  border: 1px solid #b2dfdb;
  border-radius: 1rem;
  padding: 2rem;
  text-align: center;
  color: #004d40;
  font-size: 1.1rem;
  line-height: 1.6;
}
.cta-block strong {
  font-weight: bold;
}

/* === HLAVNÍ CTA BUTTON === */
.hero-button {
  display: inline-block;
  margin-top: 1.5rem;
  padding: 0.9rem 2rem;
  font-size: 1.05rem;
  background-color: #00796b;
  color: #ffffff;
  border-radius: 2rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.hero-button:hover {
  background-color: #005f56;
  transform: scale(1.05);
}

/* === WRAPPER PŘEDMĚTŮ === */
.subjects-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  margin-top: 3rem;
}

/* === JEDNOTLIVÉ BLOKY PŘEDMĚTŮ === */
.subject-block {
  flex: 1 1 280px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 0.75rem;
  padding: 1.5rem;
  text-align: left;
  max-width: 320px;
  width: 100%;
  display: block !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
  transition: background-color 0.3s ease, transform 0.3s ease;
}
.subject-block:hover {
  background-color: #f8f8f8;
  transform: translateY(-4px);
}
.subject-block h3,
.subject-block strong {
  color: #00796b;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

/* === MINI BUTTON POD KAŽDÝM ČLÁNKEM === */
.mini-button {
  display: inline-block;
  margin-top: 0.5rem;
  font-size: 0.9rem;
  background: #00796b;
  color: white;
  padding: 0.4rem 1rem;
  border-radius: 1.2rem;
  text-decoration: none;
  font-weight: 500;
  transition: background-color 0.3s ease;
}
.mini-button:hover {
  background: #004d40;
}

/* === RESPONSIVITA === */
@media (max-width: 767px) {
  .subject-block {
    flex: 1 1 100%;
  }
}/* End custom CSS */