/*
Theme Name: Alhasibat Dark Framework
Theme URI: https://alhasubat.com
Author: Alhasibat
Description: قالب داكن احترافي ببطاقات وحدود بنفسجية، مع تحكم كامل من لوحة التحكم ودعم WooCommerce.
Version: 1.0.0
Text Domain: alhasibat-dark
*/
:root{
    --alh-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --alh-font-headings: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --alh-font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --alh-font-logo: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}


/* =========================
   متغيرات افتراضية (تُستبدل من لوحة التحكم)
   ========================= */
:root{
  --alh-bg:#050816;
  --alh-card:#0b1120;
  --alh-card-soft:#020617;
  --alh-border:#272a3a;
  --alh-purple:#7b3aed;
  --alh-purple-soft:rgba(123,58,237,.35);
  --alh-text:#e5e7eb;
  --alh-muted:#9ca3af;

  --alh-header-bg:#020617;
  --alh-header-border:#272a3a;
  --alh-footer-bg:#020617;

  --alh-radius-card:22px;
  --alh-gap:20px;

  --alh-font-base:"system-ui", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --alh-font-heading:"system-ui", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* ====== ريست بسيط ====== */
*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  padding:0;
  background:radial-gradient(circle at top, #1e1b4b 0, #020617 45%, #000 100%), var(--alh-bg);
  color:var(--alh-text);
  font-family:var(--alh-font-base);
  line-height:1.6;
  direction:rtl;
  text-align:right;
}

/* لتفادي مشكلة عرض الصفحات بالطول بطريقة غريبة – نخلي الكونتينر ثابت وواضح */
.site-wrap{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

/* ===== الروابط ===== */
a{
  color:var(--alh-purple);
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}

/* ===== الهيدر ===== */
.alh-header{
  position:relative;
  z-index:20;
  border-bottom:1px solid var(--alh-header-border);
  background:linear-gradient(to bottom, rgba(15,23,42,0.95), rgba(15,23,42,0.9));
  backdrop-filter:blur(14px);
}

.alh-header-inner{
  max-width:1200px;
  margin-inline:auto;
  padding:10px clamp(14px, 3vw, 26px);
  display:flex;
  align-items:center;
  gap:18px;
}

.alh-logo{
  display:flex;
  align-items:center;
  gap:10px;
  font-family:var(--alh-font-heading);
  font-weight:700;
  font-size:18px;
  color:var(--alh-text);
  white-space:nowrap;
}

.alh-logo-mark{
  width:32px;
  height:32px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.4);
  background:radial-gradient(circle at 30% 0, #a855f7, #7c3aed 40%, #0f172a 100%);
  box-shadow:0 0 24px rgba(79,70,229,.65);
}

/* ===== القوائم (الهيدر الأساسي) ===== */
.alh-header-main{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

/* زر القائمة للجوال */
.alh-nav-toggle{
  display:none;
  border:1px solid rgba(148,163,184,.4);
  border-radius:999px;
  background:var(--alh-card-soft);
  padding:6px 10px;
  cursor:pointer;
}
.alh-nav-toggle span{
  display:block;
  width:18px;
  height:2px;
  margin-block:3px;
  border-radius:999px;
  background:#e5e7eb;
}

/* القائمة الرئيسية */
.alh-main-nav ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.alh-main-nav li{
  position:relative;
}
.alh-main-nav > ul > li > a{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(15,23,42,.9);
  border:1px solid rgba(148,163,184,.35);
  font-size:14px;
  color:var(--alh-text);
  text-decoration:none;
  transition:all .18s ease;
}
.alh-main-nav > ul > li > a:hover,
.alh-main-nav > ul > li.current-menu-item > a{
  border-color:var(--alh-purple);
  box-shadow:0 0 0 1px rgba(123,58,237,.35);
  background:rgba(15,23,42,1);
}

/* القوائم الفرعية للـ "أب وابن" */
.alh-main-nav li.menu-item-has-children > a::after{
  content:"▾";
  font-size:11px;
  margin-inline-start:6px;
  opacity:.7;
}

.alh-main-nav li .sub-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  min-width:190px;
  background:var(--alh-card);
  border-radius:16px;
  border:1px solid var(--alh-border);
  padding:8px;
  box-shadow:0 18px 45px rgba(15,23,42,.9);
  display:flex;
  flex-direction:column;
  gap:4px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(6px);
  transition:all .16s ease;
  z-index:40;
}

/* منع اختفاء القائمة بسرعة عند النزول بالماوس */
.alh-main-nav li.menu-item-has-children{
  padding-bottom:12px;
}

.alh-main-nav li.menu-item-has-children:hover > .sub-menu,
.alh-main-nav li.menu-item-has-children:focus-within > .sub-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}

.alh-main-nav .sub-menu a{
  display:block;
  padding:7px 10px;
  border-radius:10px;
  font-size:13px;
  color:var(--alh-text);
  background:transparent;
  border:1px solid transparent;
}
.alh-main-nav .sub-menu a:hover{
  border-color:var(--alh-purple-soft);
  background:rgba(15,23,42,.95);
}

/* ===== أزرار الهيدر (أيقونات بحواف بنفسجية عند الهوفر) ===== */
.alh-header-icons{
  display:flex;
  align-items:center;
  gap:10px;
}
.alh-header-icons ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap:8px;
}
.alh-header-icons li{
  position:relative;
}
.alh-header-icons > ul > li > a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:36px;
  min-height:34px;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.35); /* حدود خفيفة افتراضية */
  background:rgba(15,23,42,.9);
  color:var(--alh-text);
  font-size:13px;
  gap:6px;
  transition:all .16s ease;
}

