/* jekcms Quiz — tema bağımsız gömme.
   Renkler temanın CSS değişkenlerinden miras alınır; yoksa nötr değerlere düşer,
   böylece 14 temanın hepsinde makul görünür ve hiçbirinin paletini ezmez. */
.jek-quiz {
    --jq-bg:      var(--card-bg, var(--surface, #fff));
    --jq-fg:      var(--text-color, var(--text, #1f2937));
    --jq-muted:   var(--text-muted, #6b7280);
    --jq-line:    var(--border-color, #e5e7eb);
    --jq-accent:  var(--primary-color, var(--accent, #2563eb));
    --jq-ok:      #059669;
    --jq-no:      #dc2626;
    background: var(--jq-bg);
    color: var(--jq-fg);
    border: 1px solid var(--jq-line);
    border-radius: 14px;
    padding: 1.25rem 1.25rem 1.5rem;
    margin: 2rem 0;
    font-size: 1rem;
    line-height: 1.6;
}
.jek-quiz__head { margin-bottom: .9rem; }
.jek-quiz__title { margin: 0 0 .35rem; font-size: 1.25rem; line-height: 1.3; }
.jek-quiz__desc { margin: 0; color: var(--jq-muted); font-size: .95rem; }

.jek-quiz__progress { height: 4px; background: var(--jq-line); border-radius: 4px; overflow: hidden; margin: 0 0 1.1rem; }
.jek-quiz__bar { height: 100%; background: var(--jq-accent); transition: width .25s ease; }

.jek-quiz__q { margin: 0 0 .9rem; font-weight: 600; }
.jek-quiz__step { color: var(--jq-muted); font-size: .85rem; font-weight: 500; display: block; margin-bottom: .3rem; }
.jek-quiz__qimg, .jek-quiz__rimg { max-width: 100%; height: auto; border-radius: 10px; margin: 0 0 .9rem; display: block; }

.jek-quiz__answers { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.jek-quiz__answer {
    display: flex; align-items: center; gap: .6rem;
    width: 100%; text-align: left;
    background: transparent; color: inherit; font: inherit;
    border: 1px solid var(--jq-line); border-radius: 10px;
    padding: .7rem .85rem; cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}
.jek-quiz__answer:hover:not(:disabled) { border-color: var(--jq-accent); }
.jek-quiz__answer:focus-visible { outline: 2px solid var(--jq-accent); outline-offset: 2px; }
.jek-quiz__answer[aria-pressed="true"] { border-color: var(--jq-accent); background: color-mix(in srgb, var(--jq-accent) 8%, transparent); }
.jek-quiz__answer img { width: 44px; height: 44px; object-fit: cover; border-radius: 8px; flex: 0 0 auto; }

.jek-quiz__actions { margin-top: 1rem; display: flex; gap: .6rem; align-items: center; }
.jek-quiz__btn {
    font: inherit; font-weight: 600;
    background: var(--jq-accent); color: #fff;
    border: 0; border-radius: 9px; padding: .6rem 1.15rem; cursor: pointer;
}
.jek-quiz__btn[disabled] { opacity: .5; cursor: not-allowed; }
.jek-quiz__btn--ghost { background: transparent; color: var(--jq-accent); border: 1px solid var(--jq-line); }
.jek-quiz__hint { color: var(--jq-muted); font-size: .875rem; }

.jek-quiz__result { text-align: center; padding: .5rem 0; }
.jek-quiz__score { font-size: 2.1rem; font-weight: 800; line-height: 1.1; }
.jek-quiz__score small { display: block; font-size: .9rem; font-weight: 500; color: var(--jq-muted); margin-top: .25rem; }
.jek-quiz__rtitle { margin: .9rem 0 .35rem; font-size: 1.15rem; }
.jek-quiz__rdesc { margin: 0 0 1rem; color: var(--jq-muted); }

.jek-quiz__review { list-style: none; margin: 1.2rem 0 0; padding: 0; display: grid; gap: .5rem; text-align: left; }
.jek-quiz__review li { border: 1px solid var(--jq-line); border-radius: 9px; padding: .55rem .75rem; font-size: .92rem; }
.jek-quiz__review li[data-ok="1"] { border-color: color-mix(in srgb, var(--jq-ok) 45%, var(--jq-line)); }
.jek-quiz__review li[data-ok="0"] { border-color: color-mix(in srgb, var(--jq-no) 45%, var(--jq-line)); }
.jek-quiz__mark { font-weight: 700; margin-right: .4rem; }
.jek-quiz__mark--ok { color: var(--jq-ok); }
.jek-quiz__mark--no { color: var(--jq-no); }

.jek-quiz__noscript, .jek-quiz__error { color: var(--jq-no); font-size: .95rem; }

@media (prefers-color-scheme: dark) {
    .jek-quiz { --jq-bg: var(--card-bg, #111827); --jq-fg: var(--text-color, #e5e7eb); --jq-line: var(--border-color, #374151); }
}
@media print { .jek-quiz { display: none; } }