/* Wersja 2.1.0 */

.sks-tiles{
        display:grid;
        grid-template-columns:repeat(3, 1fr);
        gap:15px;
        margin-top:20px;
    }

    .sks-tile{
        background:white;
        border:1px solid #ddd;
        border-radius:14px;
        padding:22px;
        text-align:center;
        cursor:pointer;
        transition:0.25s;
        font-weight:600;
        color:#552F6C;
    }

    .sks-tile:hover{
        background:linear-gradient(135deg,#552F6C,#405AA7);
        color:white;
        transform:translateY(-3px);
    }

    .sks-tile a{
        text-decoration:none;
        color:inherit;
        display:block;
    }

    .sks-tile span{
        font-size:32px;
        display:block;
        margin-bottom:8px;
    }

    .sks-disabled{
        opacity:0.5;
        pointer-events:none;
    }

    .sks-box{
        max-width:800px;
        padding:30px;
        border:1px solid #ddd;
        border-radius:16px;
        background:#fff;
        margin-top:20px;
    }
	
	.sks-dropzone{
    border:2px dashed #cfd6e4;
    border-radius:18px;
    padding:40px 30px;
    text-align:center;
    background:#f7f9fc;
    margin:25px 0;
}

.sks-dropzone.dragover{
    background:#eef3ff;
    border-color:#4a5bdc;
}

.sks-drop-icon{
    font-size:44px;
    margin-bottom:10px;
}

.sks-drop-main{
    font-size:18px;
    margin-bottom:10px;
}

.sks-drop-meta{
    font-size:14px;
    color:#555;
    margin:15px 0;
}

.sks-drop-btn{
    background:#ffffff;
    border:1px solid #cfd6e4;
    padding:10px 22px;
    border-radius:999px;
    cursor:pointer;
    font-weight:600;
}

.sks-drop-list{
    list-style:none;
    padding:0;
    margin-top:15px;
}

.sks-drop-list li{
    font-size:14px;
    margin-top:6px;
    color:#2d7a2d;
}

.sks-hidden{
    display:none!important;
}

.sks-upload-card{
    border:1px solid #e1e5ee;
    border-radius:20px;
    background:#f9fbff;
    padding:24px;
    margin:25px 0;
}

.sks-upload-header{
    display:flex;
    gap:14px;
    align-items:center;
    margin-bottom:18px;
}

.sks-upload-icon{
    font-size:34px;
}

.sks-upload-title{
    font-size:18px;
    font-weight:600;
}

.sks-upload-subtitle{
    font-size:14px;
    color:#666;
}

.sks-upload-drop{
    border:2px dashed #cfd6e4;
    border-radius:16px;
    padding:28px;
    text-align:center;
    background:#fff;
    transition:.2s;
}

.sks-upload-drop.dragover{
    background:#eef3ff;
    border-color:#4a5bdc;
}

.sks-upload-meta{
    font-size:13px;
    color:#666;
    margin:8px 0 16px;
}

.sks-upload-btn{
    background:#fff;
    border:1px solid #cfd6e4;
    padding:10px 24px;
    border-radius:999px;
    font-weight:600;
    cursor:pointer;
}

.sks-upload-list{
    list-style:none;
    padding:0;
    margin:18px 0 8px;
}

.sks-upload-list li{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#fff;
    border:1px solid #e1e5ee;
    padding:10px 14px;
    border-radius:12px;
    font-size:14px;
    margin-bottom:8px;
}

.sks-upload-remove{
    cursor:pointer;
    font-weight:bold;
    color:#999;
}

.sks-upload-remove:hover{
    color:#000;
}

.sks-upload-counter{
    font-size:13px;
    color:#555;
    margin-top:6px;
}

/* === KROK 3 – POLA FORMULARZA === */
.sks-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 20px;
}

.sks-form-row {
    display: flex;
    flex-direction: column;
}

.sks-form-row.full {
    grid-column: 1 / -1;
}

.sks-form-row label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 6px;
    color: #333;
}

.sks-form-row input,
.sks-form-row select {
    height: 44px;
    padding: 10px 14px;
    border-radius: 12px;
    border: 1px solid #cfd6e4;
    font-size: 15px;
    background: #fff;
    transition: border .2s, box-shadow .2s;
}

.sks-form-row input:focus,
.sks-form-row select:focus {
    outline: none;
    border-color: #405AA7;
    box-shadow: 0 0 0 3px rgba(64,90,167,.12);
}

.sks-form-grid .sks-form-row.full select {
    width: 100%;
    max-width: none !important;
}

/* FIX: obcinanie buttona w formularzu */
.sks-box form {
    overflow: visible !important;
}

