@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@400;700&display=swap');
.nthwed-calendar{display:flex;flex-wrap:wrap;gap:1rem;font-family:'Alumni Sans',sans-serif}
.nthwed-item{border:2px solid #000;border-radius:12px;padding:1rem;text-align:center;width:220px;transition:transform .2s}
.nthwed-item:hover{transform:translateY(-4px)}
.nthwed-item .nthwed-date{color:var(--date-color,#000);font-size:1.1rem;margin-bottom:.3rem;display:block}
.nthwed-item .nthwed-cap{color:var(--cap-color,#EC6907);font-size:.9rem}
.available{background:#fff;border-color:#EC6907}
.full{background:#f5f5f5;border-color:#777}
.nthwed-btn{margin-top:.6rem;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;background:var(--btn-bg,#EC6907);color:var(--btn-color,#fff);font-weight:700}
@media(max-width:600px){.nthwed-item{width:100%;}}
.nthwed-form-wrap{border:1px solid #ccc;border-radius:12px;padding:1rem;margin-top:1rem;max-width:300px;background:#fff}
.nthwed-form-wrap input, .nthwed-form-wrap button{width:100%;margin-bottom:.5rem;padding:.5rem;border:1px solid #ccc;border-radius:6px}
.nthwed-form-wrap button{background:#EC6907;color:#fff;font-weight:700;border:none}


.nthwed-item{display:flex;flex-direction:column;align-items:center;justify-content:center}
.nthwed-date,.nthwed-cap{display:block;width:100%}


/* === Popup overlay & okno ====================================== */
#nthwed-overlay{
    position:fixed; inset:0;              /* full-screen */
    display:flex; align-items:center; justify-content:center;
    background:rgba(0,0,0,.6); z-index:9999;
    font-family:'Alumni Sans',sans-serif;
}
#nthwed-popup{
    position:relative;
    background:#fff; border-radius:12px;
    padding:1.2rem; width:90%; max-width:340px;
    color:#000;
}
#nthwed-popup .close{position:absolute;top:8px;right:12px;cursor:pointer;font-weight:700}
#nthwed-popup button{
    background:#EC6907; color:#fff; font-weight:700;
    border:none; border-radius:6px; padding:.6rem 1rem; width:100%;
}

/* === Mobile: popup na celú výšku/šírku ========================== */
@media(max-width:600px){
    #nthwed-popup{width:100%;height:100%;max-width:none;border-radius:0;display:flex;flex-direction:column;justify-content:center}
}

.nthwed-time{font-weight:400;}

/* === Desktop 1.2x scaling (excludes popup) ================================= */
@media (min-width: 1024px){
    .nthwed-calendar{gap:1.2rem;}
    .nthwed-item{
        width:264px;
        padding:1.2rem;
        border-radius:14.4px;
    }
    .nthwed-item .nthwed-date{font-size:1.32rem;}
    .nthwed-item .nthwed-cap{font-size:1.08rem;}
    .nthwed-btn{
        margin-top:0.72rem;
        padding:0.6rem 1.2rem;
        font-size:1.2rem;
    }
    .nthwed-form-wrap{
        padding:1.2rem;
        margin-top:1.2rem;
        max-width:360px;
    }
    .nthwed-form-wrap input,
    .nthwed-form-wrap button{
        padding:0.6rem;
        font-size:1.2rem;
    }
}
