/* "الذكاء الاصطناعي" mega menu (injected by ai-menu-inject.js) */
.wai-item{position:static;display:flex;align-items:center}
.wai-trigger{display:inline-flex;align-items:center;gap:6px;text-decoration:none;white-space:nowrap;line-height:inherit}
.wai-trigger svg{color:#046BD2;flex:none}
.wai-item:hover .wai-trigger,.wai-item.is-open .wai-trigger{color:#046BD2}
.wai-panel{position:absolute;top:calc(100% - 26px);left:50%;transform:translateX(-50%);width:min(1080px,calc(100vw - 32px));padding-top:26px;z-index:1200;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s}
.wai-item.is-open .wai-panel{opacity:1;visibility:visible;pointer-events:auto}
.wai-card{display:flex;gap:18px;padding:18px;background:#fff;border-radius:24px;box-shadow:0 24px 60px rgba(15,23,42,.18),0 0 0 1px rgba(15,23,42,.05);text-align:right;direction:rtl;font-family:'Tajawal',sans-serif}
.wai-tabs{flex:0 0 270px;display:flex;flex-direction:column;gap:6px}
.wai-tab{display:block;padding:16px 18px;border-radius:14px;color:#334155!important;font-weight:700!important;font-size:16px!important;line-height:1.5;text-decoration:none;transition:background .15s,color .15s}
.wai-tab.is-active{background:#eef4fc;color:#0b3d7a!important}
.wai-tab:hover{background:#f3f7fd}
.wai-all{margin-top:auto;padding:14px 18px;color:#046BD2!important;font-weight:700!important;font-size:14px!important;text-decoration:none}
.wai-all:hover{text-decoration:underline}
.wai-panes{flex:1;min-width:0;background:#f1f5fb;border-radius:18px;padding:18px;min-height:250px}
.wai-pane{display:none}
.wai-pane.is-active{display:block}
.wai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px}
.wai-link{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:14px;text-decoration:none;color:inherit!important;transition:background .15s,transform .15s}
.wai-link:hover{background:#fff;box-shadow:0 6px 18px rgba(4,107,210,.1)}
.wai-ico{flex:0 0 40px;height:40px;border-radius:12px;background:#fff;color:#1b3f8f;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(15,23,42,.08)}
.wai-txt strong{display:block;font-size:15px;color:#0f172a;font-weight:800;line-height:1.45}
.wai-txt small{display:block;margin-top:2px;font-size:12.5px;color:#7a889d;font-weight:500;line-height:1.5}
@media (max-width:1100px){.wai-tabs{flex-basis:210px}.wai-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.wai-item{display:none}}

/* mobile accordion */
.wai-m{border-bottom:1px solid #e2e8f0}
.wai-m-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 0;background:none;border:0;font:inherit;font-weight:800;font-size:16px;color:#046BD2;cursor:pointer;text-align:right}
.wai-m-body{display:none;padding:0 0 12px}
.wai-m.is-open .wai-m-body{display:block}
.wai-m.is-open .wai-m-caret{transform:rotate(180deg)}
.wai-m-caret{transition:transform .2s}
.wai-m-group{margin-bottom:10px}
.wai-m-head{display:block;padding:8px 0;font-weight:800;color:#0f172a!important;text-decoration:none}
.wai-m-link{display:block;padding:7px 14px 7px 0;color:#475569!important;font-size:15px;text-decoration:none;border-right:2px solid #dbe7f7;margin-right:4px;padding-right:12px}
.wai-m-all{display:block;padding:8px 0;color:#046BD2!important;font-weight:700;text-decoration:none}

/* keep the header on one line now that it has one more item */
header .nav-links{gap:18px!important}
header .nav-links>a,header .nav-links>.nav-dropdown>a,header .nav-links>.wai-item>.wai-trigger,header .nav-buttons .btn,header .lang-switcher{white-space:nowrap}
.wai-panel a,.wai-panel strong,.wai-panel small{white-space:normal}
header .nav-buttons .btn{padding-left:16px!important;padding-right:16px!important}
/* page mobile-menu rules (".mobile-menu-links a") must not restyle the accordion links */
.mobile-menu-links .wai-m a{background:none!important;border-radius:0!important;padding:7px 12px 7px 0!important;font-size:15px!important;font-weight:600!important;color:#475569!important;border-bottom:0!important}
.mobile-menu-links .wai-m a.wai-m-head{padding:8px 0!important;font-weight:800!important;color:#0f172a!important}
.mobile-menu-links .wai-m a.wai-m-all{color:#046BD2!important;font-weight:700!important}
.mobile-menu-links .wai-m a.wai-m-link{border-right:2px solid #dbe7f7!important;margin-right:4px;padding-right:12px!important}
