/* ================= شعار تقويم الخالق (الإسطرلاب) =================
   الرمز في templates/_brand_logo.html؛ هنا ألوانه حسب الوضع وأحجامه في كل موضع. */
:root {
  --lg-p: #2c4359;    /* الإطار واليابسة */
  --lg-a: #e0a536;    /* الشبكة النحاسية وعقرب الشمس */
  --lg-bg: #ffffff;   /* أرضية الخريطة (الماء) */
  --lg-moon: #e9eef3; /* عقرب القمر */
}
:root[data-theme='dark'] {
  --lg-p: #e6dcc6;
  --lg-bg: #171c28;
}

/* حاوية الرمز: لا تُخفى بـ display:none حتى لا تتعطّل التدرّجات والأقنعة */
.brand-defs { position: absolute; width: 0; height: 0; overflow: hidden; }

.brand-logo {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: none;
  vertical-align: middle;
}

/* القائمة الجانبية */
.sidebar-logo .brand-logo { width: 40px; height: 40px; }

/* بطاقة تقويم الخالق في دليل التقاويم */
.cg-card h3 .brand-logo { width: 32px; height: 32px; }

@media (max-width: 900px) {
  .sidebar-logo .brand-logo { width: 34px; height: 34px; }
}
@media (max-width: 600px) {
  .sidebar-logo .brand-logo { width: 28px; height: 28px; }
}
/* الدرج المفتوح على الهاتف بعرضه الكامل */
@media (max-width: 480px) {
  .sidebar-logo .brand-logo { width: 40px; height: 40px; }
}