/* Night-mode UI icons. Loaded after hashed main CSS so Cloudflare
   cache / a future rebuild cannot hide header and slider icons again.
   Social icons stay dark: they sit on white circles. */

:root[data-theme="night"] [class*="userBtn"] svg path,
:root[data-theme="night"] [class*="shopCartBtn"] svg path,
:root[data-theme="night"] [class*="compareAndFav"] svg path,
:root[data-theme="night"] [class*="compareAndFav"] svg rect,
:root[data-theme="night"] [class*="phones"] > svg path {
  fill: #f2f2f2 !important;
}

:root[data-theme="night"] [class*="phones"] svg path[stroke],
:root[data-theme="night"] [class*="slideBtn"] svg path,
:root[data-theme="night"] [class*="slidePrev"] svg path,
:root[data-theme="night"] [class*="slideNext"] svg path {
  stroke: #f2f2f2 !important;
}

:root[data-theme="night"] [class*="userBtn"]:hover svg path,
:root[data-theme="night"] [class*="shopCartBtn"]:hover svg path,
:root[data-theme="night"] [class*="compareAndFav"] a:hover svg path,
:root[data-theme="night"] [class*="compareAndFav"] a:hover svg rect {
  fill: var(--red) !important;
}

:root[data-theme="night"] [class*="slideBtn"]:hover svg path,
:root[data-theme="night"] [class*="slidePrev"]:hover svg path,
:root[data-theme="night"] [class*="slideNext"]:hover svg path {
  stroke: var(--red) !important;
}

/* Keep Facebook / Instagram / WhatsApp / Viber glyphs dark on white circles */
:root[data-theme="night"] [class*="socLinks"] svg path {
  fill: #1a1a1a !important;
}

:root[data-theme="night"] [class*="socLinks"]:hover svg path {
  fill: var(--red) !important;
}