/* عند المرور بالماوس تضيء الحدود بنفسجي */
.alh-header-icons > ul > li > a:hover,
.alh-header-icons > ul > li:focus-within > a{
  border-color:var(--alh-purple);
  box-shadow:0 0 0 1px rgba(123,58,237,.4);
  background:rgba(15,23,42,1);
}

/* قائمة منسدلة للأزرار (أب وابن) */
.alh-header-icons li.menu-item-has-children{
  padding-bottom:12px;
}
.alh-header-icons li.menu-item-has-children > a::after{
  content:"▾";
  font-size:11px;
  margin-inline-start:5px;
  opacity:.7;
}
.alh-header-icons .sub-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  min-width:170px;
  background:var(--alh-card);
  border-radius:18px;
  border:1px solid var(--alh-border);
  padding:8px;
  box-shadow:0 18px 45px rgba(15,23,42,.9);
  display:flex;
  flex-direction:column;
  gap:4px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(6px);
  transition:all .16s ease;
  z-index:40;
}
.alh-header-icons li.menu-item-has-children:hover > .sub-menu,
.alh-header-icons li.menu-item-has-children:focus-within > .sub-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.alh-header-icons .sub-menu a{
  display:block;
  padding:7px 10px;
  border-radius:12px;
  border:1px solid transparent;
  background:transparent;
  color:var(--alh-text);
  font-size:13px;
}
.alh-header-icons .sub-menu a:hover{
  border-color:var(--alh-purple-soft);
  background:rgba(15,23,42,.95);
}

/* ===== محتوى الصفحة كبطاقة ===== */
.alh-main{
  flex:1;
  padding:24px 12px 40px;
}

.alh-page-card{
  max-width:1200px;
  margin-inline:auto;
  border-radius:var(--alh-radius-card);
  border:1px solid var(--alh-border);
  background:radial-gradient(circle at top left, rgba(88,28,135,.25), transparent 55%), var(--alh-card);
  box-shadow:0 18px 55px rgba(15,23,42,.85);
  padding:clamp(16px, 3vw, 32px);
}

/* كلاس عام للبطاقات يمكن استخدامه في أي مكان */
.alh-card{
  border-radius:var(--alh-radius-card);
  border:1px solid var(--alh-border);
  background:var(--alh-card-soft);
  padding:16px;
}

