/* Omid appearance 3.1.4 — client-side, colour-only extension. */
:root {
  color-scheme:light;
  --om-color-canvas:#f7f9f9; --om-color-surface:#ffffff; --om-color-soft:#edf4f3;
  --om-color-text:#173338; --om-color-muted:#536b70; --om-color-accent:#00636b;
  --om-color-line:#d3e0e0; --om-color-danger:#b42318;
}
html[data-omid-theme="dark"] {
  color-scheme:dark;
  --om-color-canvas:#101d20; --om-color-surface:#17282b; --om-color-soft:#21373a;
  --om-color-text:#e5efef; --om-color-muted:#afc3c6; --om-color-accent:#8cddd5;
  --om-color-line:#395357; --om-color-danger:#ffb4a9;
}
.om-color-control { display:none; align-items:center; min-width:0; font-family:var(--site-font,inherit); direction:inherit; }
.om-color-js .om-color-control { display:flex; visibility:visible; }
.om-color-ready .om-color-control { visibility:visible; }
.om-color-field { display:flex; align-items:center; min-width:0; }
.om-color-button { display:grid; width:44px; min-width:44px; height:44px; min-height:44px; padding:0; margin:0; place-items:center; color:var(--om-color-accent); background:var(--om-color-surface); border:1px solid var(--om-color-line); border-radius:50%; cursor:pointer; box-shadow:none; transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease; }
.om-color-button:hover { border-color:var(--om-color-accent); background:var(--om-color-soft); }
.om-color-button:active { transform:scale(.94); }
.om-color-button:focus-visible { outline:3px solid var(--om-color-accent); outline-offset:3px; }
.om-color-icons { position:relative; display:grid; width:20px; height:20px; place-items:center; }
.om-color-icon { display:none; width:20px!important; height:20px!important; min-width:20px; max-height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
.om-color-button[data-omid-effective="light"] .om-color-icon--moon,
.om-color-button[data-omid-effective="dark"] .om-color-icon--sun { display:block; }
.om-color-auto-dot { position:absolute; inset-inline-end:-1px; bottom:-1px; display:none; width:5px; height:5px; background:var(--om-color-muted); border:1px solid var(--om-color-surface); border-radius:50%; }
.om-color-button[data-omid-mode="auto"] .om-color-auto-dot { display:block; }
.om-color-sr { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
#omidH .omidH__nav { display:flex; align-items:center; justify-content:center; gap:12px; }
#omidH .omidH__menu { min-width:0; }
.om-color-control--desktop { flex:0 0 auto; }
#omidM .om-color-control--mobile { flex:0 0 44px; padding:0; margin:0; background:transparent; border:0; }
#omidM .omidM__top { gap:12px; }
#omidM .omidM__brand { margin-inline-end:auto; min-width:0; }
@media(min-width:1025px) and (max-width:1399px) {
  #omidH .omidH__nav { gap:16px; }
  #omidH .omidH__menu { gap:4px; }
  #omidH .omidH__link { padding-inline:10px; }
}
@media(max-width:1024px) {
  #omidH .omidH__nav { display:none; }
  #omidH .om-color-control--desktop { display:none; }
}
#omidH.omidH--compact .om-color-control--desktop { display:none; }
html.om-color-js[data-omid-theme="light"] .om-color-icon--moon,
html.om-color-js[data-omid-theme="dark"] .om-color-icon--sun { display:block; }
html.om-color-js[data-omid-theme="dark"] .om-color-icon--moon,
html.om-color-js[data-omid-theme="light"] .om-color-icon--sun { display:none; }

/* Desktop preferences: appearance sits AFTER languages, away from Donate. */
#omidH .omidH__preferences { display:flex; align-items:center; gap:8px; flex:0 0 auto; min-width:0; }
#omidH .omidH__preferences .om-color-control--desktop { flex:0 0 44px; }
@media(max-width:640px) { #omidH .omidH__preferences { display:none; } }

/* No colour fade during a preference change; regular hover/motion stays. */
html.om-color-switching *, html.om-color-switching *::before, html.om-color-switching *::after { transition:none!important; }

@media screen {
html[data-omid-theme="dark"] body {background:var(--om-color-canvas)!important;color:var(--om-color-text);}
html[data-omid-theme="dark"] #omidH {background:var(--om-color-surface)!important;}
html[data-omid-theme="dark"] #omidH .omidLang.omidLang--header {background:var(--om-color-surface)!important;border-color:var(--om-color-line)!important;}
html[data-omid-theme="dark"] #omidH .omidLang.omidLang--header>.omidH__lang {background:var(--om-color-surface)!important;color:var(--om-color-text)!important;-webkit-text-fill-color:var(--om-color-text)!important;}
html[data-omid-theme="dark"] #omidH .omidLang.omidLang--header>.omidH__lang:is(:hover,:focus-visible,.is-current) {background:var(--om-color-soft)!important;color:var(--om-color-accent)!important;-webkit-text-fill-color:var(--om-color-accent)!important;}
}