/* ============================================================
   FM Next Event – Meetalk Hero styling
   (działa z Twoją strukturą: 329f516 / 9f34fc4 / c304232 / 935bde7 / d6b36d0)
   ============================================================ */

/* Empty */
.fm-next-event-empty {
    padding: 18px 16px;
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    background: #fff;
    color: #111827;
}

/* Main wrapper */
.fm-meetalk-wrap {
    text-align: center;
}

    /* ---------------------------
   Icon list (date + location)
   --------------------------- */
    .fm-meetalk-wrap .elementor-icon-list-items {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 22px !important;
        padding: 0 !important;
        margin: 0 0 14px 0 !important;
        list-style: none !important;
    }

    .fm-meetalk-wrap .elementor-icon-list-item {
        display: inline-flex !important;
        align-items: center !important;
/*        gap: 10px !important;*/
    }

    .fm-meetalk-wrap .elementor-icon-list-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
        color: #25c6c6 !important; /* turkus jak w Meetalk */
        font-size: 1.25em !important;
    }

    .fm-meetalk-wrap .elementor-icon-list-text {
        font-family: var(--e-global-typography-secondary-font-family, Sans-serif) !important;
        font-weight: 600 !important;
        font-size: 15px !important;
        line-height: 1.4 !important;
        text-transform: uppercase !important;
        color: #fff !important;
    }

    /* ---------------------------
   Title (najważniejsze!)
   Screen: .elementor-XXX .elementor-element.elementor-element-c304232 .elementor-heading-title
   --------------------------- */
    .fm-meetalk-wrap .elementor-element-c304232 .elementor-heading-title {
        font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
        font-size: var(--e-global-typography-secondary-font-size);
        font-weight: var(--e-global-typography-secondary-font-weight);
        line-height: var(--e-global-typography-secondary-line-height);
        color: var(--e-global-color-text);
    }

    /* ---------------------------
   Description
   --------------------------- */
    .fm-meetalk-wrap .elementor-element-935bde7 .elementor-heading-title {
        font-family: var(--e-global-typography-b2ce6af-font-family), Sans-serif;
        font-size: var(--e-global-typography-b2ce6af-font-size);
        font-weight: var(--e-global-typography-b2ce6af-font-weight);
        text-transform: var(--e-global-typography-b2ce6af-text-transform);
        font-style: var(--e-global-typography-b2ce6af-font-style);
        line-height: var(--e-global-typography-b2ce6af-line-height);
        color: var(--e-global-color-text);
    }

/* ---------------------------
   Button
   --------------------------- */
.fm-meetalk-btn.elementor-button {
    border-radius: 999px !important;
    padding: 16px 36px !important;
    font-family: var(--e-global-typography-primary-font-family, inherit) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    background: linear-gradient(135deg, #6a5af9 0%, #8b5cf6 100%) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 18px 34px rgba(106,90,249,0.35) !important;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

    .fm-meetalk-btn.elementor-button:hover {
        transform: translateY(-1px) !important;
        box-shadow: 0 24px 44px rgba(106,90,249,0.45) !important;
        filter: brightness(1.03) !important;
        color: #fff !important;
    }

/* ---------------------------
   Countdown (Twoja wersja)
   --------------------------- */
.fm-meetalk-countdown .elementor-countdown-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 36px;
    flex-wrap: wrap;
    margin-top: 28px;
}

.fm-meetalk-countdown .elementor-countdown-item {
    width: 112px;
    height: 112px;
    border-radius: 999px;
    background: #8b5cf6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 18px 34px rgba(139,92,246,0.25);
}

.fm-meetalk-countdown .elementor-countdown-digits {
    color: var(--e-global-color-text);
    font-family "Barlow", Sans-serif;
    font-size: 48px;
    font-weight: 300;
    line-height: 1.2em;
}

.fm-meetalk-countdown .elementor-countdown-label {
    font-family: var(--e-global-typography-accent-font-family) "Montserrat", Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    line-height: var(--e-global-typography-accent-line-height);
    color: #ffffff;
}

/* ---------------------------
   Responsive
   --------------------------- */
@media (max-width: 1024px) {
    .fm-meetalk-wrap .elementor-element-c304232 .elementor-heading-title {
        font-size: 54px !important;
    }

    .fm-meetalk-wrap .elementor-element-935bde7 .elementor-heading-title {
        font-size: 17px !important;
    }
}

@media (max-width: 767px) {
    .fm-meetalk-wrap .elementor-icon-list-items {
        gap: 14px !important;
        row-gap: 10px !important;
        flex-wrap: wrap !important;
    }

    .fm-meetalk-wrap .elementor-icon-list-text {
        font-size: 12px !important;
    }

    .fm-meetalk-wrap .elementor-element-c304232 .elementor-heading-title {
        font-size: 38px !important;
        line-height: 1.15 !important;
    }

    .fm-meetalk-wrap .elementor-element-935bde7 .elementor-heading-title {
        font-size: 15px !important;
    }

    .fm-meetalk-countdown .elementor-countdown-wrapper {
        gap: 18px;
        margin-top: 22px;
    }

    .fm-meetalk-countdown .elementor-countdown-item {
        width: 92px;
        height: 92px;
    }

    .fm-meetalk-countdown .elementor-countdown-digits {
        font-size: 34px;
    }
}



.main-hero .elementor-widget-container {
    float: left;
    color: #2C2C2C !important;
}
