/* ===== شعار الشركة كمكوّن HTML موحّد (نفس خط Cairo + وضوح حاد) ===== */
.brand-logo {
    /* الوضع الافتراضي: خلفية فاتحة */
    --logo-accent: #1976D2;   /* الأيقونة والأجزاء البارزة */
    --logo-inner: #FFFFFF;    /* قلب الأيقونة */
    --logo-text: #0D47A1;     /* النص العربي */
    --logo-soft: #5C9FD6;     /* كلمة International */
    --logo-mark-h: 58px;      /* حجم الأيقونة يتحكم بالمقاس العام */
    --logo-ar: 1.2rem;
    --logo-en: 1.05rem;

    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-family: 'Cairo', sans-serif;
    line-height: 1;
    text-decoration: none;
    max-width: 100%;
}

.brand-logo__mark {
    height: var(--logo-mark-h);
    width: auto;
    flex-shrink: 0;
}

.brand-logo__divider {
    width: 1.5px;
    align-self: stretch;
    margin: 3px 0;
    background: var(--logo-soft);
    opacity: 0.45;
    flex-shrink: 0;
}

.brand-logo__text {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

.brand-logo__ar {
    font-size: var(--logo-ar);
    font-weight: 700;
    color: var(--logo-text);
    white-space: nowrap;
}

.brand-logo__en {
    font-size: var(--logo-en);
    font-weight: 400;
    color: var(--logo-soft);
    white-space: nowrap;
    letter-spacing: 0.3px;
}

.brand-logo__en b {
    font-weight: 700;
    color: var(--logo-accent);
}

/* ===== متغيّر للخلفيات الداكنة ===== */
.brand-logo--dark,
body.dark-mode .navbar-main .brand-logo {
    --logo-accent: #64B5F6;
    --logo-inner: #0D1B2A;
    --logo-text: #FFFFFF;
    --logo-soft: #90CAF9;
}

/* ===== مقاسات حسب الموضع ===== */
.brand-logo--nav { --logo-mark-h: 42px; --logo-ar: 0.95rem; --logo-en: 0.82rem; gap: 9px; }
.brand-logo--footer { --logo-mark-h: 54px; --logo-ar: 1.05rem; --logo-en: 0.95rem; }
.brand-logo--sidebar { --logo-mark-h: 30px; --logo-ar: 0.66rem; --logo-en: 0.56rem; gap: 7px; }
.brand-logo--sidebar .brand-logo__divider { margin: 1px 0; }
.brand-logo--sidebar .brand-logo__text { gap: 3px; }
.brand-logo--login { --logo-mark-h: 54px; --logo-ar: 1.04rem; --logo-en: 0.9rem; gap: 11px; }

@media (max-width: 576px) {
    /* قواعد خاصة بكل موضع حتى لا يُكبَّر شعار الـ sidebar بالخطأ */
    .brand-logo--nav    { --logo-mark-h: 34px; --logo-ar: 0.78rem; --logo-en: 0.66rem; gap: 7px; }
    .brand-logo--footer { --logo-mark-h: 46px; --logo-ar: 0.95rem; --logo-en: 0.85rem; }
    .brand-logo--login  { --logo-mark-h: 48px; --logo-ar: 0.95rem; --logo-en: 0.82rem; }
    .brand-logo--sidebar{ --logo-mark-h: 28px; --logo-ar: 0.62rem; --logo-en: 0.52rem; gap: 6px; }
    .brand-logo--sidebar .brand-logo__divider { margin: 1px 0; }
    .brand-logo--sidebar .brand-logo__text { gap: 3px; }
}