.elementor-1759 .elementor-element.elementor-element-012b441{text-align:center;}.elementor-1759 .elementor-element.elementor-element-012b441 .elementor-heading-title{font-size:30px;}.elementor-1759 .elementor-element.elementor-element-fd07030{text-align:center;}.elementor-1759 .elementor-element.elementor-element-c6c0d21 .elementor-tab-title, .elementor-1759 .elementor-element.elementor-element-c6c0d21 .elementor-tab-title:before, .elementor-1759 .elementor-element.elementor-element-c6c0d21 .elementor-tab-title:after, .elementor-1759 .elementor-element.elementor-element-c6c0d21 .elementor-tab-content, .elementor-1759 .elementor-element.elementor-element-c6c0d21 .elementor-tabs-content-wrapper{border-width:1px;}.elementor-1759 .elementor-element.elementor-element-7b08e57 .elementor-heading-title{font-size:14px;font-weight:600;}/* Start custom CSS for section, class: .elementor-element-19bf401d *//* =========================================================
   PRAKTYCZNY WARSZTAT – ASYSTENT AI
   WERSJA CZYSTA / FINALNA
   ========================================================= */


/* =========================================================
   1. GŁÓWNA KARTA ASYSTENTA
   ========================================================= */

#asystent-ai {
    width: 100% !important;
    max-width: 1100px !important;
    margin: 20px auto 30px auto !important;
    padding: 55px 55px 50px 55px !important;

    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    border-radius: 28px !important;

    box-shadow: 0 12px 35px rgba(0,0,0,0.07) !important;

    box-sizing: border-box !important;
}


/* =========================================================
   2. NAGŁÓWEK
   ========================================================= */

#asystent-ai h1,
#asystent-ai h2,
#asystent-ai h3 {
    color: #111111 !important;
}


/* =========================================================
   3. ZAKŁADKI ELEMENTOR
   ========================================================= */

#asystent-ai .elementor-tabs-wrapper {
    border-bottom: 1px solid #dddddd !important;
    background: transparent !important;
}


#asystent-ai .elementor-tab-title {
    background: transparent !important;

    border: none !important;
    border-bottom: 3px solid transparent !important;

    padding: 16px 22px !important;

    color: #222222 !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    transition: all 0.2s ease !important;
}


#asystent-ai .elementor-tab-title:hover {
    color: #f58220 !important;
}


#asystent-ai .elementor-tab-title.elementor-active {
    color: #f58220 !important;
    border-bottom: 3px solid #f58220 !important;
}


/* =========================================================
   4. ZAWARTOŚĆ ZAKŁADEK
   ========================================================= */

#asystent-ai .elementor-tab-content {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;

    padding: 30px 14px 20px 14px !important;
}


#asystent-ai .elementor-tab-content.elementor-active {
    border: none !important;
}


/* =========================================================
   5. POLE PYTANIA – AI ENGINE
   ========================================================= */

#asystent-ai .wp-block-ai-engine-form-field fieldset {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;

    background: transparent !important;

    padding: 0 !important;
    margin: 0 0 22px 0 !important;
}


#asystent-ai .wp-block-ai-engine-form-field legend {
    padding: 0 !important;
    margin: 0 0 9px 0 !important;

    color: #222222 !important;

    font-size: 14px !important;
    font-weight: 500 !important;
}


/* =========================================================
   6. INPUT PYTANIA
   ========================================================= */

#asystent-ai input[name="problem"],
#asystent-ai textarea[name="problem"] {
    width: 100% !important;
    min-height: 56px !important;

    box-sizing: border-box !important;

    background: #f8f8f8 !important;

    border: 1px solid #e1e1e1 !important;
    border-radius: 14px !important;

    padding: 16px 18px !important;

    color: #333333 !important;

    font-size: 15px !important;

    outline: none !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease !important;
}


#asystent-ai input[name="problem"]:hover,
#asystent-ai textarea[name="problem"]:hover {
    border-color: #d2d2d2 !important;
}


#asystent-ai input[name="problem"]:focus,
#asystent-ai textarea[name="problem"]:focus {
    background: #ffffff !important;

    border-color: #f58220 !important;

    outline: none !important;

    box-shadow:
        0 0 0 3px rgba(245,130,32,0.12) !important;
}