/* العناوين */
.alh-page-card h1,
.alh-page-card h2,
.alh-page-card h3,
.alh-page-card h4{
  font-family:var(--alh-font-heading);
  color:var(--alh-text);
}
.alh-page-card h1{ font-size:clamp(22px, 3vw, 28px); margin-top:0; }
.alh-page-card h2{ font-size:clamp(20px, 2.5vw, 24px); }
.alh-page-card h3{ font-size:18px; }

/* الفقرات والقوائم */
.alh-page-card p{
  margin:0 0 1em;
  color:var(--alh-text);
}
.alh-page-card ul,
.alh-page-card ol{
  padding-inline-start:1.2em;
}

/* الجداول */
.alh-page-card table{
  width:100%;
  border-collapse:collapse;
  margin:14px 0;
  font-size:14px;
}
.alh-page-card th,
.alh-page-card td{
  padding:8px 10px;
  border-bottom:1px solid rgba(55,65,81,.6);
}
.alh-page-card th{
  background:rgba(15,23,42,.95);
  color:var(--alh-text);
}
.alh-page-card tr:nth-child(even){
  background:rgba(15,23,42,.6);
}

/* النماذج */
input,
select,
textarea{
  background:rgba(15,23,42,.85);
  border-radius:12px;
  border:1px solid rgba(148,163,184,.5);
  padding:7px 10px;
  color:var(--alh-text);
  font-family:var(--alh-font-base);
  font-size:14px;
}
input:focus,
select:focus,
textarea:focus{
  outline:none;
  border-color:var(--alh-purple);
  box-shadow:0 0 0 1px rgba(123,58,237,.45);
}

/* الأزرار العامة */
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.alh-btn{
  border-radius:999px;
  border:1px solid var(--alh-purple);
  background:linear-gradient(to right, #7c3aed, #a855f7);
  padding:8px 18px;
  color:white;
  font-size:14px;
  font-weight:500;
  cursor:pointer;
  transition:transform .12s ease, box-shadow .12s ease, opacity .12s ease;
}
button:hover,
input[type="submit"]:hover,
.alh-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 40px rgba(129,140,248,.7);
  opacity:.96;
}

/* ===== الفوتر ===== */
.alh-footer{
  border-top:1px solid var(--alh-border);
  background:linear-gradient(to top, rgba(15,23,42,0.97), rgba(15,23,42,0.9));
  padding:16px 12px 20px;
  margin-top:auto;
}
.alh-footer-inner{
  max-width:1200px;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.alh-footer-top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

/* أزرار الفوتر (من قائمة ووردبريس) */
.alh-footer-menu ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.alh-footer-menu li a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.4);
  background:rgba(15,23,42,.9);
  color:var(--alh-text);
  font-size:12px;
  text-decoration:none;
  transition:all .15s ease;
}
.alh-footer-menu li a:hover{
  border-color:var(--alh-purple);
  box-shadow:0 0 0 1px rgba(123,58,237,.35);
  background:rgba(15,23,42,1);
}

.alh-footer-copy{
  font-size:12px;
  color:var(--alh-muted);
}

/* ===== WooCommerce تنسيق أساسي ليتماشى مع البطاقات ===== */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error{
  border-radius:var(--alh-radius-card);
  border:1px solid var(--alh-border);
  background:var(--alh-card-soft);
  color:var(--alh-text);
}

.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button{
  border-radius:999px;
  border:1px solid var(--alh-purple);
  background:linear-gradient(to right, #7c3aed, #a855f7);
  color:#fff;
  padding:8px 18px;
  font-size:14px;
}

/* المنتجات كبطاقات */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  border-radius:var(--alh-radius-card);
  border:1px solid var(--alh-border);
  background:var(--alh-card);
  padding:14px;
}

/* ===== استجابة للجوال ===== */
@media (max-width:768px){
  .alh-header-inner{
    flex-wrap:wrap;
  }
  .alh-nav-toggle{
    display:block;
  }
  .alh-header-main{
    flex-direction:column;
    align-items:stretch;
  }
  .alh-main-nav{
    width:100%;
  }
  .alh-main-nav ul{
    flex-direction:column;
  }
}





