/* ============================================================================
   RAYASOFT — إشارة الجهة المطوِّرة (Views/Shared/_RayasoftBrand.cshtml)
   بطاقة صغيرة واحدة: الشعار + «تطوير RAYASOFT» + الوصف، والكتلة كلها رابط لـ rayasoft.net.
     .rayasoft-brand              خلفية فاتحة (فوتر الموقع)
     .rayasoft-brand--on-dark     خلفية داكنة (الشريط الجانبي للوحة التحكم)
   الأسماء مسبوقة بـ rayasoft- حتى لا تتعارض مع CSS المنتج.
   ============================================================================ */

.rayasoft-brand {
    --rayasoft-navy: #0A2559;
    --rayasoft-orange: #F5620E;
    --rayasoft-fg: var(--rayasoft-navy);
    --rayasoft-fg-muted: #64748b;
    --rayasoft-line: rgba(10, 37, 89, 0.14);
    --rayasoft-chip: #ffffff;

    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 8px 10px 8px 14px;
    border: 1px solid var(--rayasoft-line);
    border-radius: 10px;
    color: var(--rayasoft-fg);
    text-decoration: none;
    line-height: 1.35;
    transition: border-color .15s ease, background-color .15s ease;
}

.rayasoft-brand:hover,
.rayasoft-brand:focus-visible {
    border-color: var(--rayasoft-orange);
}
.rayasoft-brand:focus-visible { outline: 2px solid var(--rayasoft-orange); outline-offset: 2px; }

.rayasoft-brand__logo {
    flex: none;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--rayasoft-chip);
    border: 1px solid var(--rayasoft-line);
}
.rayasoft-brand__logo img { width: 24px; height: auto; display: block; }

.rayasoft-brand__text { display: grid; min-width: 0; }
.rayasoft-brand__product { font-size: 12.5px; font-weight: 500; color: var(--rayasoft-fg-muted); white-space: nowrap; }
.rayasoft-brand__product strong { font-weight: 800; letter-spacing: .03em; color: var(--rayasoft-fg); }
.rayasoft-brand__descriptor { font-size: 11px; color: var(--rayasoft-fg-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.rayasoft-brand__go {
    flex: none;
    width: 15px;
    height: 15px;
    color: var(--rayasoft-fg-muted);
    transition: color .15s ease;
}
[dir="rtl"] .rayasoft-brand__go { transform: scaleX(-1); }
.rayasoft-brand:hover .rayasoft-brand__go { color: var(--rayasoft-orange); }

/* ── خلفية داكنة: أسفل الشريط الجانبي للوحة التحكم، بعرضه كاملًا ── */
.rayasoft-brand--on-dark {
    --rayasoft-fg: #ffffff;
    --rayasoft-fg-muted: rgba(255, 255, 255, 0.6);
    --rayasoft-line: rgba(255, 255, 255, 0.1);
    --rayasoft-chip: rgba(255, 255, 255, 0.94);

    display: flex;
    margin: 10px 12px 14px;
    background: rgba(255, 255, 255, 0.03);
}
.rayasoft-brand--on-dark:hover { background: rgba(255, 255, 255, 0.07); border-color: rgba(245, 98, 14, 0.7); }
.rayasoft-brand--on-dark .rayasoft-brand__text { flex: 1; }

/* ── داخل فوتر المنصة ── */
.footer-bottom .rayasoft-brand { flex: none; }

@media (prefers-reduced-motion: reduce) {
    .rayasoft-brand, .rayasoft-brand__go { transition: none; }
}