#asystent-ai input[name="problem"]::placeholder,
#asystent-ai textarea[name="problem"]::placeholder {
    color: #999999 !important;
    opacity: 1 !important;
}


/* =========================================================
   7. DODAJ ZDJĘCIE
   ========================================================= */

#asystent-ai .wp-block-ai-engine-upload-field fieldset {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;

    background: transparent !important;

    padding: 0 !important;
    margin: 0 0 22px 0 !important;
}


#asystent-ai .wp-block-ai-engine-upload-field legend {
    padding: 0 !important;
    margin: 0 0 9px 0 !important;

    color: #222222 !important;

    font-size: 14px !important;
    font-weight: 500 !important;
}


/* =========================================================
   8. INPUT PLIKU
   ========================================================= */

#asystent-ai input[type="file"] {
    width: auto !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    padding: 8px 12px !important;

    background: #f8f8f8 !important;

    border: 1px solid #e2e2e2 !important;
    border-radius: 22px !important;

    color: #333333 !important;

    font-size: 13px !important;

    cursor: pointer !important;
}


#asystent-ai input[type="file"]::file-.elementor-1759 .elementor-element.elementor-element-19bf401d-button {
    padding: 7px 12px !important;

    margin-right: 7px !important;

    background: #ffffff !important;

    border: 1px solid #dddddd !important;
    border-radius: 16px !important;

    color: #333333 !important;

    font-size: 13px !important;
    font-weight: 500 !important;

    cursor: pointer !important;

    transition: all 0.2s ease !important;
}


#asystent-ai input[type="file"]::file-.elementor-1759 .elementor-element.elementor-element-19bf401d-button:hover {
    border-color: #f58220 !important;
    color: #f58220 !important;
}


/* =========================================================
   9. PRZYCISK „ZNAJDŹ ROZWIĄZANIE”
   ========================================================= */

#asystent-ai .mwai-form-submit button,
#asystent-ai button[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 48px !important;

    padding: 14px 26px !important;

    background: #f58220 !important;

    border: none !important;
    border-radius: 14px !important;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    letter-spacing: 0.3px !important;

    cursor: pointer !important;

    transition:
        background 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}


#asystent-ai .mwai-form-submit button:hover,
#asystent-ai button[type="submit"]:hover {
    background: #e87412 !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 6px 18px rgba(245,130,32,0.22) !important;
}


#asystent-ai .mwai-form-submit button:active,
#asystent-ai button[type="submit"]:active {
    transform: translateY(0) !important;
}


/* =========================================================
   10. IKONA KOPIOWANIA – AI ENGINE
   ========================================================= */

#asystent-ai .mwai-copy-button {
    margin-top: 8px !important;
}


#asystent-ai .mwai-copy-button svg {
    width: 20px !important;
    height: 20px !important;
}


/* =========================================================
   11. POPULARNE PYTANIA
   ========================================================= */

#asystent-ai .pw-popular-questions {
    display: flex !important;

    flex-wrap: wrap !important;

    gap: 10px !important;

    margin-top: 18px !important;
}


#asystent-ai .pw-popular-questions button {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 !important;

    padding: 10px 17px !important;

    background: #ffffff !important;

    border: 1px solid #dddddd !important;
    border-radius: 30px !important;

    color: #333333 !important;

    font-size: 13px !important;
    font-weight: 500 !important;

    line-height: 1.2 !important;

    text-transform: none !important;
    letter-spacing: normal !important;

    box-shadow: none !important;

    cursor: pointer !important;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease !important;
}


#asystent-ai .pw-popular-questions button:hover {
    background: #fff7f0 !important;

    border-color: #f58220 !important;

    color: #f58220 !important;

    transform: translateY(-1px) !important;
}


