=========================================================
   KOMPONENTY ČLÁNKU – JEN UVNITŘ .mw-event-magnets
========================================================= */

/* ---- Modrý kroužek s číslem ---- */
.mw-event-magnets .mw-step__number {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #FFFFFF;
    border: 2px solid #1195FE;
    color: #1195FE;
    font-weight: 700;
    font-size: 22px;
    font-family: "Stolzl", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 15px auto;
}

/* ---- Kontejner jednotlivého kroku ---- */
.mw-event-magnets .mw-step {
    text-align: center;
    padding: 25px 15px;
    max-width: 600px;
    margin: 0 auto;
}

.mw-event-magnets .mw-step h3 {
    margin-bottom: 10px;
    font-weight: 700;
}

.mw-event-magnets .mw-step p {
    margin: 0 auto;
    max-width: 500px;
    font-size: 16px;
    line-height: 1.6;
}

/* DESKTOP – kroky doleva */
@media (min-width: 992px) {
    .mw-event-magnets .mw-step {
        text-align: left;
        margin: 0 0 30px 0;
        max-width: 700px;
        padding-left: 0;
    }
    .mw-event-magnets .mw-step__number {
        margin-left: 25px;
        margin-right: 0;
    }
}

/* Mobil – mezera pod CTA */
@media (max-width: 575px) {
    .mw-hero__text .mw-btn {
        margin-bottom: 25px !important;
    }
}

/* =========================================================
   BUBLINA "VÍTE, ŽE?"
========================================================= */
.mw-event-magnets .mw-info-bubble {
    background-color: #EAF4FF;
    border-left: 5px solid #1195FE;
    padding: 15px 20px;
    margin: 30px 0;
    font-family: "Stolzl", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    display: flex;
    align-items: center;
}

.mw-event-magnets .mw-info-bubble__icon {
    font-size: 24px;
    margin-right: 10px;
}

.mw-event-magnets .mw-info-bubble__text {
    flex: 1;
    color: #333;
}

/* =========================================================
   TYPOGRAFIE NADPISŮ
========================================================= */

/* ---- H1 ---- */
.mw-event-magnets h1 {
    font-family: "Futura PT", sans-serif !important;
    font-style: italic !important;
    text-transform: uppercase !important;
    font-weight: 700;
    letter-spacing: .5px;
    margin: 0 0 40px;
    color: #151515;
    position: relative;
    padding-bottom: 39px !important;
}

/* H1 respo */
@media (min-width: 992px) {
    .mw-event-magnets h1 { font-size: 40px !important; line-height: 46px !important; }
}
@media (min-width: 576px) and (max-width: 991px) {
    .mw-event-magnets h1 { font-size: 30px !important; line-height: 34px !important; }
}
@media (max-width: 575px) {
    .mw-event-magnets h1 { font-size: 26px !important; line-height: 30px !important; }
}

/* H1 podtržení sjednocené s H2 */
.mw-event-magnets h1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px !important;
    height: 6px;
    width: 90px;
    border-radius: 5px;
    background-color: #1195FE;
}

/* ---- H2 ---- */
.mw-event-magnets h2 {
    font-family: "Futura PT", sans-serif !important;
    font-style: italic !important;
    text-transform: uppercase !important;
    font-weight: 600;
    letter-spacing: .5px;
    text-align: left;
    margin: 50px 0 40px;
    position: relative;
    padding-bottom: 39px;
}

@media (min-width: 992px) {
    .mw-event-magnets h2 { font-size: 32px !important; line-height: 36px !important; }
}
@media (min-width: 576px) and (max-width: 991px) {
    .mw-event-magnets h2 { font-size: 26px !important; line-height: 30px !important; }
}
@media (max-width: 575px) {
    .mw-event-magnets h2 { font-size: 22px !important; line-height: 26px !important; }
}

.mw-event-magnets h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px;
    height: 6px;
    width: 65px;
    border-radius: 5px;
    background-color: #1195FE;
}

/* ---- H3 ---- */
.mw-event-magnets h3 {
    font-family: "Futura PT", sans-serif !important;
    font-style: italic !important;
    font-weight: 600;
    color: #151515;
    letter-spacing: .4px;
    text-transform: uppercase !important;
    margin: 20px 0 12px;
}

@media (min-width: 992px) {
    .mw-event-magnets h3 { font-size: 22px !important; line-height: 26px !important; }
}
@media (min-width: 576px) and (max-width: 991px) {
    .mw-event-magnets h3 { font-size: 18px !important; line-height: 22px !important; }
}
@media (max-width: 575px) {
    .mw-event-magnets h3 { font-size: 16px !important; line-height: 20px !important; }
}

/* =========================================================
   ODSTAVCE A SEZNAMY
========================================================= */
.mw-event-magnets p,
.mw-event-magnets li {
    font-family: "Stolzl", sans-serif;
    color: #151515;
}

