.ezan-mb-wrap,.ezan-mb-card{max-width:1050px;margin:30px auto;font-family:Arial,sans-serif;color:#26352d}.ezan-mb-card,.ezan-mb-student{background:#fff;border:1px solid #dde5e0;border-radius:16px;padding:24px;box-shadow:0 5px 20px rgba(0,0,0,.05)}.ezan-mb-badge{display:inline-block;background:#1a7f50;color:#fff;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.08em}.ezan-mb-head h1{margin:10px 0 3px}.ezan-mb-children{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.ezan-mb-children a{padding:11px 16px;border:1px solid #cad7cf;border-radius:10px;text-decoration:none;color:#254132;background:#fff}.ezan-mb-children a.active{background:#1a7f50;color:#fff}.ezan-mb-student{margin:18px 0}.ezan-mb-student h2{margin:0 0 7px}.ezan-mb-btn{display:inline-block;background:#1a7f50;color:#fff!important;padding:12px 18px;border-radius:9px;text-decoration:none;font-weight:700}.ezan-mb-panel{border:1px solid #d9e0dc;border-radius:14px;margin:14px 0;overflow:hidden;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.04)}.ezan-mb-panel summary{list-style:none;cursor:pointer;padding:19px 21px;display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:18px}.ezan-mb-panel summary::-webkit-details-marker{display:none}.ezan-mb-panel summary:after{content:'+';font-size:25px;margin-left:12px}.ezan-mb-panel[open] summary:after{content:'−'}.ezan-mb-panel summary b{margin-left:auto;background:rgba(255,255,255,.8);padding:4px 10px;border-radius:999px;font-size:14px}.ezan-mb-panel.previous summary{background:#e7eaec}.ezan-mb-panel.learned summary{background:#dff3e6;color:#145c34}.ezan-mb-panel.learning summary{background:#fff0c9;color:#715000}.ezan-mb-panel-body{padding:6px 21px 22px}.ezan-mb-category h4{margin:20px 0 8px;border-bottom:1px solid #e5e9e6;padding-bottom:7px}.ezan-mb-list{display:grid;gap:8px}.ezan-mb-line{display:flex;align-items:center;gap:9px;border:1px solid #e1e6e3;border-radius:9px;padding:10px 12px;background:#fff}.ezan-mb-check{font-weight:900;color:#1a7f50}.ezan-mb-verified{margin-left:auto;background:#1a7f50;color:#fff;border-radius:999px;padding:5px 9px;font-size:12px}.ezan-mb-empty-text{padding:14px;background:#f7f8f7;border-radius:9px;color:#67716b}@media(max-width:620px){.ezan-mb-panel summary{font-size:15px;padding:16px}.ezan-mb-line{align-items:flex-start;flex-wrap:wrap}.ezan-mb-verified{margin-left:25px}}

.ezan-mb-previous-table{border:1px solid #d9e0dc;border-radius:11px;overflow:hidden;background:#fff}
.ezan-mb-previous-head,.ezan-mb-previous-row{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:14px;align-items:center}
.ezan-mb-previous-head{padding:12px 14px;background:#e7eaec;font-weight:800}
.ezan-mb-previous-head span:last-child{text-align:center}
.ezan-mb-previous-row{padding:11px 14px;border-top:1px solid #e3e7e4}
.ezan-mb-confirm-box{justify-self:center;width:24px;height:24px;border:2px solid #8b9690;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;line-height:1;background:#fff}
.ezan-mb-confirm-box.is-checked{background:#1a7f50;border-color:#1a7f50;color:#fff}
@media(max-width:620px){
  .ezan-mb-previous-head,.ezan-mb-previous-row{grid-template-columns:minmax(0,1fr) 125px;gap:8px}
  .ezan-mb-previous-head,.ezan-mb-previous-row{padding-left:11px;padding-right:11px}
  .ezan-mb-previous-head{font-size:13px}
}

.ezan-mb-language-switch{display:flex;justify-content:flex-end;gap:8px;margin:0 0 14px}
.ezan-mb-language-switch a{display:inline-block;padding:8px 13px;border:1px solid #166044;border-radius:999px;color:#166044;text-decoration:none;font-size:12px;font-weight:800;background:#fff}
.ezan-mb-language-switch a.active{background:#166044;color:#fff}


/* Frontend parent login */
.ezan-mb-login-form{
    display:grid;
    gap:14px;
    margin-top:18px;
}
.ezan-mb-login-form label{
    display:grid;
    gap:6px;
    font-weight:700;
}
.ezan-mb-login-form input[type="text"],
.ezan-mb-login-form input[type="password"]{
    width:100%;
    padding:12px 14px;
    border:1px solid #cfd4dc;
    border-radius:8px;
    background:#fff;
    color:#111;
    font-size:16px;
}
.ezan-mb-login-form input:focus{
    border-color:#1d5f46;
    outline:2px solid rgba(29,95,70,.15);
}
.ezan-mb-login-form .ezan-mb-remember{
    display:flex;
    align-items:center;
    gap:8px;
    font-weight:600;
}
.ezan-mb-login-error{
    padding:11px 13px;
    border-left:4px solid #b42318;
    border-radius:6px;
    background:#fff1f0;
    color:#8a1c13;
    font-weight:700;
}
.ezan-mb-login-form .ezan-mb-btn{
    border:0;
    cursor:pointer;
}


/* v1.0.13 – početni izbor djeteta */
.ezan-mb-children-selector{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:14px;
    margin-top:22px;
}
.ezan-mb-children-selector a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:64px;
    padding:16px 18px;
    border-radius:10px;
    background:#1f2933;
    color:#ffffff !important;
    font-size:16px;
    font-weight:700;
    text-decoration:none !important;
    text-align:center;
}
.ezan-mb-children-selector a:hover,
.ezan-mb-children-selector a:focus{
    background:#111820;
    color:#ffffff !important;
}


/* v1.0.14 – jezik i odjava uvijek dostupni */
.ezan-mb-topbar{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
    margin:0 0 18px;
}
.ezan-mb-topbar .ezan-mb-language-switch{
    margin:0;
}
.ezan-mb-signout{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 14px;
    border:1px solid #1f2933;
    border-radius:999px;
    background:#1f2933;
    color:#ffffff !important;
    text-decoration:none !important;
    font-size:12px;
    font-weight:800;
    line-height:1.2;
}
.ezan-mb-signout:hover,
.ezan-mb-signout:focus{
    background:#111820;
    border-color:#111820;
    color:#ffffff !important;
}
@media(max-width:620px){
    .ezan-mb-topbar{
        justify-content:space-between;
        align-items:flex-start;
    }
}
