.mzq-shell{--mzq-primary:var(--mrazen-primary,#ff7a00);--mzq-border:var(--mrazen-border,#e6eaf0);--mzq-bg:var(--mrazen-bg,#fff);--mzq-text:var(--mrazen-text,#374151);max-width:900px;margin:20px auto;color:var(--mzq-text);font:inherit}.mzq-card{background:var(--mzq-bg);border:1px solid var(--mzq-border);border-radius:var(--mrazen-radius,10px);padding:clamp(18px,3vw,32px);box-shadow:0 8px 30px rgba(0,0,0,.05)}.mzq-card label{display:block;font-weight:600;margin:0 0 14px}.mzq-card input{width:100%;box-sizing:border-box;margin-top:6px;padding:11px 12px;border:1px solid var(--mzq-border);border-radius:6px}.mzq-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mzq-help{font-size:.9em;opacity:.75}.mzq-message{margin-top:10px;color:#b42318}.mzq-progress,.mzq-score{font-size:.9em;opacity:.7}.mzq-question-text{font-size:clamp(24px,4vw,42px);line-height:1.1}.mzq-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.mzq-answer-grid button{padding:18px;border:1px solid var(--mzq-border);background:#fff;color:var(--mzq-text)!important;-webkit-text-fill-color:var(--mzq-text);border-radius:10px;cursor:pointer;font:inherit;font-weight:700;text-align:left;opacity:1}.mzq-answer-grid button:hover{border-color:var(--mzq-primary)}.mzq-result{margin-top:16px;padding:12px 14px;border-radius:8px;background:#f3f4f6;font-weight:700}.mzq-result.is-ok{background:#ecfdf3}.mzq-wait{text-align:center}.mzq-pulse{width:16px;height:16px;border-radius:50%;background:var(--mzq-primary);margin:0 auto 14px;animation:mzqp 1.2s infinite}@keyframes mzqp{50%{opacity:.25;transform:scale(.75)}}.mzq-leaderboard{padding-left:24px}.mzq-leaderboard li{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid var(--mzq-border)}.mzq-host-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.mzq-pin-display{font-size:28px;font-weight:800;color:var(--mzq-primary)}.mzq-host-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.mzq-host-panel .is-correct{font-weight:800;color:#067647}@media(max-width:640px){.mzq-contact-row,.mzq-answer-grid{grid-template-columns:1fr}.mzq-host-top{display:block}.mzq-pin-display{margin-top:10px}}

.mzq-answer-grid button:disabled{color:var(--mzq-text)!important;-webkit-text-fill-color:var(--mzq-text);opacity:.72}


/* 0.1.2: hard reset for answer labels against aggressive theme/button styles */
.mzq-answer-grid button,
.mzq-answer-grid button:hover,
.mzq-answer-grid button:focus,
.mzq-answer-grid button:active,
.mzq-answer-grid button:visited,
.mzq-answer-grid button:disabled,
.mzq-answer-grid button *,
.mzq-answer-grid button:hover *,
.mzq-answer-grid button:focus *,
.mzq-answer-grid button:active *,
.mzq-answer-grid button:disabled * {
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
    font-size: inherit !important;
    line-height: 1.35 !important;
    mix-blend-mode: normal !important;
    filter: none !important;
}

.mzq-answer-grid button {
    background: #ffffff !important;
    border-color: #dfe5ee !important;
}

.mzq-answer-grid button:hover,
.mzq-answer-grid button:focus {
    background: #f8fafc !important;
}

.mzq-answer-grid button.mzq-selected,
.mzq-answer-grid button[aria-pressed="true"] {
    border-color: #ff6b00 !important;
}

/* 0.1.3: dodatna specifičnost za Elementor/Hello button pravila */
html body .mzq-shell .mzq-card .mzq-answer-grid > button[data-a] {
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    background-color:#ffffff !important;
    opacity:1 !important;
    visibility:visible !important;
}
html body .mzq-shell .mzq-card .mzq-answer-grid > button[data-a]:disabled {
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    opacity:.72 !important;
}


/* 0.1.4 — jasniji Host prikaz pitanja i odgovora */
.mzq-host-question{
    margin-top:18px;
    padding:18px;
    border:1px solid var(--mzq-border);
    border-radius:12px;
    background:#fff;
}
.mzq-host-question-kicker{
    margin-bottom:8px;
    color:#6b7280;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.mzq-host-question h3{
    margin:0 0 16px;
    font-size:24px;
    line-height:1.25;
}
.mzq-host-answers{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.mzq-host-answer{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:48px;
    padding:10px 12px;
    border:1px solid #dfe5ee;
    border-radius:9px;
    background:#fff;
}
.mzq-host-answer-letter{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    flex:0 0 30px;
    border-radius:50%;
    background:#eef2f7;
    font-weight:800;
}
.mzq-host-answer-text{flex:1}
.mzq-host-answer.is-correct{
    border-color:#16a34a;
    background:#f0fdf4;
}
.mzq-host-answer.is-correct .mzq-host-answer-letter{
    background:#16a34a;
    color:#fff;
}
.mzq-host-answer-correct{
    color:#15803d;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
}
@media(max-width:767px){
    .mzq-host-answers{grid-template-columns:1fr}
}


/* 0.1.5 — Player i Host koriste isti A–D model odgovora */
.mzq-answer-grid button{
    display:flex !important;
    align-items:center;
    gap:12px;
}
.mzq-player-answer-letter{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    flex:0 0 30px;
    border-radius:50%;
    background:#eef2f7;
    color:#334155 !important;
    -webkit-text-fill-color:#334155 !important;
    font-weight:800;
}
.mzq-player-answer-text{
    flex:1;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
}
.mzq-answer-grid button.is-selected{
    border-color:#f97316 !important;
    background:#fff7ed !important;
}
.mzq-answer-grid button.is-selected .mzq-player-answer-letter{
    background:#f97316;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}
.mzq-wait-result{
    background:#f8fafc;
    border-color:#cbd5e1;
}
.mzq-player-answer-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:14px;
}
.mzq-player-answer{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:48px;
    padding:10px 12px;
    border:1px solid #dfe5ee;
    border-radius:9px;
    background:#fff;
}
.mzq-player-answer.is-correct{
    border-color:#16a34a;
    background:#f0fdf4;
}
.mzq-player-answer.is-correct .mzq-player-answer-letter{
    background:#16a34a;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}
.mzq-player-answer.is-wrong{
    border-color:#dc2626;
    background:#fef2f2;
}
.mzq-player-answer.is-wrong .mzq-player-answer-letter{
    background:#dc2626;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}
.mzq-player-answer-mark{
    margin-left:auto;
    color:#15803d;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
}
.mzq-player-answer-mark.is-wrong{
    color:#b91c1c;
}
@media(max-width:767px){
    .mzq-player-answer-list{grid-template-columns:1fr}
}


/* 0.1.7 — naslovna slika kviza */
.mzq-cover{
    margin:-6px 0 22px;
    overflow:hidden;
    border-radius:10px;
    background:#f8fafc;
}
.mzq-cover img{
    display:block;
    width:100%;
    max-height:360px;
    object-fit:contain;
    object-position:center;
}

/* Nova Live sesija je odvojena od kontrola aktivnog kviza */
.mzq-host-create-row{
    display:flex;
    justify-content:flex-end;
    margin:0 0 8px;
}
.mzq-host-create-link{
    appearance:none;
    border:0 !important;
    background:transparent !important;
    color:#64748b !important;
    -webkit-text-fill-color:#64748b !important;
    padding:4px 2px !important;
    font:inherit;
    font-size:13px;
    font-weight:600;
    text-decoration:underline;
    text-underline-offset:3px;
    cursor:pointer;
    box-shadow:none !important;
}
.mzq-host-create-link:hover,
.mzq-host-create-link:focus{
    color:#dc2626 !important;
    -webkit-text-fill-color:#dc2626 !important;
    background:transparent !important;
}


/* 0.1.9 — univerzalna Host konzola */
.mzq-host-selector{
    margin:0 0 10px;
    padding:12px 14px;
    border:1px solid #dfe5ee;
    border-radius:10px;
    background:#f8fafc;
}
.mzq-host-selector label{display:block}
.mzq-host-selector select{
    display:block;
    width:100%;
    max-width:520px;
    margin-top:6px;
    padding:9px 11px;
    border:1px solid #cbd5e1;
    border-radius:7px;
    background:#fff;
}


/* 0.1.10 — opcionalna slika uz pitanje */
.mzq-question-image,
.mzq-host-question-image{
    margin:12px 0 18px;
    overflow:hidden;
    border-radius:10px;
    background:#f8fafc;
}
.mzq-question-image img,
.mzq-host-question-image img{
    display:block;
    width:100%;
    max-height:420px;
    object-fit:contain;
    object-position:center;
}
.mzq-host-question-image{
    max-width:760px;
}

/* 0.3.2 Community topic directory */
.mzi-topic-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:20px 0}.mzi-topic-filters label{display:grid;gap:4px}.mzi-topic-filters select{padding:8px}.mzi-topic-card{border:1px solid #e0e4e8;border-radius:12px;padding:20px;margin:12px 0}.mzi-topic-card h3{margin:8px 0}.mzi-topic-category,.mzi-topic-meta{color:#697481;font-size:.9em}.mzi-topic-pages{margin:22px 0;display:flex;gap:12px;flex-wrap:wrap}@media(max-width:600px){.mzi-topic-filters{display:grid}.mzi-topic-card{padding:14px}}

/* Community topic cards: independent of Elementor/theme typography */
.mzi-topics{border:1px solid #e1e5ea;border-radius:16px;padding:24px;max-width:100%;box-sizing:border-box}
.mzi-topics>h2{font-size:clamp(24px,3vw,34px);margin:0 0 8px}
.mzi-topics>p{color:#68727d;margin:0 0 16px}
.mzi-topics .mzi-topic-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:18px 0;padding-bottom:20px;border-bottom:1px solid #e5e7eb}
.mzi-topics .mzi-topic-filters label{display:grid;gap:6px;flex:1 1 180px}
.mzi-topics .mzi-topic-filters select{width:100%;min-height:42px;border:1px solid #d7dce1;border-radius:8px;background:white}
.mzi-topics .mzi-topic-filters button{min-height:42px;border-radius:8px;cursor:pointer}
.mzi-topics .mzi-topic-card{display:block;border:1px solid #e1e5ea;border-radius:12px;padding:18px;margin:12px 0;background:#fff}
.mzi-topics .mzi-topic-card h3{font-size:19px;line-height:1.35;margin:6px 0}
.mzi-topics .mzi-topic-card h3 a{text-decoration:none;color:inherit}
.mzi-topics .mzi-topic-card h3 a:hover,.mzi-topics .mzi-topic-open:hover{text-decoration:underline}
.mzi-topics .mzi-topic-card p{margin:5px 0 12px;color:#626b75}
.mzi-topics .mzi-topic-category{font-size:13px;color:#6b7280}
.mzi-topics .mzi-topic-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;color:#6b7280}
.mzi-topics .mzi-topic-open{text-decoration:none;color:inherit}
.mzi-discussion-single{max-width:100%;box-sizing:border-box}
@media(max-width:600px){.mzi-topics{padding:14px}.mzi-topics .mzi-topic-filters{display:grid}.mzi-topics .mzi-topic-card{padding:14px}}