@media (min-width: 992px) {
    .mw-event-magnets p, .mw-event-magnets li { font-size: 18px; line-height: 26px; }
}
@media (min-width: 576px) and (max-width: 991px) {
    .mw-event-magnets p, .mw-event-magnets li { font-size: 16px; line-height: 24px; }
}
@media (max-width: 575px) {
    .mw-event-magnets p, .mw-event-magnets li { font-size: 15px; line-height: 22px; }
}

/* =========================================================
   OBRÁZKY
========================================================= */
@media (min-width: 992px) {
    .mw-event-magnets img {
        width: 650px;
        max-width: 100%;
        height: auto;
        display: block;
        margin: 20px 0 30px 0;
        border-radius: 6px;
    }
}

/* =========================================================
   TLAČÍTKA – 100% IDENTICKÁ S CAROUSEL
========================================================= */

.mw-event-magnets .mw-btn {
    display: inline-block;
    background-color: transparent !important;
    color: #1195FE !important;
    border: 2px solid #1195FE !important;
    border-radius: 999px !important;
    font-family: "Futura PT", sans-serif !important;
    font-style: normal !important;       /* ✔ OPRAVENO – žádná italic */
    font-weight: 400 !important;         /* ✔ stejné jako carousel */
    text-transform: uppercase !important;
    box-shadow: none !important;
    transition: all .3s ease-out !important;
    text-decoration: none !important;
}

/* Responsivita paddingu a fontu – 1:1 jako carousel */
@media (max-width: 767px){
    .mw-event-magnets .mw-btn{
        font-size: 4vw !important;
        line-height: 1.1 !important;
        padding: 2vw 4vw !important;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .mw-event-magnets .mw-btn{
        font-size: 14px !important;
        line-height: 18px !important;
        padding: 8px 40px !important;
    }
}
@media (min-width: 992px){
    .mw-event-magnets .mw-btn{
        font-size: 16px !important;
        line-height: 20px !important;
        padding: 10px 50px !important;
    }
}

/* Hover efekt – 1:1 jako carousel */
.mw-event-magnets .mw-btn:hover{
    background-color: #1195FE !important;
    color: #ffffff !important;
}
/* =========================================================
   KOMPONENTY ČLÁNKU – JEN UVNITŘ .mw-event-magnets
========================================================= */


/* ---- Modrý kroužek s číslem ---- */
.mw-event-magnets .mw-step__number {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #FFFFFF;
    border: 2px solid #1195FE;
    color: #1195FE;
    font-weight: 700;
    font-size: 22px;
    font-family: "Stolzl", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 15px auto;
}


/* ---- Kontejner jednotlivého kroku ---- */
.mw-event-magnets .mw-step {
    text-align: center;
    padding: 25px 15px;
    max-width: 600px;
    margin: 0 auto;
}

.mw-event-magnets .mw-step h3 {
    margin-bottom: 10px;
    font-weight: 700;
}

.mw-event-magnets .mw-step p {
    margin: 0 auto;
    max-width: 500px;
    font-size: 16px;
    line-height: 1.6;
}

/* =========================================================
   DESKTOP – ZAROVNÁNÍ DOLEVA
========================================================= */
@media (min-width: 992px) {

    .mw-event-magnets .mw-step {
        text-align: left;
        margin: 0 0 30px 0;
        max-width: 700px;
        padding-left: 0;
    }

    .mw-event-magnets .mw-step__number {
        margin-left: 25px;
        margin-right: 0;
    }

    .mw-event-magnets .mw-step p {
        margin-left: 0;
    }
}
/* Mobil – zvětšení mezery pod prvním CTA tlačítkem */
@media (max-width: 575px) {
    .mw-hero__text .mw-btn {
        margin-bottom: 25px !important; /* uprav dle pocitu */
    }
} 

/* =========================================================
   FORMULÁŘ
========================================================= */
.mw-event-magnets .mw-section--form { margin-top: 60px; }
.mw-event-magnets .mw-form-row { margin-bottom: 20px; }

.mw-event-magnets .mw-form-row label {
    font-family: "Stolzl", sans-serif;
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
    color: #151515;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .5px;
}

.mw-event-magnets .mw-form-row input,
.mw-event-magnets .mw-form-row textarea {
    width: 100%;
    padding: 12px 15px;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
    font-family: "Stolzl", sans-serif;
    font-size: 16px;
    box-sizing: border-box;
}

.mw-event-magnets .mw-form-row input:focus,
.mw-event-magnets .mw-form-row textarea:focus {
    border-color: #1195FE;
    outline: none;
    box-shadow: 0 0 0 1px #1195FE33;
}

/* Formulář CTA */
.mw-event-magnets .mw-section--form .mw-btn {
    padding: 12px 40px !important;
}
.mw-event-magnets {
    padding-bottom: 80px;
}

/* Mobil – o něco menší mezera */
@media (max-width: 575px) {
    .mw-event-magnets {
        padding-bottom: 60px;
    }
}