/* =========================================================
   SAER JOURNAL
   MAKALE GÖNDER — BAŞLANGIÇ EKRANI
   ========================================================= */


/* =========================================================
   MASAÜSTÜ
   ========================================================= */

@media (min-width: 900px) {

    /* -----------------------------------------------------
       1. ANA SAYFA GENİŞLİĞİ
       ----------------------------------------------------- */

    .app__page.width.width--narrow:has(.startSubmissionPage__saer) {
        width: calc(100% - 80px) !important;
        max-width: 1280px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* -----------------------------------------------------
       2. BAŞLANGIÇ SAYFASI
       ----------------------------------------------------- */

    .startSubmissionPage__saer {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       3. ÜST BAŞLIK ALANI
       SAER Journal / Makale Gönder / açıklama
       ----------------------------------------------------- */

    .startSubmissionPage__saerHeader {
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 24px 0 !important;
        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       4. ANA BEYAZ KART
       ----------------------------------------------------- */

    .startSubmissionPage__saer > .panel--wide {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        background: #ffffff !important;
        border: 1px solid #d8d8d8 !important;
        border-radius: 2px !important;

        box-shadow: none !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       5. PANEL SECTION
       ----------------------------------------------------- */

    .startSubmissionPage__saer
    > .panel--wide
    > .panelSection {

        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       6. PANEL İÇERİĞİ
       ----------------------------------------------------- */

    .startSubmissionPage__saer
    .panelSection__content {

        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 34px 38px !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       7. FORM
       ----------------------------------------------------- */

    .startSubmissionPage__saer
    .startSubmissionPage__form {

        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       8. FORM SAYFALARI
       ----------------------------------------------------- */

    .startSubmissionPage__saer
    .pkpFormPages,

    .startSubmissionPage__saer
    .pkpFormPage {

        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       9. FORM GRUPLARI
       Gönderi Dili / Onay / Gizlilik vb.
       ----------------------------------------------------- */

    .startSubmissionPage__saer
    fieldset.pkpFormGroup {

        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 0 24px 0 !important;
        padding: 20px 22px !important;

        border: 1px solid #d8d8d8 !important;
        border-radius: 2px !important;

        background: #ffffff !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       10. FIELDSET BAŞLIKLARI
       ----------------------------------------------------- */

    .startSubmissionPage__saer
    fieldset.pkpFormGroup legend {

        padding: 0 8px !important;

        color: #202326 !important;

        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
    }


    /* -----------------------------------------------------
       11. FORM ALANLARI
       ----------------------------------------------------- */

    .startSubmissionPage__saer
    .pkpFormField {

        width: 100% !important;
        max-width: none !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       12. BAŞLIK INPUT
       ----------------------------------------------------- */

    .startSubmissionPage__saer
    input[type="text"] {

        display: block !important;

        width: 100% !important;
        max-width: none !important;

        min-height: 42px !important;

        padding: 9px 11px !important;

        background: #ffffff !important;

        border: 1px solid #bfc3c6 !important;
        border-radius: 2px !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       13. INPUT FOCUS
       ----------------------------------------------------- */

    .startSubmissionPage__saer
    input[type="text"]:focus {

        border-color: #006fa6 !important;
        outline: none !important;
    }


    /* -----------------------------------------------------
       14. RADIO + CHECKBOX
       ----------------------------------------------------- */

    .startSubmissionPage__saer
    input[type="radio"],

    .startSubmissionPage__saer
    input[type="checkbox"] {

        margin-right: 8px !important;
    }


    /* -----------------------------------------------------
       15. ALT BUTON SATIRI
       ----------------------------------------------------- */

    .startSubmissionPage__saer
    .buttonRow.pkpFormPage__footer {

        display: flex !important;

        width: 100% !important;

        justify-content: flex-end !important;
        align-items: center !important;

        margin: 8px 0 0 0 !important;
        padding: 20px 0 0 0 !important;

        border-top: 1px solid #e1e1e1 !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       16. GÖNDERİME BAŞLA BUTONU
       ----------------------------------------------------- */

    .startSubmissionPage__saer
    .buttonRow.pkpFormPage__footer
    .pkpButton {

        width: auto !important;
        min-width: 170px !important;

        min-height: 42px !important;

        padding: 10px 22px !important;

        border-radius: 2px !important;

        font-weight: 600 !important;

        box-sizing: border-box !important;
    }

}


/* =========================================================
   MOBİL / TABLET
   ========================================================= */

@media (max-width: 899px) {

    .startSubmissionPage__saer
    .panelSection__content {

        padding: 20px 16px !important;
    }


    .startSubmissionPage__saer
    fieldset.pkpFormGroup {

        padding: 16px !important;
        margin-bottom: 18px !important;
    }


    .startSubmissionPage__saer
    .buttonRow.pkpFormPage__footer {

        display: block !important;
        width: 100% !important;
    }


    .startSubmissionPage__saer
    .buttonRow.pkpFormPage__footer
    .pkpButton {

        width: 100% !important;
    }

}