/*
Theme Name: 10Pirs Theme
Author: 10Pirs Project
Description: 10Pirs Kurmancî bilgi yarışması için bağımsız, uygulama görünümlü WordPress teması. 10Pirs Core eklentisiyle çalışır.
Version: 1.5.18
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: zana-theme
*/
:root{color-scheme:dark;--zana-navy:#071d33;--zana-teal:#FFC107;--zana-gold:#FFC107}
*,*::before,*::after{box-sizing:border-box}
html{min-height:100%;background:var(--zana-navy)}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse 850px 480px at 50% -15%,#123d5e 0,transparent 80%),#071d33;color:#edf5fa;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
a{color:#FFC107}
:focus-visible{outline:3px solid #FFDB66;outline-offset:3px}
.zana-site{width:100%;min-height:100dvh}
.zana-site .zana-wp-content{width:min(920px,calc(100% - 32px));margin:0 auto;padding:40px 0 80px}
.zana-site .zana-wp-content h1{font-size:clamp(26px,4vw,42px);margin:0 0 20px}
.zana-site .zana-wp-content a{color:#FFC107}
.zana-site .zana-wp-content:not(.zana-quiz-content){background:#0d2b49;border-radius:20px;padding:32px;margin-top:44px}
.zana-site .zana-wp-content.zana-quiz-content{padding:0;width:100%;background:transparent}
.zana-fallback{max-width:560px;margin:12vh auto;background:#123a57;border-radius:20px;padding:32px;text-align:center}
.zana-fallback h1{color:#FFE082}
@media(max-width:540px){.zana-site .zana-wp-content:not(.zana-quiz-content){margin:12px auto;padding:22px}}

/* v1.2 — comfortable informational reading and usable links */
.zana-site .zana-wp-content:not(.zana-quiz-content){line-height:1.75;overflow-wrap:anywhere}
.zana-site .zana-wp-content:not(.zana-quiz-content) a{text-decoration:underline;text-underline-offset:3px}
.zana-site .zana-wp-content:not(.zana-quiz-content) p{max-width:72ch}
html.kpd-mode-light .zana-site .zana-wp-content:not(.zana-quiz-content){background:#fff;color:#193a53}
html.kpd-mode-light .zana-site .zana-wp-content:not(.zana-quiz-content) a{color:#805709}
@media(max-width:540px){.zana-site .zana-wp-content:not(.zana-quiz-content){width:calc(100% - 24px)}}
.zana-site .zana-wp-content .zana-back-home{border-top:1px solid #3a5870;padding-top:20px;margin-top:30px;font-weight:650}

/* 10Pirs 1.3.0: deep-navy + gold, with readable accessible links. */
.zana-site .zana-wp-content a,.zana-site .zana-wp-content:not(.zana-quiz-content) a{color:#FFD54F}
html.kpd-mode-light .zana-site .zana-wp-content:not(.zana-quiz-content) a{color:#805709}

/* v1.3.2 — quiet, branded copyright footer */
.zana-footer{width:100%;padding:0 clamp(16px,3vw,28px) 22px;color:#9ab0c3}
.zana-footer-inner{width:min(984px,100%);border-top:1px solid rgba(158,184,205,.23);margin:0 auto;padding-top:18px;display:flex;align-items:center;justify-content:flex-start;gap:15px;flex-wrap:wrap}
.zana-footer-brand{display:inline-flex;align-items:center;justify-content:flex-start;min-width:94px}
.zana-footer-logo{width:94px;height:auto;max-height:34px;object-fit:contain}
.zana-footer-logo-light{display:none}
.zana-footer small{font-size:12px;line-height:1.5;color:inherit}
html.kpd-mode-light .zana-footer{color:#647687}
html.kpd-mode-light .zana-footer-inner{border-top-color:rgba(40,71,96,.18)}
html.kpd-mode-light .zana-footer-logo-dark{display:none}
html.kpd-mode-light .zana-footer-logo-light{display:block}
@media(max-width:520px){.zana-footer{padding-bottom:18px}.zana-footer-inner{gap:10px;padding-top:13px}.zana-footer-logo{width:78px}.zana-footer small{font-size:11px}}

/* v1.3.3 — footer information links, responsive accessible information forms */
.zana-info-nav{width:min(984px,calc(100% - 32px));margin:0 auto 18px;display:flex;align-items:center;justify-content:center;gap:8px 12px;flex-wrap:wrap;text-align:center;line-height:1.6}
.zana-info-nav a{color:#c8d8e6;text-decoration:none;font-size:13px;text-underline-offset:4px}
.zana-info-nav a:hover,.zana-info-nav a:focus-visible{text-decoration:underline;color:#FFD54F}
.zana-info-sep{color:#6d8293}
html.kpd-mode-light .zana-info-nav a{color:#36546a}
html.kpd-mode-light .zana-info-nav a:hover{color:#75530e}
.zana-site .zana-wp-content:not(.zana-quiz-content) details{border-bottom:1px solid rgba(160,186,202,.24);padding:14px 0}
.zana-site .zana-wp-content:not(.zana-quiz-content) summary{cursor:pointer;font-weight:650;color:inherit}
.zana-site .zana-wp-content:not(.zana-quiz-content) details p{margin:12px 0 4px}
.kpd-public-form{display:grid;gap:16px;margin:22px 0;max-width:650px}
.kpd-public-form label{display:grid;gap:6px;font-size:14px;font-weight:650}
.kpd-public-form input:not([type=checkbox]),.kpd-public-form textarea,.kpd-public-form select{width:100%;border-radius:10px;min-height:46px;padding:11px 12px;border:1px solid #6b8498;background:#143958;color:#fff;font-weight:400}
.kpd-public-form textarea{resize:vertical}
.kpd-public-form button{background:#FFC107;color:#0e2a43;border:0;border-radius:12px;min-height:46px;padding:12px 20px;font-weight:750;cursor:pointer;justify-self:start}
.kpd-public-form button:disabled{opacity:.5;cursor:wait}
.kpd-public-form .kpd-form-check{display:flex;align-items:flex-start;flex-direction:row;gap:10px;font-weight:500;line-height:1.5}
.kpd-public-form .kpd-form-check input{margin-top:4px;width:18px;height:18px;flex-shrink:0}
.kpd-honeypot{position:absolute!important;left:-9999px!important;opacity:0;pointer-events:none}
.kpd-form-message{min-height:1.5em;font-size:14px}
html.kpd-mode-light .kpd-public-form input:not([type=checkbox]),html.kpd-mode-light .kpd-public-form textarea,html.kpd-mode-light .kpd-public-form select{background:#f3f7fb;color:#1d405a;border-color:#a6b7c3}
@media(max-width:560px){.zana-info-nav{gap:4px 8px;margin-bottom:14px}.zana-info-nav a{font-size:12px}}

html.kpd-mode-light body{background:#eef3f7;color:#193a53}

/* 10Pirs Theme 1.4.0 — one desktop grid for the header, panels and footer.
   Core keeps the entire mobile game/navigation behaviour. */
:root{--zana-layout-max:900px;--zana-panel-radius:20px}
.zana-site-header{width:100%;padding:0 16px;color:#edf5fa}
.zana-site-header-inner{width:min(var(--zana-layout-max),100%);min-height:90px;margin:0 auto;border-bottom:1px solid rgba(155,187,208,.28);display:flex;align-items:center;justify-content:space-between;gap:24px}
.zana-site-header-brand{display:inline-flex;flex:0 0 auto;align-items:center;text-decoration:none}
.zana-site-logo{display:block;width:145px;height:auto;max-width:100%;object-fit:contain}
.zana-site-logo-light{display:none}
.zana-header-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.7vw,24px);flex:1;min-width:0}
.zana-header-nav a{color:#d4e3ee;font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap;text-underline-offset:5px}
.zana-header-nav a:hover,.zana-header-nav a:focus-visible{color:#FFD54F;text-decoration:underline}
.zana-header-tools{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.zana-header-tool,.zana-header-account{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;min-width:42px;background:#143956;border:1px solid #315d77;border-radius:11px;color:#e5eefa;text-decoration:none;padding:9px;cursor:pointer;transition:background .15s,border-color .15s}
.zana-header-tool:hover,.zana-header-account:hover{background:#20506e;border-color:#FFC107;color:#fff}
.zana-header-tool[aria-pressed="true"]{color:#FFD54F;border-color:#bc8d37}
.zana-header-tool svg,.zana-header-account svg{width:20px;height:20px;display:block;flex:none}
.zana-header-account{padding:9px 14px;color:#e9edf5;font-size:13px;font-weight:700;min-width:0;white-space:nowrap}
.zana-header-tool .zana-icon-moon,.zana-header-tool .zana-icon-volume{display:none}
.zana-header-tool[aria-pressed="true"] .zana-icon-sun,.zana-header-tool[aria-pressed="true"] .zana-icon-muted{display:none}
.zana-header-tool[aria-pressed="true"] .zana-icon-moon,.zana-header-tool[aria-pressed="true"] .zana-icon-volume{display:block}
/* Night mode: button shows the moon icon once the user has chosen light mode. */
.zana-header-tool[data-zana-control="theme"] .zana-icon-sun{display:none}
.zana-header-tool[data-zana-control="theme"] .zana-icon-moon{display:block}
.zana-header-tool[data-zana-control="theme"][aria-pressed="true"] .zana-icon-sun{display:block}
.zana-header-tool[data-zana-control="theme"][aria-pressed="true"] .zana-icon-moon{display:none}
.zana-header-tool[data-zana-control="sound"] .zana-icon-muted{display:block}
.zana-header-tool[data-zana-control="sound"] .zana-icon-volume{display:none}
.zana-header-tool[data-zana-control="sound"][aria-pressed="true"] .zana-icon-muted{display:none}
.zana-header-tool[data-zana-control="sound"][aria-pressed="true"] .zana-icon-volume{display:block}
/* All horizontal rules/logos share the same centre and max width. */
.zana-footer{padding:0 16px 22px}
.zana-footer-inner,.zana-info-nav{width:min(var(--zana-layout-max),100%)}
.zana-info-nav{margin:0 auto 18px}
/* Align the primary panels with the same outer grid; no oversized forms. */
body.zana-theme-active .kpd-app .kpd-daily-home,
body.zana-theme-active .kpd-app .kpd-daily-game,
body.zana-theme-active .kpd-app .zana-stats,
body.zana-theme-active .kpd-app .kpd-daily-explain,
body.zana-theme-active .kpd-app .kpd-home-ranking,
body.zana-theme-active .kpd-app .kpd-result-wrap,
body.zana-theme-active .kpd-app .zana-feedback,
body.zana-theme-active .kpd-app .kpd-topbar{max-width:var(--zana-layout-max)}
body.zana-theme-active .kpd-app .kpd-home-ranking{width:100%;margin-left:auto;margin-right:auto}
body.zana-theme-active .kpd-app .kpd-daily-home,
body.zana-theme-active .kpd-app .zana-stats,
body.zana-theme-active .kpd-app .kpd-home-ranking,
body.zana-theme-active .kpd-app .kpd-question-card,
body.zana-theme-active .kpd-app .zana-feedback{border-radius:var(--zana-panel-radius)}
/* 2 x 2 answer layout on roomy screens, without impacting question/score logic. */
@media(min-width:900px){
 body.zana-theme-active .kpd-app .kpd-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body.zana-theme-active .kpd-app .kpd-option{min-width:0;min-height:78px;padding:13px 15px;gap:12px}
 body.zana-theme-active .kpd-app .kpd-option-text{min-width:0;line-height:1.35}
 body.zana-theme-active .kpd-app .kpd-option-chevron{margin-left:auto}
 body.zana-theme-active .kpd-app .zana-feedback{min-height:min(510px,67dvh);gap:19px;padding:30px 28px}
 body.zana-theme-active .kpd-app .zana-feedback-status{gap:12px}
 body.zana-theme-active .kpd-app .zana-feedback-icon{width:78px;height:78px;font-size:43px}
 body.zana-theme-active .kpd-app .zana-feedback-ring{--size:94px;font-size:38px}
}
/* The theme provides the main navigation on desktop. Core's menu stays intact on mobile/tablet. */
@media(min-width:1024px){
 body.zana-quiz-ui-page .kpd-app>.kpd-topbar,
 body.zana-quiz-ui-page .kpd-app>.kpd-settings{display:none}
 body.zana-quiz-ui-page .kpd-app{padding-top:25px}
 body.zana-quiz-ui-page .kpd-app:has(.kpd-daily-game){padding-top:22px}
 body.zana-quiz-ui-page .kpd-app .kpd-daily-home{padding-top:clamp(38px,4vw,54px)}
}
/* Use Core's mobile header rather than adding a second bar. */
@media(max-width:1023px){
 body.zana-quiz-ui-page:has(.kpd-app) .zana-site-header{display:none}
 body:not(.zana-quiz-ui-page) .zana-site-header-inner{gap:10px}
 body:not(.zana-quiz-ui-page) .zana-header-nav{gap:9px}
 body:not(.zana-quiz-ui-page) .zana-header-nav a{font-size:12px}
}
@media(max-width:740px){
 body:not(.zana-quiz-ui-page) .zana-site-header-inner{min-height:66px;flex-wrap:wrap;padding:10px 0}
 body:not(.zana-quiz-ui-page) .zana-site-logo{width:115px}
 body:not(.zana-quiz-ui-page) .zana-header-nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;padding:3px 0 2px}
 body:not(.zana-quiz-ui-page) .zana-header-tools{margin-left:auto}
 body:not(.zana-quiz-ui-page) .zana-header-account{padding:8px;min-width:39px}
 body:not(.zana-quiz-ui-page) .zana-header-account span{display:none}
 .zana-site .zana-wp-content:not(.zana-quiz-content){margin-top:20px}
}
@media(max-width:660px){
 .zana-footer{padding-left:12px;padding-right:12px}
 .zana-info-nav{width:calc(100% - 24px)}
}
html.kpd-mode-light .zana-site-header{color:#17374b}
html.kpd-mode-light .zana-site-header-inner{border-bottom-color:rgba(50,82,108,.19)}
html.kpd-mode-light .zana-site-logo-dark{display:none}
html.kpd-mode-light .zana-site-logo-light{display:block}
html.kpd-mode-light .zana-header-nav a{color:#31506a}
html.kpd-mode-light .zana-header-nav a:hover{color:#805709}
html.kpd-mode-light .zana-header-tool,html.kpd-mode-light .zana-header-account{background:#fff;color:#1f475e;border-color:#c5d9e3}
html.kpd-mode-light .zana-header-tool:hover,html.kpd-mode-light .zana-header-account:hover{background:#f7edda;border-color:#956a1b}

/* v1.5.0 — BETA label lives next to the actual logo, never in the image itself. */
.zana-beta-tag{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:3px 7px;margin-left:-15px;background:#FFC107;color:#fff;border-radius:5px;font-size:10px;font-weight:800;letter-spacing:.08em;line-height:1.25;white-space:nowrap}
@media(max-width:800px){.zana-beta-tag{margin-left:-7px;font-size:9px;padding:2px 5px}}

/* 10Pirs Theme 1.5.2 — A Modern / logo spacing, independent of quiz logic. */
.zana-site-header-brand,.zana-footer-brand{line-height:0}
.zana-site-logo,.zana-footer-logo{object-fit:contain}
.zana-site-logo{width:145px}
.zana-footer-logo{width:94px}
.zana-beta-tag{margin-left:-6px}
@media(max-width:800px){.zana-beta-tag{margin-left:0}}

/* 10Pirs Theme 1.5.3 — A Modern marka sarısı: logo ile birebir #FFC107.
   Sarı üstünde lacivert; açık zemindeki bağlantılarda koyu altın tonu. */
:root{
 --pirs-yellow:#FFC107;
 --pirs-yellow-hover:#FFD54F;
 --pirs-yellow-focus:#FFDB66;
 --pirs-yellow-on-light:#805900;
 --pirs-on-yellow:#0B1F33;
 --zana-gold:var(--pirs-yellow);
 --zana-teal:var(--pirs-yellow);
}
.zana-site .zana-wp-content a,
.zana-site .zana-wp-content:not(.zana-quiz-content) a,
.zana-info-nav a:hover,
.zana-info-nav a:focus-visible{color:var(--pirs-yellow-hover)}
.zana-header-tool[aria-pressed="true"],
.zana-header-nav a:hover,
.zana-header-nav a:focus-visible{color:var(--pirs-yellow)}
.kpd-public-form button{background:var(--pirs-yellow);color:var(--pirs-on-yellow)}
.kpd-public-form button:hover:not(:disabled){background:var(--pirs-yellow-hover)}
.kpd-public-form button:focus-visible{outline-color:var(--pirs-yellow-focus)}
.zana-beta-tag{background:var(--pirs-yellow);color:var(--pirs-on-yellow)}
html.kpd-mode-light .zana-site .zana-wp-content a,
html.kpd-mode-light .zana-site .zana-wp-content:not(.zana-quiz-content) a,
html.kpd-mode-light .zana-header-nav a:hover,
html.kpd-mode-light .zana-info-nav a:hover{color:var(--pirs-yellow-on-light)}
html.kpd-mode-light .zana-header-tool[aria-pressed="true"]{color:var(--pirs-yellow-on-light)}

/* v1.5.5: desktop header selector shares System / Light / Dark preference with mobile Core. */
.zana-theme-choice-wrap{position:relative;display:inline-flex;align-items:center}
.zana-theme-mode-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:80;min-width:168px;padding:9px;background:#123551;border:1px solid #3a617f;border-radius:13px;box-shadow:0 12px 36px #001a2b99;display:grid;gap:4px}
.zana-theme-mode-menu[hidden]{display:none!important}
.zana-theme-mode-menu strong{font-size:12px;padding:6px 9px;color:#cee3ee}
.zana-theme-mode-option{min-height:40px;background:transparent;border:1px solid transparent;border-radius:8px;text-align:left;padding:8px 11px;color:#ecf5fc;font-size:13px;cursor:pointer}
.zana-theme-mode-option:hover,.zana-theme-mode-option:focus-visible{background:#224a6b}
.zana-theme-mode-option[aria-pressed="true"]{background:#FFC107;color:#0B1F33;font-weight:800}
html.kpd-mode-light .zana-theme-mode-menu{background:#fff;border-color:#aec5d3;box-shadow:0 12px 36px #34546a3b}
html.kpd-mode-light .zana-theme-mode-menu strong{color:#36546a}
html.kpd-mode-light .zana-theme-mode-option{color:#17364a}
html.kpd-mode-light .zana-theme-mode-option:hover{background:#ebf2f6}
html.kpd-mode-light .zana-theme-mode-option[aria-pressed="true"]{background:#FFC107;color:#0B1F33}

/* v1.5.12 — consistent, non-shrinking sticky header; Core owns mobile quiz header. */
.zana-site-header{position:sticky;top:0;z-index:120;background:rgba(7,29,51,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html.kpd-mode-light .zana-site-header{background:rgba(242,248,252,.98)}
.zana-site-header-brand{border-radius:9px}
.zana-site-header-brand:focus-visible{outline-offset:6px}
.zana-theme-mode-option{display:flex;align-items:center;gap:9px;min-height:44px}
.zana-theme-mode-option .zana-mode-svg{width:20px;height:20px;flex:none}
.zana-header-tool[data-zana-control="theme"] .zana-mode-svg{display:block;width:20px;height:20px}
@media(max-width:740px){
 body:not(.zana-quiz-ui-page) .zana-site-header-inner{row-gap:6px}
}
html{scroll-padding-top:85px}
@media(max-width:1023px){html{scroll-padding-top:calc(78px + env(safe-area-inset-top,0px))}}
@media(prefers-reduced-motion:reduce){.zana-site-header{backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Technical versions, unobtrusive and visible on every public page. */
.zana-footer-versions{margin-left:auto;white-space:nowrap;opacity:.75;font-variant-numeric:tabular-nums}
@media(max-width:520px){.zana-footer-versions{margin-left:0;width:100%;font-size:10px!important}}

/* v1.5.9 — native desktop theme selector; no fragile JS menu injection. */
.zana-header-tools{margin-left:auto}
.zana-theme-choice-wrap{position:relative;display:inline-flex;align-items:center;z-index:2}
.zana-theme-toggle{list-style:none;user-select:none;-webkit-user-select:none}
.zana-theme-toggle::-webkit-details-marker{display:none}
.zana-theme-toggle::marker{content:""}
.zana-theme-choice-wrap[open] .zana-theme-toggle{border-color:#FFC107}
.zana-theme-choice-wrap:not([open]) .zana-theme-mode-menu{display:none!important}
.zana-theme-choice-wrap[open] .zana-theme-mode-menu{display:grid}
.zana-theme-toggle .zana-mode-svg{display:block;width:20px;height:20px;flex:none;pointer-events:none}
.zana-theme-mode-menu{z-index:300}
.zana-theme-mode-option{touch-action:manipulation}
@media(max-width:740px){body:not(.zana-quiz-ui-page) .zana-header-tools{margin-left:auto}}

/* v1.5.11 — consistent mobile header on WordPress information pages.
   The quiz home keeps the independent Core mobile top bar unchanged. */
.zana-mobile-menu{display:none}
@media(max-width:1023px){
 body:not(.zana-quiz-ui-page) .zana-site-header-inner{min-height:62px;padding:8px 0;gap:9px;flex-wrap:nowrap;transition:none}
 body:not(.zana-quiz-ui-page) .zana-header-tools{display:none}
 body:not(.zana-quiz-ui-page) .zana-site-logo{width:145px;height:auto;transition:none}
 body:not(.zana-quiz-ui-page) .zana-site-header-brand{min-width:0}
 body:not(.zana-quiz-ui-page) .zana-mobile-menu{position:relative;display:block;margin-left:auto;flex:0 0 auto;z-index:5}
 .zana-mobile-menu-toggle{display:grid;place-items:center;list-style:none;cursor:pointer;user-select:none;width:44px;height:44px;color:#FFC107;background:#173b57;border:1px solid #39617a;border-radius:12px;touch-action:manipulation}
 .zana-mobile-menu-toggle::-webkit-details-marker{display:none}
 .zana-mobile-menu-toggle::marker{content:""}
 .zana-mobile-menu[open] .zana-mobile-menu-toggle,.zana-mobile-menu-toggle:hover{border-color:#FFC107;background:#20536d}
 .zana-mobile-menu-toggle svg{display:block;width:22px;height:22px}
 .zana-mobile-menu-panel{position:absolute;right:0;top:calc(100% + 9px);width:min(312px,calc(100vw - 28px));max-height:min(76dvh,620px);overflow-y:auto;overscroll-behavior:contain;padding:16px 16px 12px;background:#15364d;border:1px solid #3b6a81;border-radius:16px;box-shadow:0 16px 35px #00142370;color:#f1f8fa;font-size:14px;line-height:1.45;text-align:left}
 .zana-mobile-menu-heading{font-size:16px;font-weight:790;border-bottom:1px solid #365c72;padding-bottom:10px;margin-bottom:2px}
 .zana-mobile-menu-heading small{font-size:12px;font-weight:500;color:#aacbd9;margin-left:6px}
 .zana-mobile-menu-link{display:block;color:#eef4fa;text-decoration:none;padding:12px 8px;border-bottom:1px solid #365c72;min-height:44px}
 .zana-mobile-menu-link:hover{color:#FFC107}
 .zana-mobile-menu-subheading{font-size:16px;font-weight:790;padding:14px 0 10px;border-bottom:1px solid #365c72}
 .zana-mobile-modes{padding-top:12px}
 .zana-mobile-modes>strong{display:block;font-size:14px;margin-bottom:9px}
 .zana-mobile-mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .zana-mobile-mode-options button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:64px;padding:7px 3px;color:inherit;background:transparent;border:1px solid #456478;border-radius:9px;font-size:12px;cursor:pointer;touch-action:manipulation}
 .zana-mobile-mode-options button[aria-pressed="true"]{background:#FFC107;color:#0B1F33;border-color:#FFC107;font-weight:800}
 .zana-mobile-mode-options button svg{display:block;flex:none}
 .zana-mobile-sound-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #365c72;margin-top:13px;padding:13px 0 0;font-weight:650}
 .zana-mobile-sound-switch{display:flex;align-items:center;flex:none;width:48px;height:28px;padding:3px;background:#8193a0;border:1px solid #93aab6;border-radius:40px;cursor:pointer}
 .zana-mobile-sound-switch>span{display:block;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .12s ease}
 .zana-mobile-sound-switch[aria-checked="true"]{background:#FFC107;border-color:#FFC107}
 .zana-mobile-sound-switch[aria-checked="true"]>span{transform:translateX(19px);background:#102f50}
 html.kpd-mode-light .zana-mobile-menu-toggle{background:#fff;color:#805900;border-color:#bed3e0}
 html.kpd-mode-light .zana-mobile-menu-panel{background:#fff;color:#17374b;border-color:#cadce7;box-shadow:0 16px 35px #34587030}
 html.kpd-mode-light .zana-mobile-menu-heading,html.kpd-mode-light .zana-mobile-menu-subheading,html.kpd-mode-light .zana-mobile-menu-link,html.kpd-mode-light .zana-mobile-sound-row{border-color:#d9e6eb}
 html.kpd-mode-light .zana-mobile-menu-heading small{color:#5b7281}
 html.kpd-mode-light .zana-mobile-menu-link{color:#17374b}
 html.kpd-mode-light .zana-mobile-menu-link:hover{color:#805900}
 html.kpd-mode-light .zana-mobile-mode-options button{border-color:#bed3e0}
 html.kpd-mode-light .zana-mobile-mode-options button[aria-pressed="true"]{border-color:#FFC107}
}
@media(max-width:520px){
 body:not(.zana-quiz-ui-page) .zana-site-logo{width:124px}
}
@media(prefers-reduced-motion:reduce){.zana-mobile-sound-switch>span{transition:none}}

/* Theme 1.5.13 — consistent minimal settings and corporate footer. */
.zana-mobile-menu-subheading{display:flex;align-items:center;gap:9px}
.zana-mobile-sound-label{display:inline-flex;align-items:center;gap:9px}
.zana-mobile-sound-label svg{flex-shrink:0;color:#FFC107}
.zana-mobile-menu-link:first-child{margin-top:0}
/* Core owns the quiz hamburger: omit duplicate brand, keep the real member identity when present. */
body.zana-quiz-ui-page .kpd-settings-heading:not(.kpd-settings-subhead) small{display:none}
body.zana-quiz-ui-page .kpd-settings-heading:not(.kpd-settings-subhead):has(+ .kpd-settings-subhead){display:none}
body.zana-quiz-ui-page .kpd-setting-label small{display:none}
body.zana-quiz-ui-page .kpd-settings-subhead{display:flex;align-items:center;gap:9px}
/* Desktop: keep existing compact single controls; no redundant settings title. */
.zana-footer{padding:22px clamp(12px,3vw,28px) 28px;background:rgba(5,22,39,.45);margin-top:26px}
.zana-footer-inner{width:min(var(--zana-layout-max),100%);margin:0 auto;border-top:0;padding:0;display:grid;gap:20px}
.zana-footer-primary{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.zana-footer-brand{min-width:0}
.zana-footer-tagline{margin:0;color:#b6c8d7;font-size:13px;line-height:1.6}
.zana-footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px;padding:4px 0}
.zana-footer-links a{font-size:13px;color:#e3ecf4;text-decoration:none;text-underline-offset:4px}
.zana-footer-links a:hover,.zana-footer-links a:focus-visible{text-decoration:underline;color:#FFC107}
.zana-footer-bottom{width:100%;padding-top:16px;border-top:1px solid rgba(158,184,205,.22);display:flex;align-items:center;justify-content:space-between;gap:8px 24px;flex-wrap:wrap}
.zana-footer-bottom small{font-size:12px;color:#aebecd}
.zana-footer-domain{white-space:nowrap}
html.kpd-mode-light .zana-footer{background:rgba(209,223,234,.4)}
html.kpd-mode-light .zana-footer-tagline,html.kpd-mode-light .zana-footer-bottom small{color:#536d7e}
html.kpd-mode-light .zana-footer-links a{color:#23465f}
html.kpd-mode-light .zana-footer-links a:hover{color:#805900}
html.kpd-mode-light .zana-footer-bottom{border-color:rgba(40,71,96,.2)}
@media(max-width:560px){
 .zana-footer{padding:22px 16px 28px}
 .zana-footer-inner{gap:16px}
 .zana-footer-links{gap:12px 18px}
 .zana-footer-bottom{align-items:flex-start;flex-direction:column;gap:5px}
}

/* v1.5.16 — one restrained footer grid and a shared Lucide-style settings icon.
   The divider follows the same centered content grid as the header. */
.zana-footer{padding:16px clamp(12px,3vw,28px) 22px;margin-top:20px;background:transparent}
.zana-footer-inner{width:100%;max-width:var(--zana-layout-max);margin:0 auto;padding:0;gap:12px}
.zana-footer-links{justify-content:flex-start;gap:8px 22px;padding:0;text-align:left}
.zana-footer-links a{font-size:16px;line-height:1.5}
.zana-footer-bottom{width:100%;padding-top:12px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px;border-top:1px solid rgba(158,184,205,.22)}
.zana-footer-bottom small{font-size:13px;line-height:1.5}
.zana-footer-bottom .zana-footer-copyright{margin-left:auto;text-align:right}
html.kpd-mode-light .zana-footer-bottom{border-color:rgba(40,71,96,.2)}
@media(max-width:520px){
 .zana-footer{padding:14px 12px 18px}
 .zana-footer-inner{gap:12px}
 .zana-footer-links{justify-content:flex-start;gap:9px 18px}
 .zana-footer-links a{font-size:15px}
 .zana-footer-bottom{flex-direction:column;align-items:stretch;gap:4px}
 .zana-footer-bottom small{font-size:13px}
 .zana-footer-bottom .zana-footer-copyright{margin-left:0;text-align:right}
}
/* Both the theme mobile menu and Core quiz menu use the same bundled settings icon. */
.zana-icon-settings,body.zana-quiz-ui-page .kpd-settings-subhead::before{
 display:inline-block;width:20px;height:20px;flex:0 0 20px;
 background-color:#FFC107;
 -webkit-mask:url("assets/icon-settings.svg") center/contain no-repeat;
 mask:url("assets/icon-settings.svg") center/contain no-repeat;
}
body.zana-quiz-ui-page .kpd-settings-subhead::before{content:''}

/* v1.5.16: readable, compact construction notice */
.zana-beta-tag{font-size:11px;letter-spacing:0;white-space:normal;text-align:center;line-height:1.3;max-width:140px;margin-left:0}
@media(max-width:800px){.zana-beta-tag{font-size:10px;max-width:115px;margin-left:0}}

/* v1.5.17 — centered desktop footer, broad divider, refined type. */
@media(min-width:701px){
 .zana-footer-inner{max-width:none;width:100%}
 .zana-footer-links{justify-content:center;text-align:center;gap:10px 25px}
 .zana-footer-links a{font-size:15px}
}
.zana-footer-bottom .zana-footer-copyright{margin-left:auto;text-align:right}

/* v1.5.18 — constrained and centered footer, regardless of desktop page wrappers. */
@media (min-width:701px) {
 body.zana-theme-active footer.zana-footer {width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto;}
 body.zana-theme-active footer.zana-footer > .zana-footer-inner {width:100%;max-width:var(--zana-layout-max,900px);margin-left:auto;margin-right:auto;display:grid;grid-template-columns:minmax(0,1fr);}
 body.zana-theme-active footer.zana-footer .zana-footer-links {width:100%;display:flex;justify-content:center;align-items:center;text-align:center;gap:10px 25px;}
 body.zana-theme-active footer.zana-footer .zana-footer-links a {font-size:15px;}
 body.zana-theme-active footer.zana-footer .zana-footer-bottom {width:100%;display:flex;justify-content:space-between;align-items:center;}
 body.zana-theme-active footer.zana-footer .zana-footer-copyright {margin-left:auto;text-align:right;}
}