/* OSTATECZNY FIX: button submit */
.sks-box button[type="submit"] {
    overflow: visible !important;
    line-height: normal !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 56px;
    padding-top: 14px;
    padding-bottom: 14px;
}

.sks-pdf-buttons{
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
}

.sks-download-btn{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;

    padding: 10px 22px;
    border-radius: 999px;

    border: 1px solid #cfd6e4;
    background: #ffffff;

    font-size: 15px;
    font-weight: 600;
    color: #333;
    text-decoration: none;

    transition: all .2s ease;
}

.sks-download-btn:hover{
    background: #f3f6ff;
    border-color: #405AA7;
    color: #405AA7;
}

/* === KROK 1 – LISTA PDF === */
.sks-pdf-list{
    list-style:none;
    padding:0;
    margin:20px 0;
    border:1px solid #e1e5ee;
    border-radius:14px;
    overflow:hidden;
}

.sks-pdf-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 18px;
    background:#fff;
    border-bottom:1px solid #eef1f7;
}

.sks-pdf-row:last-child{
    border-bottom:none;
}

.sks-pdf-info{
    font-size:15px;
    font-weight:500;
    color:#333;
}

/* Pobierz */
.sks-download-btn{
    padding:8px 18px;
    border-radius:999px;
    border:1px solid #cfd6e4;
    background:#fff;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    color:#405AA7;
    transition:.2s;
}

.sks-download-btn:hover{
    background:#eef3ff;
    border-color:#405AA7;
}

.sks-next-btn{
    padding:14px 34px;
    border-radius:999px;
    border:none;
    background:linear-gradient(135deg,#552F6C,#405AA7);
    color:#fff;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    transition:.25s;
}

.sks-next-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(64,90,167,.25);
}

.sks-icon{
    font-size:18px;
    margin-right:8px;
    vertical-align:middle;
}

.sks-nav{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:30px;
}

.sks-back-btn{
    background:none;
    border:none;
    color:#405AA7;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
}

.sks-back-btn:hover{
    text-decoration:underline;
}

/* =========================================
   WYBÓR ONLINE / STACJONARNE
========================================= */

.sks-choice-wrap{
    margin:40px 0;
}

.sks-choice-heading h3{
    font-size:21px;
    font-weight:500;
    margin-bottom:6px;
}

.sks-choice-heading p{
    font-size:14px;
    color:#555;
    margin-bottom:30px;
}

.sks-choice-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.sks-choice-tile{
    background:#f2f2f2;
    border-radius:24px;
    padding:60px 40px;
    text-align:center;
    text-decoration:none;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    transition:.35s;
    box-shadow:0 6px 20px rgba(0,0,0,.05);
}

.sks-choice-icon{
    font-size:38px;
    color:#552F6C;
    margin-bottom:16px;
}

.sks-choice-label{
    font-size:18px;
    font-weight:500;
}

