/* =========================
   WOW SIDEBAR (COMPACT + RED)
   ========================= */

:root{
  --sb-bg1: #070a12;
  --sb-bg2: #050812;
  --sb-bg3: #04060f;

  --sb-white: rgba(255,255,255,.92);
  --sb-muted: rgba(255,255,255,.58);

  --sb-border: rgba(255,255,255,.08);
  --sb-card: rgba(255,255,255,.045);

  /* ✅ RED accent (logo) */
  --sb-accent: 239,68,68;         /* rgb */
  --sb-accent2: 255,90,90;        /* secondary */
}

/* container */
.wow-sidebar{
  background:
    radial-gradient(520px 220px at 12% 10%, rgba(var(--sb-accent),.14), transparent 62%),
    radial-gradient(520px 220px at 88% 18%, rgba(99,102,241,.12), transparent 62%),
    linear-gradient(180deg, var(--sb-bg1), var(--sb-bg2) 65%, var(--sb-bg3));
  border-right: 1px solid var(--sb-border);
}

/* ===== BRAND (compact) ===== */
.wow-brand{
  display:flex;
  gap:10px;
  align-items:center;
  padding:10px 12px;             /* ✅ أقل */
  text-decoration:none;
  border-bottom: 1px solid var(--sb-border);
}
.wow-logo{
  width:36px; height:36px;       /* ✅ أصغر */
  border-radius:12px;
  object-fit:cover;
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.12);
}
.wow-brand-title{
  color:#fff;
  font-weight:950;
  letter-spacing:.2px;
  line-height:1.05;
  font-size:13px;                /* ✅ أصغر */
}
.wow-brand-sub{
  margin-top:2px;
  color: var(--sb-muted);
  font-weight:800;
  font-size:11px;                /* ✅ أصغر */
}

/* ===== SEARCH (compact) ===== */
.wow-search{
  margin: 10px 10px 8px;
  position:relative;
}
.wow-search-ico{
  position:absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,.55);
  font-size: 12px;
}
.wow-search-inp{
  width: 100%;
  padding: 8px 10px 8px 30px;    /* ✅ أقل */
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
  outline: none;
  background: rgba(255,255,255,.06);
  color:#fff;
  font-weight:800;
  font-size:12px;                /* ✅ أصغر */
}
.wow-search-inp::placeholder{ color: rgba(255,255,255,.40); }
.wow-search-inp:focus{
  border-color: rgba(var(--sb-accent),.45);
  box-shadow: 0 0 0 4px rgba(var(--sb-accent),.12);
}

/* ===== MENU ===== */
.wow-nav{ padding: 4px 6px 10px; }

/* links (compact) */
.wow-link{
  position:relative;
  margin: 5px 6px;
  padding-top: 8px !important;   /* ✅ يقل height */
  padding-bottom: 8px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(255,255,255,.07);
  background: rgba(255,255,255,.04);
  overflow:hidden;
  transition: .14s ease;
}
.wow-link .nav-icon{
  font-size: 14px;               /* ✅ أصغر */
}
.wow-text{
  color: var(--sb-white);
  font-weight: 900;
  font-size: 13px;               /* ✅ أصغر */
}
.wow-link:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.11);
}

/* glow */
.wow-glow{
  position:absolute;
  inset:-2px;
  opacity:0;
  pointer-events:none;
  background:
    radial-gradient(240px 70px at 20% 20%, rgba(var(--sb-accent),.22), transparent 60%),
    radial-gradient(240px 70px at 80% 70%, rgba(99,102,241,.14), transparent 60%);
  transition: .18s ease;
}
.wow-link:hover .wow-glow{ opacity:1; }

/* active (red) */
.wow-active{
  background: rgba(var(--sb-accent),.16) !important;
  border-color: rgba(var(--sb-accent),.34) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.35);
}
.wow-active .wow-glow{ opacity:1; }
.wow-active .wow-text{ color:#fff; }

/* sublinks */
.wow-tree{ padding-left: 8px; }
.wow-sublink{
  margin: 4px 6px;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.06);
  transition:.12s ease;
}
.wow-sublink .nav-icon{ font-size: 12px; }
.wow-subtext{
  color: rgba(255,255,255,.78);
  font-weight: 850;
  font-size: 12px;               /* ✅ أصغر */
}
.wow-sublink:hover{ background: rgba(255,255,255,.06); }
.wow-active-sub{
  background: rgba(var(--sb-accent),.14) !important;
  border-color: rgba(var(--sb-accent),.28) !important;
}
.wow-active-sub .wow-subtext{ color:#fff; }

/* divider */
.wow-divider{
  height: 1px;
  margin: 9px 12px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  list-style:none;
}

/* accents */
.is-accent-red{
  background: rgba(var(--sb-accent),.14) !important;
  border-color: rgba(var(--sb-accent),.30) !important;
}
.is-accent-green{
  background: rgba(34,197,94,.12) !important;
  border-color: rgba(34,197,94,.24) !important;
}
.is-accent-blue{
  background: rgba(59,130,246,.12) !important;
  border-color: rgba(59,130,246,.24) !important;
}