/* =========================================================
   12. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #asystent-ai {
        width: calc(100% - 20px) !important;

        margin: 10px auto 20px auto !important;

        padding: 30px 18px 30px 18px !important;

        border-radius: 20px !important;
    }


    #asystent-ai .elementor-tab-title {
        padding: 14px 10px !important;

        font-size: 13px !important;
    }


    #asystent-ai .elementor-tab-content {
        padding: 24px 4px 15px 4px !important;
    }


    #asystent-ai input[name="problem"],
    #asystent-ai textarea[name="problem"] {
        min-height: 52px !important;

        padding: 14px !important;

        font-size: 14px !important;
    }


    #asystent-ai input[type="file"] {
        max-width: 100% !important;

        font-size: 12px !important;
    }


    #asystent-ai .mwai-form-submit button,
    #asystent-ai button[type="submit"] {
        width: auto !important;

        min-height: 46px !important;

        padding: 13px 20px !important;

        font-size: 13px !important;
    }


    #asystent-ai .pw-popular-questions {
        gap: 7px !important;
    }


    #asystent-ai .pw-popular-questions button {
        padding: 9px 13px !important;

        font-size: 12px !important;
    }
}


/* =========================================================
   13. BARDZO MAŁE TELEFONY
   ========================================================= */

@media (max-width: 420px) {

    #asystent-ai {
        width: calc(100% - 12px) !important;

        padding: 25px 14px 25px 14px !important;
    }


    #asystent-ai .elementor-tab-title {
        padding: 12px 7px !important;

        font-size: 12px !important;
    }


    #asystent-ai .elementor-tab-content {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }


    #asystent-ai .pw-popular-questions button {
        font-size: 11px !important;

        padding: 8px 11px !important;
    }
}

/* =========================================================
   USUNIĘCIE PODWÓJNEJ KARTY JETTABS / ELEMENTOR
   ========================================================= */

#asystent-ai .elementor-widget-tabs,
#asystent-ai .elementor-tabs,
#asystent-ai .elementor-tabs-content-wrapper {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#asystent-ai .elementor-tabs {
    border-radius: 0 !important;
}

#asystent-ai .elementor-tabs-content-wrapper {
    border-radius: 0 !important;
}

#asystent-ai .elementor-tab-content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* =========================================================
   ZMNIEJSZENIE PUSTYCH PRZESTRZENI
   ========================================================= */

/* Zakładki bliżej opisu */
#asystent-ai .elementor-widget-tabs {
    margin-top: 25px !important;
    margin-bottom: 0 !important;
}


/* Usunięcie wymuszonej wysokości zawartości zakładki */
#asystent-ai .elementor-tabs-content-wrapper,
#asystent-ai .elementor-tab-content {
    min-height: 0 !important;
    height: auto !important;
}


/* Mniej miejsca wewnątrz zakładki */
#asystent-ai .elementor-tab-content {
    padding-top: 25px !important;
    padding-bottom: 10px !important;
}


/* Popularne pytania bliżej formularza */
#asystent-ai .pw-popular-questions {
    margin-top: 12px !important;
}

/* =========================================================
   ODPOWIEDŹ ASYSTENTA AI – FORMATOWANIE
   ========================================================= */

/* Główny tytuł odpowiedzi */
#asystent-ai .mwai-form-output h1 {
    font-size: 28px !important;
    line-height: 1.25 !important;
    margin: 10px 0 18px !important;
    font-weight: 700 !important;
}

/* Główne sekcje */
#asystent-ai .mwai-form-output h2 {
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin: 24px 0 12px !important;
    font-weight: 700 !important;
}

/* Podsekcje */
#asystent-ai .mwai-form-output h3 {
    font-size: 18px !important;
    line-height: 1.35 !important;
    margin: 20px 0 10px !important;
    font-weight: 700 !important;
}

/* Zwykły tekst */
#asystent-ai .mwai-form-output p {
    font-size: 15px !important;
    line-height: 1.65 !important;
    margin: 0 0 14px !important;
}

/* Listy */
#asystent-ai .mwai-form-output ul,
#asystent-ai .mwai-form-output ol {
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin: 8px 0 16px !important;
    padding-left: 24px !important;
}

/* Elementy list */
#asystent-ai .mwai-form-output li {
    margin-bottom: 5px !important;
}

/* Telefon */
@media (max-width: 767px) {

    #asystent-ai .mwai-form-output h1 {
        font-size: 24px !important;
    }

    #asystent-ai .mwai-form-output h2 {
        font-size: 20px !important;
    }

    #asystent-ai .mwai-form-output h3 {
        font-size: 17px !important;
    }

    #asystent-ai .mwai-form-output p,
    #asystent-ai .mwai-form-output ul,
    #asystent-ai .mwai-form-output ol {
        font-size: 14px !important;
    }
}/* End custom CSS */