/* =====================================================================
   Hoquqi store (platform.hoquqi.com), Salla Raed theme: dark mode

   Required theme settings (Store design > Design options):
   - Dark top bar: off
   - Footer dark mode: off

   How colours work here: section 1 inverts the whole store, so every
   colour below is written as a light value. The comment beside each
   one shows the dark shade it renders as.
   ===================================================================== */

/* 1. Flip the whole store to dark mode */
html { filter: invert(1) hue-rotate(180deg); }

/* 2. Flip photos and video back to their real colours */
img, video, iframe, canvas { filter: invert(1) hue-rotate(180deg); }

/* 3. Let the logo flip with the page, so a black logo shows white.
      Delete this rule if the logo uploaded to Salla is the white version. */
/* .navbar-brand img { filter: none; } */

/* 4. Backgrounds */
body { background-color: #edf0f0; }                            /* shows as #0d1010 */
.main-nav-container { background-color: #edf0f0 !important; }  /* shows as #0d1010 */
.store-footer,
.store-footer__inner { background-color: #dfe5e5 !important; }  /* shows as #171d1d */
/* 5. Pop-ups: dark backdrop, lighter panel */
.s-modal-overlay { background-color: rgba(255, 255, 255, 0.6) !important; }
.s-modal-body,
.s-drawer-body { filter: brightness(0.88); }