/* Explicit, independent theme choices override legacy automatic inversion.
   Filters preserve the uploaded asset's alpha; the source file is not edited. */
html[data-theme="light"] img[data-logo-light="black"],
html[data-theme="dark"] img[data-logo-dark="black"] { filter: brightness(0) !important; }
html[data-theme="light"] img[data-logo-light="white"],
html[data-theme="dark"] img[data-logo-dark="white"] { filter: brightness(0) invert(1) !important; }
html[data-theme="light"] img[data-logo-light="original"],
html[data-theme="dark"] img[data-logo-dark="original"] { filter: none !important; }
.store-logo-color-editor { margin-block: 14px; }
.store-logo-color-modes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.store-logo-color-modes figure { margin: 0; padding: 12px; border: 1px solid #8886; border-radius: 8px; }
.store-logo-color-modes figure[data-logo-sample-mode="light"] { background: #f5f3ef; color: #181b1a; }
.store-logo-color-modes figure[data-logo-sample-mode="dark"] { background: #252b2c; color: #f8faf9; }
.store-logo-color-modes img { display: block; width: 100%; height: 76px; object-fit: contain; margin-top: 10px; }
@media(max-width: 480px) { .store-logo-color-modes { grid-template-columns: 1fr; } }