/* كلاس عام للبطاقات يمكن استخدامه في أي مكان */
.alh-card{
  border-radius:var(--alh-radius-card);
  border:1px solid var(--alh-border);
  background:var(--alh-card-soft);
  padding:16px;
}



/* بطاقة أقسام داخلية بإطار بنفسجي مثل الصورة (نسخة نظيفة موحدة) */
.alh-section-card{
  border-radius:var(--alh-radius-card);
  border:1px solid var(--alh-purple);
  background:radial-gradient(circle at top left, rgba(88,28,135,.25), transparent 55%), var(--alh-card);
  box-shadow:0 18px 45px rgba(15,23,42,.85);
  padding:clamp(20px, 3vw, 32px);
  margin:18px 12px;        /* مسافة موحدة حول البطاقة داخل الأعمدة */
  min-height:260px;        /* توحيد ارتفاع البطاقات تقريباً */
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  row-gap:12px;
}

/* ترويسة ونص داخل البطاقة */
.alh-section-card h2,
.alh-section-card h3{
  margin-top:0;
  margin-bottom:8px;
  font-family:var(--alh-font-headings, var(--alh-font-body));
}

.alh-section-card p{
  margin-top:0;
  margin-bottom:12px;
}

/* أزرار داخل البطاقة */
.alh-section-card .wp-block-buttons{
  margin-top:auto;
  gap:10px;
}

.alh-section-card .wp-block-button__link{
  background:#020617;
  border:1px solid var(--alh-purple);
  border-radius:999px;
  color:var(--alh-text);
  padding-inline:18px;
  padding-block:8px;
  box-shadow:0 0 0 1px rgba(123,58,237,.25);
  transition:background .18s ease, color .18s ease,
             box-shadow .18s ease, transform .12s ease;
}

/* زر outline داخل البطاقة */
.alh-section-card .wp-block-button.is-style-outline .wp-block-button__link{
  background:transparent;
  border:1px solid var(--alh-purple);
  box-shadow:none;
}

/* هوفر الأزرار */
.alh-section-card .wp-block-button__link:hover{
  background:var(--alh-purple);
  color:#ffffff;
  box-shadow:0 0 24px rgba(123,58,237,.45);
  transform:translateY(-1px);
}

/* في الشاشات الصغيرة: نخفف الهوامش والارتفاع */
@media (max-width:768px){
  .alh-section-card{
    margin:16px 0;
    min-height:auto;
  }
}










/* ===== بطاقات أدوات الحاسوبات – الصفحة الرئيسية ===== */

.alh-tools-grid{
  display:grid;
  grid-template-columns: minmax(0,1fr);
  gap:24px;
  margin-top:24px;
  direction:rtl;
  text-align:right;
}

