/* public/assets/css/layout/header.css */

/* ألوان الهوية — متوافقة مع الخطة */
:root{
  --brand-from:#060066;
  --brand-to:#2a2ad0;
  --brand-ink:#ffffff;
  --ink:#0b1220;
  --muted:#64748b;

  --primary:#0090A6;
  --primary-hov:#007a8d;
  --line:#e2e8f0;

  --bg:#ffffff;
}

.svx-header{
  position: sticky; top: 0; z-index: 1000;
  color: var(--brand-ink);
  background: linear-gradient(135deg,var(--brand-from),var(--brand-to));
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
}

.svx-nav{
  max-width: 1160px;
  margin: 0 auto;
  padding: 12px 16px;
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 12px;
  align-items: center;
}

.svx-brand{ display: flex; align-items: center; gap: 10px; }
.svx-logo-link{ display: inline-flex; align-items: center; gap: 10px; color:#fff; text-decoration: none; }
.svx-logo{ width: 32px; height: 32px; border-radius: 8px; background: rgba(255,255,255,.2); }
.svx-brand-title{ font-weight: 800; letter-spacing: .2px; color: #fff; }

/* زر الهامبرجر للجوال */
.svx-burger{
  appearance: none; border: 0; background: transparent; cursor: pointer;
  display: none; /* يظهر على الجوال لاحقًا */
}
.svx-burger .svx-burger-bar{
  display:block; width:24px; height:2px; background:#fff; margin:5px 0; border-radius: 2px;
}

/* قائمة الروابط */
.svx-menu{ display: flex; }
.svx-menu-list{
  list-style: none; margin: 0; padding: 0;
  display: flex; align-items: center; gap: 14px;
}
.svx-link{
  color: #fff; text-decoration: none; font-weight: 700;
  padding: 8px 10px; border-radius: 10px; transition: background-color .2s ease, opacity .2s ease;
}
.svx-link:hover{ background: rgba(255,255,255,.12); }

.svx-cta{
  background: var(--primary); color:#fff;
  box-shadow: 0 10px 24px rgba(0,144,166,.25);
}
.svx-cta:hover{ background: var(--primary-hov); }

/* قائمة المستخدم المسجل */
.svx-dropdown{ position: relative; }
.svx-user{ background: transparent; border: 0; color:#fff; cursor:pointer; font-weight:700; }
.svx-submenu{
  position: absolute; right: 0; top: calc(100% + 8px);
  min-width: 180px; background: #fff; color: var(--ink);
  border: 1px solid #e5e7eb; border-radius: 12px; padding: 8px;
  display: none; box-shadow: 0 24px 60px rgba(0,0,0,.18);
}
.svx-dropdown[data-open="true"] .svx-submenu{ display: block; }
.svx-submenu .svx-link{ color: var(--ink); display:block; padding:10px 12px; border-radius: 8px; }
.svx-submenu .svx-link:hover{ background:#f1f5f9; }

/* الفوتر */
.svx-footer{
  margin-top: 40px; color: #fff;
  background: linear-gradient(135deg,var(--brand-from),var(--brand-to));
  box-shadow: 0 -10px 30px rgba(0,0,0,.18);
}
.svx-footer-inner{
  max-width: 1160px; margin: 0 auto; padding: 16px; text-align: center;
}

/* تجاوب */
@media (max-width: 980px){
  .svx-nav{ grid-template-columns: auto auto; }
  .svx-burger{ display: inline-block; justify-self: end; }
  .svx-menu{ grid-column: 1 / -1; }
  .svx-menu{ display: none; }
  .svx-menu.is-open{ display: block; }
  .svx-menu-list{ flex-direction: column; align-items: stretch; gap: 6px; padding: 10px 0; }
  .svx-link{ background: rgba(255,255,255,.10); }
}