/* __ATHAR_LOGO_PLATFORM_WHITE_V1__
   Kill black squares around the Athar mark on every surface.
   Public cream header: transparent official mark.
   Footer (dark teal) and admin sidebar (dark green): white plate.
   Login cards are already white. Do not hide activity photos. */

img[src*="athar-logo"],
img[src*="athar-mark"],
img[src*="athar-official-logo"],
img[alt="شعار جمعية أثر"],
img[alt="جمعية أثر"],
img[alt="أثر"] {
  object-fit: contain !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  box-shadow: none !important;
}

/* Default: no black box. */
header img[src*="athar-logo"],
header img[src*="athar-mark"],
nav img[src*="athar-logo"],
nav img[src*="athar-mark"],
nav[aria-label="القائمة الرئيسية"] img[src*="athar-logo"],
nav[aria-label="القائمة الرئيسية"] img[alt*="جمعية أثر"],
img[src*="athar-logo-header"] {
  background: transparent !important;
  background-color: transparent !important;
}

nav[aria-label="القائمة الرئيسية"] a[aria-label*="جمعية أثر"] img,
nav[aria-label="القائمة الرئيسية"] img[alt="شعار جمعية أثر"],
nav[aria-label="القائمة الرئيسية"] img[src*="athar-logo"] {
  height: 3.6rem !important;
  width: auto !important;
  max-width: 12rem !important;
  max-height: 3.6rem !important;
  object-position: center right !important;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* Dark teal footer: official mark on a white plate (not a black square). */
footer a[aria-label="جمعية أثر"] img,
footer img[alt*="شعار"],
footer img[alt*="جمعية أثر"],
footer img[src*="athar-logo"],
footer img[src*="athar-mark"] {
  height: 4.5rem !important;
  width: auto !important;
  max-width: 11.5rem !important;
  max-height: 4.5rem !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-radius: 1rem !important;
  padding: 0.4rem 0.5rem !important;
}

/* Admin dark-green sidebar header: white plate, never bg-black/30. */
aside img[src*="athar-logo"],
aside img[src*="athar-mark"],
aside img[alt="أثر"],
aside img[alt="جمعية أثر"],
aside [class*="066962"] img,
aside img[class*="bg-black"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-radius: 0.75rem !important;
  padding: 0.25rem !important;
  object-fit: contain !important;
}

/* Login / rushd / aid cards sit on white — keep transparent, no black fill. */
form img[src*="athar-logo"],
[class*="rounded-2xl"][class*="bg-white"] img[src*="athar-logo"],
[class*="rounded-2xl"][class*="shadow"] img[src*="athar-logo"] {
  background: transparent !important;
  background-color: transparent !important;
}