@media (min-width:768px){
  .alh-tools-grid{
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

/* بطاقة واحدة */
.alh-tool-card{
  background: var(--alh-card, #0b1120);
  border-radius: 22px;
  border: 1px solid rgba(123,58,237,0.45);
  padding: 22px 24px 20px;
  box-shadow: 0 0 0 1px rgba(123,58,237,0.08);
  position: relative;
  overflow: hidden;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease;
}

.alh-tool-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: radial-gradient(circle at top right, rgba(123,58,237,0.22), transparent 55%);
  opacity:.75;
}

/* محتوى البطاقة */
.alh-tool-inner{
  position:relative;
  z-index:1;
}

.alh-tool-icon{
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid rgba(123,58,237,0.55);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  margin-bottom:14px;
  background: radial-gradient(circle at 30% 0, rgba(123,58,237,0.25), rgba(15,23,42,1));
}

.alh-tool-title{
  margin:0 0 8px;
  font-size:20px;
  font-weight:700;
  color: var(--alh-text, #e5e7eb);
}

.alh-tool-sub{
  margin:0 0 4px;
  font-size:13px;
  letter-spacing:.04em;
  text-transform:uppercase;
  color: var(--alh-muted, #9ca3af);
}

.alh-tool-desc{
  margin:0;
  font-size:14px;
  line-height:1.8;
  color: var(--alh-muted, #cbd5f5);
}

/* الأزرار */
.alh-tool-actions{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.alh-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 16px;
  font-size:13px;
  border-radius:999px;
  text-decoration:none;
  cursor:pointer;
  border:1px solid transparent;
  white-space:nowrap;
}

.alh-btn-primary{
  background: var(--alh-purple, #7b3aed);
  border-color: var(--alh-purple, #7b3aed);
  color:#f9fafb;
}

.alh-btn-primary:hover{
  background:#a855f7;
  border-color:#a855f7;
}

.alh-btn-ghost{
  background: transparent;
  border-color: rgba(123,58,237,0.55);
  color: var(--alh-purple-soft, #a855f7);
}

.alh-btn-ghost:hover{
  background: rgba(123,58,237,0.12);
}

/* هوفر البطاقة */
.alh-tool-card:hover{
  border-color: var(--alh-purple, #7b3aed);
  box-shadow: 0 0 26px rgba(123,58,237,0.35);
  transform: translateY(-3px);
}








/* أزرار العضوية في الهيدر */
.alh-header-auth{
  display:flex;
  align-items:center;
  gap:10px;
}

/* أزرار الدخول / إنشاء عضوية (للزائر) */
.alh-auth-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 22px;
  border-radius:999px;
  background:#0b1120;
  border:1px solid rgba(123,58,237,.7);
  color:#e5e7eb;
  font-size:14px;
  font-weight:500;
  text-decoration:none;
  transition:0.18s ease;
  white-space:nowrap;
}
.alh-auth-btn span{
  white-space:nowrap;
}
.alh-auth-btn-primary{
  background:linear-gradient(135deg,#7b3aed,#a855f7);
  border-color:rgba(168,85,247,.9);
  color:#0b1120;
  font-weight:600;
}
.alh-auth-btn:hover{
  border-color:#a855f7;
  background:rgba(123,58,237,.15);
  color:#ffffff;
}

/* زر الأب: "الملف الشخصي" */
.alh-auth-dropdown{
  position:relative;
  display:inline-block;
}
.alh-auth-toggle-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 20px;
  border-radius:999px;
  border:1px solid rgba(123,58,237,.7);
  background:linear-gradient(135deg,#7b3aed,#a855f7);
  color:#0b1120;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
}
.alh-auth-toggle-link:hover{
  border-color:#a855f7;
}
.alh-auth-caret{
  font-size:12px;
}

/* القائمة الفرعية (تسجيل الخروج) */
.alh-auth-menu{
  position:absolute;
  inset-inline-start:0;
  top:100%;
  margin-top:6px;
  min-width:180px;
  background:#020617;
  border-radius:18px;
  border:1px solid rgba(123,58,237,.7);
  box-shadow:0 18px 40px rgba(15,23,42,.85);
  padding:6px 0;
  display:none;              /* يخفي النص تحت الزر */
  z-index:999;
}
.alh-auth-menu a{
  display:block;
  padding:8px 14px;
  font-size:13px;
  color:#e5e7eb;
  text-decoration:none;
}
.alh-auth-menu a:hover{
  background:rgba(148,163,184,.16);
}

/* عند تمرير الماوس على زر الملف الشخصي تظهر القائمة */
.alh-auth-dropdown:hover .alh-auth-menu{
  display:block;
}






/* تمركز محتوى الصفحات (مثل تسجيل الدخول / التسجيل / الملف الشخصي) */
.alh-main{
  /* جعل المنطقة الأساسية تأخذ طول النافذة تقريباً */
  min-height: calc(100vh - 160px);
  /* تمركز أفقي + رأسي */
  display:flex;
  align-items:center;
  justify-content:center;
  /* منع الالتصاق بأعلى وأسفل الصفحة */
  padding:40px 0;
}

/* بطاقة المحتوى العامة لكل الصفحات الداخلية */
.alh-page-card{
  width:100%;
  max-width:1200px;  /* عرض معقول للبطاقات */
  margin:0 auto;
}

/* داخل صفحات العضوية: البطاقات نفسها تبقى بعرض معقول وغير متمددة بالطول */
.alh-page-card .alh-card{
  margin-inline:auto;
}



/* محاذاة أزرار العضوية مع أزرار الحاسبات في الهيدر */
.alh-header-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

/* تأكد أن قائمة الحاسبات في المنتصف وعلى نفس خط الأزرار */
.alh-main-nav{
  flex:1;
}

.alh-main-menu{
  display:flex;
  align-items:center;
  gap:18px;
}

/* حاوية الأيقونات + أزرار دخول/عضوية في الهيدر */
.alh-header-icons{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
}

/* أزرار دخول / إنشاء عضوية */
.alh-header-auth{
  display:flex;
  align-items:center;
  gap:10px;
}

/* تأكيد أن النص ما ينزل سطرين */
.alh-header-auth .alh-nav-btn{
  white-space:nowrap;
}







/* === توحيد حجم أزرار القائمة حتى لو فيها قائمة فرعية === */

/* إزالة المساحة الإضافية من عناصر القائمة التي تحتوي على منيو فرعية */
.alh-main-menu > li.menu-item-has-children > a {
    padding-right: 18px !important; /* نفس المسافة الخاصة بالأزرار العادية */
    padding-left: 18px !important;
}

/* تعديل السهم ▼ داخل زر الأب ليكون صغير ويأخذ مساحة أقل */
.alh-main-menu li.menu-item-has-children > a:after {
    font-size: 12px !important;
    margin-right: 6px !important;
    margin-left: 0 !important;
    opacity: .7;
}

/* منع زيادة الطول بسبب القراءة */
.alh-main-menu > li.menu-item-has-children {
    white-space: nowrap;
}





/* ===== محاذاة الهيدر في سطر واحد ===== */
.alh-header-main{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: nowrap;
}

.alh-main-nav{
  flex: 1;
}

/* ===== شكل أزرار القائمة الرئيسية (موحّد للجميع) ===== */
.alh-main-menu{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alh-main-menu > li{
  position: relative;
}

.alh-main-menu > li > a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;                 /* نفس المقاس لكل الأزرار */
  border-radius: 999px;
  border: 1px solid var(--alh-border, #272a3a);
  text-decoration: none;
  white-space: nowrap;
}

/* الأب اللي عنده قائمة فرعية = نفس المقاس بالضبط */
.alh-main-menu > li.menu-item-has-children > a{
  padding: 8px 22px;
}

/* سهم صغير بجانب النص بدون ما يكبّر الزر */
.alh-main-menu > li.menu-item-has-children > a::after{
  content: "▾";
  font-size: 11px;
  margin-right: 6px;
  margin-left: 0;
  opacity: .7;
}

/* ===== القائمة الفرعية (ملاصقة لزر الأب بدون فراغ) ===== */
.alh-main-menu li ul.sub-menu{
  position: absolute;
  right: 0;
  top: 100%;                         /* مباشرة تحت الزر، بدون مسافة */
  margin: 0;
  padding: 6px 0;
  list-style: none;
  background: var(--alh-card, #0b1120);
  border-radius: 18px;
  border: 1px solid var(--alh-purple-soft, #a855f7);
  min-width: 210px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(4px);
  transition: 0.15s ease;
  z-index: 40;
}

.alh-main-menu li:hover > ul.sub-menu{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* روابط داخل القائمة الفرعية */
.alh-main-menu li ul.sub-menu > li > a{
  display: block;
  padding: 8px 16px;
  white-space: nowrap;
}

/* زر الملف الشخصي يبقى في نفس السطر بدون انكسار */
.alh-header-auth{
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}







/* ===== تصحيح شكل القائمة الفرعية ===== */

/* بوكس القائمة الفرعية نفسه (خله كما هو أو عدله حسب ذوقك) */
.alh-main-menu li ul.sub-menu{
  position: absolute;
  right: 0;
  top: 100%;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  background: var(--alh-card, #0b1120);
  border-radius: 18px;
  border: 1px solid var(--alh-purple-soft, #a855f7);
  min-width: 210px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(4px);
  transition: 0.15s ease;
  z-index: 40;
}

.alh-main-menu li:hover > ul.sub-menu{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* هنا المهم: نخلي روابط القائمة الفرعية بدون شكل زر دائري */
.alh-main-menu li ul.sub-menu li{
  padding: 0;
  margin: 0;
}

.alh-main-menu li ul.sub-menu a{
  display: block;
  padding: 8px 16px;
  margin: 0;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  white-space: nowrap;
  text-align: right;
}

/* تأثير هوفر بسيط فقط */
.alh-main-menu li ul.sub-menu a:hover{
  background: rgba(123,58,237,0.15);
}






/* إجبار مسافة صغيرة بين زر الاب والقائمة الفرعية */
.alh-main-menu li.menu-item-has-children > ul.sub-menu {
    top: 100% !important;
    margin-top: 12px !important; /* مسافة 4px بين الاب والفرعي */
}



/* ======== تصحيح نهائي لقائمة الأدوات الفرعية في الهيدر ======== */

/* نتأكد أن عنصر الأب يسمح بالتموضع المطلق للفرعي */
.alh-main-menu > li.menu-item-has-children{
  position:relative !important;
}

/* جسر صغير بين زر الأب والقائمة الفرعية حتى لا تختفي عند النزول بالماوس */
.alh-main-menu > li.menu-item-has-children::after{
  content:"";
  position:absolute;
  top:100%;
  right:0;
  width:100%;
  height:8px;
  background:transparent;
  z-index:35;
}

/* صندوق القائمة الفرعية: ملاصق تقريباً لزر الأب وبنفس العرض */
.alh-main-menu > li.menu-item-has-children > ul.sub-menu{
  position:absolute !important;
  right:0 !important;
  top:100% !important;
  margin-top:2px !important;        /* فراغ بسيط جداً بين الأب والفرعي */
  padding:6px 0 !important;
  min-width:100% !important;        /* نفس عرض زر الأب */
  max-width:100% !important;
  border-radius:18px !important;
  border:1px solid var(--alh-purple-soft, #a855f7) !important;
  background:var(--alh-card, #0b1120) !important;
  list-style:none !important;
  opacity:0;
  visibility:hidden;
  transform:translateY(4px);
  transition:0.15s ease-out;
  z-index:40;
}

/* إظهار القائمة الفرعية عند هوفر الأب */
.alh-main-menu > li.menu-item-has-children:hover > ul.sub-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

/* روابط العناصر داخل القائمة الفرعية بدون شكل زر كبسولي */
.alh-main-menu > li.menu-item-has-children > ul.sub-menu > li > a{
  display:block;
  padding:8px 14px;
  margin:0;
  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  white-space:nowrap;
  text-align:right;
}

/* هوفر بسيط على العناصر الفرعية */
.alh-main-menu > li.menu-item-has-children > ul.sub-menu > li > a:hover{
  background:rgba(123,58,237,0.15);
}



/* ===== تصحيح عرض القائمة الفرعية حتى لا تخرج الكتابة خارج الإطار ===== */
.alh-main-menu > li.menu-item-has-children > ul.sub-menu{
  min-width: 100% !important;   /* لا تقل عن عرض زر الأب */
  max-width: none !important;   /* لكن يُسمح لها بالاتساع إذا كان النص أطول */
  width: auto !important;
}





/* جعل ترتيب أزرار القائمة من اليمين لليسار */
.alh-main-menu{
  direction: rtl;          /* الاتجاه عربي */
  display: flex;
  justify-content: flex-start; /* تبدأ من اليمين وتمتد لليسار */
  align-items: center;
  gap: 10px;
}

/* نتأكد أن نصوص الروابط نفسها تظل يمين */
.alh-main-menu > li > a{
  text-align: right;
}