.sks-choice-tile:hover{
    background:linear-gradient(90deg,#552F6C,#405AA7);
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(64,90,167,.25);
}

.sks-choice-tile:hover .sks-choice-label,
.sks-choice-tile:hover .sks-choice-icon{
    color:#ffffff;
}

/* === ELEMENTOR OVERFLOW FIX === */
.sks-box,
.sks-box form,
.sks-box form .elementor-widget-container{
    overflow:visible !important;
}

/* === TILE LINK FIX === */
.sks-choice-tile,
.sks-choice-tile:hover,
.sks-choice-tile:focus,
.sks-choice-tile:active{
    text-decoration:none !important;
}

/* === STATUS BOX FIX === */
.sks-status-container{
    max-width:800px;
    margin:20px 0;
    background:#fafafa;
    border:1px solid #ddd;
    border-radius:12px;
    padding:30px;
}

.sks-status-body{
    display:flex;
    gap:30px;
    align-items:flex-start;
}

/* === ICON ALIGN FIX === */
.sks-icon{
    font-size:18px;
    margin-right:8px;
    vertical-align:middle;
}

/* === FINAL TILE STYLE – 1.7.1 === */
.sks-choice-tile{
    background:#ffffff;
    border-radius:18px;
    padding:45px 30px;
    text-align:center;
    text-decoration:none;
    color:#000;
    border:1px solid #e6e9f2;
    box-shadow:0 6px 18px rgba(0,0,0,0.08);
    transition:all .25s ease;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

/* === STATUS HEADER – 3 COLUMNS (1.7.1) === */
.sks-status-header{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:20px;
    margin-bottom:25px;
}

/* === STATUS TEXT FLEX FIX === */
.sks-status-text{
    flex:1;
}

/* === TIMELINE WIDTH FIX === */
.sks-status-timeline{
    width:200px;
    position:relative;
    padding-left:25px;
}

/* === STATUS TEXT FLEX === */
.sks-status-text{
    flex:1;
    color:#555;
}

/* === TIMELINE WIDTH === */
.sks-status-timeline{
    width:200px;
    position:relative;
    padding-left:25px;
}

/* === PDF LIST LAST ROW === */
.sks-pdf-row:last-child{
    border-bottom:none;
}

/* === GRID FULL FIX === */
.sks-form-grid .sks-form-row.full{
    grid-column:1 / -1 !important;
}

/* === UPLOAD LIST MARGIN === */
.sks-upload-list{
    margin:18px 0 8px;
}

/* ======================================================
   TRACKING STATUS
====================================================== */

.sks-track-card{
    background:#fff;
    border-radius:24px;
    padding:24px 28px;
    border:1px solid #e5e7eb;
    font-family:'Alexandria', sans-serif;
}

.sks-track-top{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:28px;
}

.sks-track-line{
    position:absolute;
    top:50%;
    left:0;
    right:0;
    height:2px;
    background:#d1d5db;
    transform:translateY(-50%);
}

.sks-track-step{
    position:relative;
    z-index:2;
}

.sks-track-step span{
    width:18px;
    height:18px;
    background:#d1d5db;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    transition:.25s ease;
}

.sks-track-step.done span{
    background:#552F6C;
}

.sks-track-step.current span{
    width:54px;
    height:54px;
    background:#552F6C;
}

.sks-track-step.current i{
    font-size:20px;
    color:#fff;
}

.sks-track-step:not(.current) i{
    display:none;
}

.sks-track-content h2{
    font-size:26px;
    letter-spacing:-0.5px;
    line-height:1.1;
    margin-bottom:18px;
    color:#111827;
    font-family:'Alexandria', sans-serif;
    font-weight:800;
    text-transform:uppercase;
}

.sks-track-desc{
    font-size:15px;
    line-height:1.7;
    color:#4b5563;
    margin-bottom:24px;
    font-family:'Alexandria', sans-serif;
    font-weight:400;
}

.sks-track-training{
    margin-bottom:26px;
    font-family:'Alexandria', sans-serif;
}

.sks-track-training span{
    display:block;
    font-size:12px;
    color:#6b7280;
    margin-bottom:6px;
    text-transform:uppercase;
    letter-spacing:.3px;
    font-weight:500;
}

.sks-track-training strong{
    font-size:16px;
    line-height:1.5;
    color:#111827;
    font-weight:700;
}

.sks-track-toggle{
    width:100%;
    border:none;
    background:#f3f4f6;
    border-radius:12px;
    padding:16px 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    transition:.2s ease;
    font-family:'Alexandria', sans-serif;
    color:#111827;
}

.sks-track-toggle:hover{
    background:#eceff3;
}

.sks-track-toggle span{
    font-size:22px;
    line-height:1;
    font-weight:400;
}

.sks-track-history{
    display:none;
    padding-top:28px;
}

.sks-track-history.open{
    display:block;
}

.sks-track-item{
    position:relative;
    display:flex;
    gap:18px;
    margin-bottom:28px;
}

.sks-track-item:last-child{
    margin-bottom:0;
}

.sks-track-item:before{
    content:'';
    position:absolute;
    left:6px;
    top:24px;
    width:2px;
    height:calc(100% + 10px);
    background:#d1d5db;
}

.sks-track-item:last-child:before{
    display:none;
}

.sks-track-item .dot{
    width:14px;
    height:14px;
    background:#552F6C;
    margin-top:4px;
    flex-shrink:0;
}

.sks-track-item strong{
    display:block;
    font-size:15px;
    font-weight:700;
    color:#111827;
    line-height:1.5;
    font-family:'Alexandria', sans-serif;
}

.sks-track-item .date{
    margin-top:4px;
    font-size:13px;
    color:#6b7280;
    font-family:'Alexandria', sans-serif;
}

/* ======================================================
   MOBILE
====================================================== */

@media (max-width:768px){

    .sks-track-card{
        padding:22px 18px;
        border-radius:18px;
    }

    .sks-track-content h2{
        font-size:22px;
    }

    .sks-track-desc{
        font-size:14px;
    }

    .sks-track-toggle{
        font-size:14px;
        padding:14px 16px;
    }

    .sks-track-training strong{
        font-size:15px;
    }

    .sks-track-item strong{
        font-size:14px;
    }
}

.sks-track-date{
    display:block;
    font-size:13px;
    color:#6b7280;
    margin-top:6px;
    font-weight:400;
    line-height:1.5;
}

.sks-notify-link{
    background: linear-gradient(135deg,#552F6C,#405AA7);
    color:#fff !important;
    padding:10px 18px;
    border-radius:999px;
    text-decoration:none;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:0.2s ease;
}

.sks-notify-link:hover{
    transform:translateY(-1px);
    opacity:.92;
}