/* Color-only companion for the original TronAID layout. No photo filters. */
:root{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark;background:#1c1d1f;color:#f0ede6}
:root[data-theme="dark"] body{background:#1c1d1f;color:#f0ede6}
:root[data-theme="dark"] :is(.bg-white){background-color:#1c1d1f}
:root[data-theme="dark"] :is(.bg-neutral-50,.bg-gray-50,.bg-gray-100){background-color:#28292c}
:root[data-theme="dark"] :is(.text-neutral-900,.text-gray-900,.text-black){color:#f0ede6}
:root[data-theme="dark"] :is(.text-neutral-500,.text-neutral-600,.text-neutral-700,.text-gray-500,.text-gray-600){color:#c3c1bb}
:root[data-theme="dark"] .text-emerald-600{color:#6ee7b7}
:root[data-theme="dark"] .text-indigo-600{color:#a5b4fc}
:root[data-theme="dark"] footer path[fill="#111827"]{fill:#f0ede6}
:root[data-theme="dark"] img[src$="/img/logo-tronaid.png"]{background:#f8f6f1;border-radius:4px;box-shadow:0 0 0 4px #f8f6f1}
:root[data-theme="dark"] :is(.border-gray-200,.border-gray-300,.border-neutral-300){border-color:#52535a}
:root[data-theme="dark"] :is(.hover\:bg-gray-50,.hover\:bg-gray-100,.hover\:bg-neutral-50):hover{background-color:#34363b}
:root[data-theme="dark"] .group:hover .group-hover\:bg-white{background-color:#34363b}
:root[data-theme="dark"] .hover\:text-neutral-800:hover{color:#fff}
:root[data-theme="dark"] .hover\:border-gray-100:hover{border-color:#999a9f}
:root[data-theme="dark"] [class~="divide-gray-900/10"]>:not(:last-child),
:root[data-theme="dark"] [class~="divide-neutral-500/10"]>:not(:last-child){border-color:#45464a}
:root[data-theme="dark"] [class~="ring-neutral-900/10"],
:root[data-theme="dark"] [class~="ring-neutral-400/10"],
:root[data-theme="dark"] [class~="sm:ring-neutral-900/10"]{--tw-ring-color:#ffffff20}
/* Retain white text and original green/indigo payment buttons in both themes. */
.tronaid-theme-toggle{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:.4rem;min-width:2.75rem;min-height:2.75rem;margin-inline-start:1rem;padding:.55rem .75rem;border:1px solid #bfc3be;border-radius:999px;background:#ffffffed;color:#253d30;font:inherit;font-size:.8125rem;line-height:1.2;cursor:pointer}
.tronaid-theme-toggle[hidden],.tronaid-theme-toggle [hidden]{display:none!important}
.tronaid-theme-toggle svg{width:1.125rem;height:1.125rem;flex:none}
.tronaid-theme-toggle:hover{background:#edf3ee}
.tronaid-theme-toggle:focus-visible{outline:3px solid #059669;outline-offset:3px}
:root[data-theme="dark"] .tronaid-theme-toggle{background:#28292c;color:#c1dfc5;border-color:#5b615d}
:root[data-theme="dark"] .tronaid-theme-toggle:hover{background:#363c38}
:root[data-theme="dark"] .tronaid-theme-toggle:focus-visible{outline-color:#6ee7b7}
@media(max-width:24rem){.tronaid-theme-toggle{padding:.55rem;margin-inline-start:.5rem}.tronaid-theme-toggle .tronaid-theme-label{display:none}}
/* Aid mobile: let donation controls wrap and keep open menus within the viewport. */
@media(max-width:47.999rem){
  #samarbejdspartnere h2,main h1.text-4xl{font-size:clamp(1.5rem,8vw,2.25rem);overflow-wrap:anywhere}
  .flex:has(>.donate-options){flex-wrap:wrap;row-gap:.75rem}
  .donate-options{min-width:0;max-width:100%}
  .donate-options>div>button[popovertarget]{max-width:100%;white-space:normal}
  .donate-options el-popover[popover]{width:min(28rem,calc(100vw - 1rem));max-width:calc(100vw - 1rem);box-sizing:border-box;max-block-size:calc(100vh - 1rem);max-block-size:calc(100dvh - 1rem);overflow-y:auto;overscroll-behavior:contain}
  .donate-options el-popover[popover]>div{width:100%;max-width:100%;min-width:0}
  .donate-options el-popover[popover] .group.flex{column-gap:1rem}
  .donate-options el-popover[popover] .group.flex>div:last-child{min-width:0;overflow-wrap:anywhere}
}