/* بداية header.css - الطريق دوت كوم V2 */ .ag-pro-header{position:sticky;top:0;z-index:9999;width:100%;background:transparent;border:0!important;box-shadow:none!important} .ag-pro-header-inner{width:100%;min-height:var(--ag-head-height,74px);display:grid;grid-template-columns:300px minmax(0,1fr) 220px;align-items:center;gap:18px;padding:12px var(--ag-head-pad,6vw);border:0!important;border-radius:0!important;background:linear-gradient(90deg,rgba(255,255,255,var(--ag-head-opacity,.82)),rgba(255,255,255,.55)),linear-gradient(135deg,rgba(14,165,233,.10),rgba(124,58,237,.08));backdrop-filter:blur(var(--ag-head-blur,18px));box-shadow:none!important} html[data-theme="dark"] .ag-pro-header-inner{background:linear-gradient(90deg,rgba(5,10,21,.90),rgba(9,17,34,.70)),linear-gradient(135deg,rgba(14,165,233,.14),rgba(124,58,237,.13))} .ag-mobile-menu-toggle{display:none!important;width:42px;height:42px;border:0;border-radius:12px;place-items:center;background:rgba(15,23,42,.07);color:#0f172a;font-size:24px;cursor:pointer}html[data-theme="dark"] .ag-mobile-menu-toggle{background:rgba(255,255,255,.08);color:#fff} /* بداية لوجو الطريق - بدون كارت أو بوردر */ .ag-pro-logo,.altareeq-logo{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;min-height:58px;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important;color:#061225;overflow:visible!important;white-space:nowrap;transform:translateZ(0)} html[data-theme="dark"] .altareeq-logo{color:#fff} .altareeq-logo::before,.altareeq-logo::after{display:none!important} .altareeq-mark{position:relative;width:60px;height:56px;flex:0 0 60px;display:block;transform-origin:center;animation:altMarkFloat 3.8s ease-in-out infinite} .altareeq-download-core{position:absolute;inset:8px 10px 10px 10px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:radial-gradient(circle at 50% 25%,#fff 0 14%,#38bdf8 15% 45%,#2563eb 46% 72%,#111827 73% 100%);box-shadow:0 12px 30px rgba(37,99,235,.28),inset 0 0 0 1px rgba(255,255,255,.38);animation:altCorePulse 2.9s ease-in-out infinite} .altareeq-download-core i{font-size:28px;color:#fff;text-shadow:0 8px 18px rgba(0,0,0,.25);animation:altDownloadDrop 1.55s cubic-bezier(.2,.8,.2,1) infinite} .altareeq-mouse-path{position:absolute;left:1px;top:5px;width:54px;height:42px;border:2px solid rgba(14,165,233,.28);border-right-color:transparent;border-bottom-color:rgba(124,58,237,.30);border-radius:60% 40% 56% 44%;filter:drop-shadow(0 0 8px rgba(14,165,233,.25));animation:altPathSpin 4.8s linear infinite} .altareeq-mouse{position:absolute;left:-1px;bottom:3px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#2563eb;box-shadow:0 10px 22px rgba(37,99,235,.24);animation:altMouseMove 2.4s ease-in-out infinite} .altareeq-mouse i{font-size:15px;transform:rotate(-25deg)} .altareeq-file-box{position:absolute;right:-2px;top:2px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#111827;color:#67e8f9;box-shadow:0 10px 22px rgba(15,23,42,.25);animation:altFileTransfer 2.7s ease-in-out infinite}.altareeq-file-box i{font-size:15px} .altareeq-data-line{position:absolute;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,#22d3ee,#7c3aed,transparent);opacity:.9;filter:drop-shadow(0 0 8px rgba(34,211,238,.55));animation:altDataLine 1.9s linear infinite}.altareeq-data-line-1{width:42px;right:7px;bottom:9px}.altareeq-data-line-2{width:32px;right:13px;bottom:3px;animation-delay:.42s}.altareeq-road-glow{position:absolute;inset:4px;border-radius:22px;background:radial-gradient(circle,rgba(34,211,238,.28),transparent 62%);filter:blur(9px);z-index:-1;animation:altGlow 2.4s ease-in-out infinite} .altareeq-text{position:relative;display:flex;flex-direction:column;gap:2px;line-height:1;z-index:2}.altareeq-title-row{display:flex;align-items:baseline;gap:5px;font-family:Alexandria,Cairo,Tahoma,Arial,sans-serif;letter-spacing:-.8px}.altareeq-word-main{font-size:25px;font-weight:800;color:#0f172a;text-shadow:none;animation:altTextBreath 4s ease-in-out infinite}.altareeq-word-dot,.altareeq-word-com{font-size:18px;font-weight:700}.altareeq-word-dot{color:#0284c7}.altareeq-word-com{color:#7c3aed}.altareeq-logo-sub{font-size:10px;font-weight:500;letter-spacing:.15px;color:#64748b;opacity:.92}.altareeq-logo-apps{position:relative;display:flex;align-items:center;gap:4px;margin-inline-start:3px}.altareeq-logo-apps i{width:22px;height:22px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:13px;background:rgba(14,165,233,.09);color:#0369a1;box-shadow:none;animation:altAppDrift 3.2s ease-in-out infinite}.altareeq-logo-apps i:nth-child(2){animation-delay:.35s;background:rgba(124,58,237,.10);color:#6d28d9}.altareeq-logo-apps i:nth-child(3){animation-delay:.70s;background:rgba(15,23,42,.08);color:#0f172a}.altareeq-energy{position:absolute;right:0;bottom:-2px;width:100%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#22d3ee,#7c3aed,transparent);transform:scaleX(.25);transform-origin:right;opacity:.55;animation:altEnergyPass 3s ease-in-out infinite;pointer-events:none} html[data-theme="dark"] .altareeq-word-main{color:#fff}html[data-theme="dark"] .altareeq-logo-sub{color:#94a3b8}html[data-theme="dark"] .altareeq-logo-apps i{background:rgba(255,255,255,.08);color:#67e8f9}html[data-theme="dark"] .altareeq-mouse{background:#0f172a;color:#67e8f9} .altareeq-logo:hover .altareeq-mark,.altareeq-logo.is-logo-play .altareeq-mark{animation:altMarkAttack .72s ease-in-out infinite}.altareeq-logo:hover .altareeq-download-core,.altareeq-logo.is-logo-play .altareeq-download-core{animation:altCorePulse .85s ease-in-out infinite;box-shadow:0 16px 38px rgba(14,165,233,.42),0 0 0 6px rgba(14,165,233,.08)}.altareeq-logo:hover .altareeq-download-core i,.altareeq-logo.is-logo-play .altareeq-download-core i{animation-duration:.55s}.altareeq-logo:hover .altareeq-mouse,.altareeq-logo.is-logo-play .altareeq-mouse{animation:altMouseAttack .85s ease-in-out infinite}.altareeq-logo:hover .altareeq-file-box,.altareeq-logo.is-logo-play .altareeq-file-box{animation:altFileAttack .9s ease-in-out infinite}.altareeq-logo:hover .altareeq-data-line,.altareeq-logo.is-logo-play .altareeq-data-line{animation-duration:.62s}.altareeq-logo:hover .altareeq-word-main,.altareeq-logo.is-logo-play .altareeq-word-main{letter-spacing:.4px;transform:skewX(-5deg)}.altareeq-logo:hover .altareeq-energy,.altareeq-logo.is-logo-play .altareeq-energy{animation-duration:.75s;opacity:1} .ag-logo-motion-off *{animation:none!important}.ag-logo-trigger-click:not(.is-logo-play):hover *{animation-play-state:running}.ag-logo-trigger-both:hover *,.ag-logo-trigger-both.is-logo-play *{animation-play-state:running} /* نهاية لوجو الطريق */ /* بداية القوائم بدون كروت حول الزر */ .ag-pro-nav{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}.ag-pro-link-wrap{position:relative;padding-bottom:18px;margin-bottom:-18px}.ag-pro-link{position:relative;height:44px;min-width:auto;padding:0 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;color:#334155;font-size:13px;font-weight:600;text-decoration:none;transition:.22s ease}.ag-pro-link::after{content:"";position:absolute;right:0;left:0;bottom:1px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--ag-head-one,#0ea5e9),var(--ag-head-two,#7c3aed));transform:scaleX(0);opacity:0;transition:.24s ease}.ag-pro-link i{font-size:20px;color:#0ea5e9;transition:.24s ease}.ag-pro-link span{display:block}.ag-pro-link:hover,.ag-pro-link.active,.ag-pro-link-wrap:hover>.ag-pro-link,.ag-pro-link-wrap.is-open>.ag-pro-link{color:#0f172a;transform:translateY(-1px)}.ag-pro-link:hover::after,.ag-pro-link.active::after,.ag-pro-link-wrap:hover>.ag-pro-link::after,.ag-pro-link-wrap.is-open>.ag-pro-link::after{opacity:1;transform:scaleX(1)}.ag-pro-link:hover i,.ag-pro-link-wrap:hover>.ag-pro-link i{color:#7c3aed;filter:drop-shadow(0 0 8px rgba(124,58,237,.25))}html[data-theme="dark"] .ag-pro-link{color:#cbd5e1}html[data-theme="dark"] .ag-pro-link:hover,html[data-theme="dark"] .ag-pro-link.active,html[data-theme="dark"] .ag-pro-link-wrap:hover>.ag-pro-link{color:#fff} .ag-dropdown{position:absolute;top:calc(100% + 8px);right:50%;transform:translateX(50%) translateY(10px) scale(.98);opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease;z-index:99999;border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.94);backdrop-filter:blur(18px);box-shadow:0 28px 80px rgba(15,23,42,.14)}html[data-theme="dark"] .ag-dropdown{background:rgba(8,13,27,.94);border-color:rgba(255,255,255,.08);box-shadow:0 32px 90px rgba(0,0,0,.42)}.ag-pro-link-wrap:hover .ag-dropdown,.ag-pro-link-wrap.is-open .ag-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(50%) translateY(0) scale(1)}.ag-dropdown::before{content:"";position:absolute;top:-16px;right:0;width:100%;height:18px;background:transparent}.ag-dd-mega .ag-dropdown{width:440px;padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-radius:22px}.ag-dd-cards .ag-dropdown{width:400px;padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,249,255,.94))}.ag-dd-creative .ag-dropdown{width:455px;padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-radius:26px;background:radial-gradient(circle at top right,rgba(14,165,233,.14),transparent 36%),radial-gradient(circle at bottom left,rgba(124,58,237,.13),transparent 36%),rgba(255,255,255,.94)}.ag-dd-list .ag-dropdown{width:215px;padding:12px;display:grid;grid-template-columns:1fr;gap:9px;border-radius:20px}html[data-theme="dark"] .ag-dd-cards .ag-dropdown,html[data-theme="dark"] .ag-dd-creative .ag-dropdown{background:radial-gradient(circle at top right,rgba(14,165,233,.16),transparent 38%),radial-gradient(circle at bottom left,rgba(124,58,237,.14),transparent 38%),rgba(8,13,27,.94)} .ag-drop-node{position:relative;min-width:0}.ag-drop-link{position:relative;min-height:48px;padding:0 12px;border-radius:15px;display:flex;align-items:center;gap:10px;background:rgba(15,23,42,.035);border:1px solid rgba(148,163,184,.13);color:#0f172a;text-decoration:none;font-size:13px;font-weight:600;transition:.22s ease;overflow:hidden}.ag-drop-link::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(14,165,233,.13),rgba(124,58,237,.10));opacity:0;transition:.22s ease}.ag-drop-link i,.ag-drop-link span{position:relative;z-index:1}.ag-drop-link i{font-size:19px;color:#0284c7}.ag-drop-link:hover{transform:translateY(-2px);border-color:rgba(14,165,233,.25)}.ag-drop-link:hover::before{opacity:1}html[data-theme="dark"] .ag-drop-link{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08);color:#e5e7eb}.ag-child-menu{position:absolute;top:0;right:calc(100% + 10px);min-width:180px;padding:10px;border-radius:16px;background:rgba(255,255,255,.96);border:1px solid rgba(148,163,184,.16);box-shadow:0 20px 60px rgba(15,23,42,.18);opacity:0;visibility:hidden;transform:translateX(10px);transition:.22s ease;z-index:99999}.ag-drop-node:hover .ag-child-menu{opacity:1;visibility:visible;transform:translateX(0)}.ag-child-menu a{height:36px;padding:0 11px;border-radius:10px;display:flex;align-items:center;color:#0f172a;text-decoration:none;background:transparent;font-size:12px;font-weight:600}.ag-child-menu a:hover{background:rgba(14,165,233,.10)}html[data-theme="dark"] .ag-child-menu{background:rgba(8,13,27,.96);border-color:rgba(255,255,255,.08)}html[data-theme="dark"] .ag-child-menu a{color:#e5e7eb} /* نهاية القوائم */ /* بداية أزرار الهيدر */ .ag-pro-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.ag-pro-actions button,.ag-pro-actions a,.ag-user-btn{width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;border:0!important;border-radius:12px!important;background:rgba(15,23,42,.055)!important;color:#0f172a!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;transition:.22s ease;box-shadow:none!important;overflow:visible!important;position:relative!important;text-decoration:none!important}.ag-pro-actions i{font-size:20px}.ag-pro-actions button:hover,.ag-pro-actions a:hover,.ag-user-wrap:hover .ag-user-btn{background:linear-gradient(135deg,var(--ag-head-one,#0ea5e9),var(--ag-head-two,#7c3aed))!important;color:#fff!important;transform:translateY(-2px)}html[data-theme="dark"] .ag-pro-actions button,html[data-theme="dark"] .ag-pro-actions a,html[data-theme="dark"] .ag-user-btn{background:rgba(255,255,255,.07)!important;color:#fff!important}.ag-action-tip::after{content:attr(data-tip);position:absolute;top:calc(100% + 12px);right:50%;transform:translateX(50%) translateY(7px);background:#0f172a;color:#fff;padding:7px 10px;border-radius:9px;font-size:11px;font-weight:600;line-height:1;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:999999;transition:.16s ease;box-shadow:0 12px 30px rgba(0,0,0,.25)}.ag-action-tip::before{content:"";position:absolute;top:calc(100% + 5px);right:50%;transform:translateX(50%);border:6px solid transparent;border-bottom-color:#0f172a;opacity:0;visibility:hidden;pointer-events:none;z-index:999999;transition:.16s ease}.ag-action-tip:hover::after,.ag-action-tip:hover::before{opacity:1;visibility:visible}.ag-mode-toggle i{position:absolute;transition:.25s ease}html[data-theme="light"] .ag-mode-sun{opacity:1;transform:scale(1) rotate(0)}html[data-theme="light"] .ag-mode-moon{opacity:0;transform:scale(.45) rotate(120deg)}html[data-theme="dark"] .ag-mode-sun{opacity:0;transform:scale(.45) rotate(-120deg)}html[data-theme="dark"] .ag-mode-moon{opacity:1;transform:scale(1) rotate(0)}.ag-user-wrap{position:relative!important}.ag-user-menu{position:absolute;top:calc(100% + 12px);left:0;width:188px!important;min-width:188px!important;padding:9px!important;border-radius:15px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(148,163,184,.16);box-shadow:0 24px 70px rgba(15,23,42,.18);opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s ease;z-index:99999}.ag-user-wrap:hover .ag-user-menu{opacity:1;visibility:visible;transform:translateY(0)}.ag-user-menu a{width:100%!important;height:39px!important;padding:0 12px!important;border-radius:11px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;white-space:nowrap!important;font-size:12px!important;line-height:1!important;font-weight:600!important;background:transparent!important;color:#0f172a!important}.ag-user-menu a:hover{background:rgba(14,165,233,.10)!important;color:#0284c7!important;transform:none!important}html[data-theme="dark"] .ag-user-menu{background:rgba(8,13,27,.96)!important;border-color:rgba(255,255,255,.08)}html[data-theme="dark"] .ag-user-menu a{color:#e5e7eb!important} /* نهاية أزرار الهيدر */ /* بداية نظام حركة الأيقونات */ .ag-motion-none i{animation:none!important}.ag-motion-hover i{animation:none}.ag-motion-hover:hover i,.ag-pro-link-wrap:hover>.ag-motion-hover i,.ag-drop-link:hover i{animation-play-state:running}.ag-motion-auto i{animation-iteration-count:infinite}.ag-motion-autoPause i{animation-iteration-count:infinite}.ag-motion-autoPause:hover i{animation-play-state:paused!important}.ag-icon-effect-float i{animation:agIconFloat 2.2s ease-in-out infinite}.ag-icon-effect-draw i{animation:agIconDraw 1.8s ease-in-out infinite}.ag-icon-effect-pulse i{animation:agIconPulse 1.5s ease-in-out infinite}.ag-icon-effect-spin i{animation:agIconSpin 2.4s linear infinite}.ag-icon-effect-shake i{animation:agIconShake .85s ease-in-out infinite}.ag-icon-effect-glow i{animation:agIconGlow 1.8s ease-in-out infinite}.ag-icon-effect-flip i{animation:agIconFlip 1.8s ease-in-out infinite}.ag-icon-effect-wave i{animation:agIconWave 1.25s ease-in-out infinite}.ag-icon-effect-bounce i{animation:agIconBounce 1.1s ease-in-out infinite}.ag-icon-effect-swing i{animation:agIconSwing 1.6s ease-in-out infinite}.ag-icon-effect-zoom i{animation:agIconZoom 1.4s ease-in-out infinite}.ag-icon-effect-blur i{animation:agIconBlur 1.7s ease-in-out infinite}.ag-icon-effect-skew i{animation:agIconSkew 1.2s ease-in-out infinite}.ag-icon-effect-orbit i{animation:agIconOrbit 1.9s linear infinite}.ag-icon-effect-neon i{animation:agIconNeon 1.5s ease-in-out infinite}.ag-icon-effect-breathe i{animation:agIconBreathe 2.1s ease-in-out infinite}.ag-icon-effect-rubber i{animation:agIconRubber 1.2s ease-in-out infinite}.ag-icon-effect-slash i{animation:agIconSlash 1.2s ease-in-out infinite}.ag-icon-effect-pop i{animation:agIconPop .95s ease-in-out infinite}.ag-icon-effect-tilt i{animation:agIconTilt 1.2s ease-in-out infinite}.ag-motion-hover i{animation-play-state:paused}.ag-motion-hover:hover i,.ag-pro-link-wrap:hover>.ag-motion-hover i{animation-play-state:running} @keyframes agIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes agIconDraw{0%,100%{clip-path:inset(0 0 0 0);opacity:1}45%{clip-path:inset(0 100% 0 0);opacity:.55}}@keyframes agIconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes agIconSpin{to{transform:rotate(360deg)}}@keyframes agIconShake{0%,100%{transform:translateX(0)}30%{transform:translateX(3px)}60%{transform:translateX(-3px)}}@keyframes agIconGlow{0%,100%{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 10px currentColor)}}@keyframes agIconFlip{0%,100%{transform:rotateY(0)}50%{transform:rotateY(180deg)}}@keyframes agIconWave{0%,100%{transform:rotate(0)}25%{transform:rotate(14deg)}75%{transform:rotate(-12deg)}}@keyframes agIconBounce{0%,100%{transform:translateY(0)}45%{transform:translateY(-7px)}}@keyframes agIconSwing{0%,100%{transform:rotate(0)}30%{transform:rotate(12deg)}70%{transform:rotate(-12deg)}}@keyframes agIconZoom{0%,100%{transform:scale(1)}50%{transform:scale(1.26)}}@keyframes agIconBlur{0%,100%{filter:blur(0);opacity:1}50%{filter:blur(1.5px);opacity:.65}}@keyframes agIconSkew{0%,100%{transform:skewX(0)}50%{transform:skewX(-15deg)}}@keyframes agIconOrbit{0%{transform:rotate(0) translateX(2px) rotate(0)}100%{transform:rotate(360deg) translateX(2px) rotate(-360deg)}}@keyframes agIconNeon{0%,100%{text-shadow:none;filter:none}50%{text-shadow:0 0 10px currentColor;filter:drop-shadow(0 0 8px currentColor)}}@keyframes agIconBreathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.72}}@keyframes agIconRubber{0%,100%{transform:scale(1)}35%{transform:scale(1.22,.78)}65%{transform:scale(.86,1.16)}}@keyframes agIconSlash{0%,100%{transform:translate(0,0)}45%{transform:translate(-4px,4px)}}@keyframes agIconPop{0%,100%{transform:scale(1)}40%{transform:scale(1.32)}70%{transform:scale(.92)}}@keyframes agIconTilt{0%,100%{transform:rotate(0)}50%{transform:rotate(-10deg)}} /* نهاية نظام حركة الأيقونات */ @keyframes altMarkFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-1deg)}}@keyframes altCorePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes altDownloadDrop{0%{transform:translateY(-7px);opacity:.2}35%,70%{transform:translateY(0);opacity:1}100%{transform:translateY(7px);opacity:.25}}@keyframes altPathSpin{to{transform:rotate(360deg)}}@keyframes altMouseMove{0%,100%{transform:translate(0,0)}50%{transform:translate(7px,-8px)}}@keyframes altFileTransfer{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-5px,6px) rotate(-7deg)}}@keyframes altDataLine{0%{transform:translateX(18px);opacity:0}30%,70%{opacity:1}100%{transform:translateX(-18px);opacity:0}}@keyframes altGlow{0%,100%{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}}@keyframes altTextBreath{0%,100%{transform:translateX(0)}50%{transform:translateX(-1px)}}@keyframes altAppDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes altEnergyPass{0%{transform:scaleX(.05);opacity:0}35%{opacity:.9}100%{transform:scaleX(1);opacity:0}}@keyframes altMarkAttack{0%,100%{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-5px) rotate(-4deg) scale(1.06)}}@keyframes altMouseAttack{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(12px,-12px) rotate(-12deg)}}@keyframes altFileAttack{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-8px,9px) rotate(-12deg)}} @media(max-width:1180px){.ag-pro-header-inner{grid-template-columns:auto 1fr auto;padding:10px 18px}.ag-mobile-menu-toggle{display:grid!important;order:3}.ag-pro-logo{order:1}.ag-pro-actions{order:2}.ag-pro-nav{position:absolute;top:100%;right:18px;left:18px;display:none;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;border-radius:22px;background:rgba(255,255,255,.96);border:1px solid rgba(148,163,184,.16);box-shadow:0 22px 70px rgba(15,23,42,.16);backdrop-filter:blur(18px)}html[data-theme="dark"] .ag-pro-nav{background:rgba(8,13,27,.96);border-color:rgba(255,255,255,.08)}.ag-pro-nav.is-mobile-open{display:grid}.ag-pro-link-wrap{padding:0;margin:0}.ag-pro-link{justify-content:flex-start;height:42px}.ag-dropdown{position:static!important;width:100%!important;display:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;margin-top:8px;box-shadow:none;grid-template-columns:1fr!important}.ag-pro-link-wrap.is-open .ag-dropdown{display:grid!important}.ag-child-menu{position:static;opacity:1;visibility:visible;transform:none;margin-top:8px;box-shadow:none}.ag-user-menu{left:0;right:auto}} @media(max-width:680px){.ag-pro-header-inner{grid-template-columns:1fr auto;gap:10px;padding:9px 12px}.ag-pro-logo{min-height:50px}.altareeq-mark{width:48px;height:48px;flex-basis:48px}.altareeq-word-main{font-size:20px}.altareeq-word-dot,.altareeq-word-com{font-size:14px}.altareeq-logo-sub,.altareeq-logo-apps{display:none}.ag-pro-actions{grid-column:1/3;justify-content:center;gap:8px}.ag-pro-nav{right:10px;left:10px;grid-template-columns:repeat(2,1fr);max-height:calc(100vh - 150px);overflow:auto}.ag-dd-mega .ag-dropdown,.ag-dd-cards .ag-dropdown,.ag-dd-creative .ag-dropdown,.ag-dd-list .ag-dropdown{grid-template-columns:1fr!important}.ag-drop-link{min-height:44px}.ag-action-tip::after,.ag-action-tip::before{display:none}} /* نهاية header.css - الطريق دوت كوم V2 */ /* بداية تصميم الهيدر المستقل للموبايل والتابلت فقط - لا يلمس الديسكتوب */ @media (max-width:1180px){ .ag-pro-header{ position:sticky!important; top:0!important; z-index:99999!important; width:100%!important; background:transparent!important; border:0!important; box-shadow:none!important; } body.admin-bar .ag-pro-header{ top:46px!important; } .ag-pro-header-inner{ position:relative!important; direction:rtl!important; width:100%!important; min-height:70px!important; display:grid!important; grid-template-columns:auto minmax(0,1fr) auto!important; grid-template-areas:"logo actions toggle"!important; align-items:center!important; gap:10px!important; padding:9px 14px!important; border:0!important; border-radius:0!important; background: linear-gradient(90deg,rgba(255,255,255,.94),rgba(238,247,255,.88)), radial-gradient(circle at 88% 0%,rgba(14,165,233,.12),transparent 36%), radial-gradient(circle at 10% 0%,rgba(124,58,237,.10),transparent 38%)!important; box-shadow:0 10px 28px rgba(15,23,42,.06)!important; backdrop-filter:blur(18px)!important; -webkit-backdrop-filter:blur(18px)!important; } html[data-theme="dark"] .ag-pro-header-inner{ background: linear-gradient(90deg,rgba(3,7,18,.95),rgba(8,13,27,.90)), radial-gradient(circle at 88% 0%,rgba(14,165,233,.15),transparent 36%), radial-gradient(circle at 10% 0%,rgba(124,58,237,.14),transparent 38%)!important; box-shadow:0 12px 34px rgba(0,0,0,.22)!important; } .ag-pro-logo, .altareeq-logo{ grid-area:logo!important; order:unset!important; justify-self:start!important; align-self:center!important; min-height:48px!important; max-width:100%!important; gap:8px!important; transform:none!important; } .altareeq-mark{ width:48px!important; height:46px!important; flex:0 0 48px!important; } .altareeq-download-core{ inset:7px 8px 9px 8px!important; border-radius:16px!important; } .altareeq-download-core i{ font-size:24px!important; } .altareeq-mouse-path, .altareeq-mouse, .altareeq-file-box, .altareeq-logo-apps{ display:none!important; } .altareeq-data-line-1{ width:34px!important; right:7px!important; bottom:8px!important; } .altareeq-data-line-2{ width:26px!important; right:11px!important; bottom:3px!important; } .altareeq-text{ gap:2px!important; min-width:0!important; } .altareeq-title-row{ gap:4px!important; white-space:nowrap!important; } .altareeq-word-main{ font-size:22px!important; font-weight:800!important; letter-spacing:-.6px!important; } .altareeq-word-dot, .altareeq-word-com{ font-size:13px!important; font-weight:700!important; } .altareeq-logo-sub{ font-size:9px!important; max-width:128px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .ag-pro-actions{ grid-area:actions!important; order:unset!important; justify-self:center!important; align-self:center!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; gap:7px!important; min-width:0!important; } .ag-pro-actions button, .ag-pro-actions a, .ag-user-btn{ width:38px!important; height:38px!important; min-width:38px!important; border-radius:13px!important; font-size:18px!important; background:rgba(15,23,42,.055)!important; color:#0f172a!important; box-shadow:none!important; } html[data-theme="dark"] .ag-pro-actions button, html[data-theme="dark"] .ag-pro-actions a, html[data-theme="dark"] .ag-user-btn{ background:rgba(255,255,255,.075)!important; color:#ffffff!important; } .ag-mobile-menu-toggle{ grid-area:toggle!important; order:unset!important; justify-self:end!important; align-self:center!important; display:grid!important; place-items:center!important; width:42px!important; height:42px!important; min-width:42px!important; padding:0!important; margin:0!important; border:0!important; border-radius:14px!important; background:linear-gradient(135deg,rgba(14,165,233,.14),rgba(124,58,237,.12))!important; color:#0f172a!important; font-size:24px!important; box-shadow:none!important; cursor:pointer!important; } html[data-theme="dark"] .ag-mobile-menu-toggle{ background:linear-gradient(135deg,rgba(14,165,233,.18),rgba(124,58,237,.16))!important; color:#ffffff!important; } .ag-mobile-menu-toggle.is-active{ color:#0ea5e9!important; background:rgba(14,165,233,.16)!important; } .ag-mobile-menu-toggle i{ line-height:1!important; transition:.22s ease!important; } .ag-mobile-menu-toggle.is-active i{ transform:rotate(90deg)!important; } .ag-pro-nav{ position:absolute!important; top:calc(100% + 8px)!important; right:14px!important; left:14px!important; z-index:99998!important; width:auto!important; min-width:0!important; max-width:none!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; max-height:0!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; overflow:hidden!important; margin:0!important; padding:0!important; border:0!important; border-radius:22px!important; background:rgba(255,255,255,.96)!important; box-shadow:0 24px 70px rgba(15,23,42,.18)!important; backdrop-filter:blur(18px)!important; -webkit-backdrop-filter:blur(18px)!important; transform:translateY(-6px)!important; transition:max-height .34s ease, opacity .22s ease, transform .24s ease, padding .24s ease!important; } html[data-theme="dark"] .ag-pro-nav{ background:rgba(8,13,27,.97)!important; box-shadow:0 24px 80px rgba(0,0,0,.40)!important; } .ag-pro-nav.is-mobile-open{ max-height:72vh!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; overflow:auto!important; padding:12px!important; border:1px solid rgba(148,163,184,.16)!important; transform:translateY(0)!important; } html[data-theme="dark"] .ag-pro-nav.is-mobile-open{ border-color:rgba(255,255,255,.08)!important; } .ag-pro-link-wrap{ position:relative!important; width:100%!important; display:block!important; padding:0!important; margin:0!important; } .ag-pro-link{ position:relative!important; width:100%!important; height:42px!important; min-height:42px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; padding:0 10px!important; border:0!important; border-radius:14px!important; background:rgba(248,250,252,.82)!important; box-shadow:none!important; color:#334155!important; font-size:12px!important; font-weight:600!important; line-height:1!important; transform:none!important; } html[data-theme="dark"] .ag-pro-link{ background:rgba(255,255,255,.06)!important; color:#dbeafe!important; } .ag-pro-link i{ font-size:18px!important; color:#0ea5e9!important; flex:0 0 auto!important; } .ag-pro-link span{ min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .ag-pro-link::after{ right:13px!important; left:13px!important; bottom:0!important; height:2px!important; } .ag-pro-link-wrap.has-dropdown > .ag-pro-link{ padding-left:30px!important; } .ag-pro-link-wrap.has-dropdown > .ag-pro-link::before{ content:"\ea4a"!important; font-family:boxicons!important; position:absolute!important; left:10px!important; top:50%!important; transform:translateY(-50%) rotate(0deg)!important; font-size:16px!important; color:#94a3b8!important; transition:.22s ease!important; } .ag-pro-link-wrap.is-open > .ag-pro-link::before{ transform:translateY(-50%) rotate(180deg)!important; color:#0ea5e9!important; } .ag-dropdown, .ag-dd-mega .ag-dropdown, .ag-dd-cards .ag-dropdown, .ag-dd-creative .ag-dropdown, .ag-dd-list .ag-dropdown{ position:static!important; top:auto!important; right:auto!important; left:auto!important; width:100%!important; min-width:0!important; max-width:none!important; display:grid!important; grid-template-columns:1fr!important; gap:7px!important; max-height:0!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; overflow:hidden!important; transform:none!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; transition:max-height .28s ease, opacity .18s ease, margin .22s ease, padding .22s ease!important; } .ag-pro-link-wrap:hover > .ag-dropdown{ max-height:0!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:none!important; } .ag-pro-link-wrap.is-open{ grid-column:span 1!important; } .ag-pro-link-wrap.is-open .ag-dropdown{ max-height:520px!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; overflow:auto!important; margin-top:7px!important; padding:7px!important; border-radius:15px!important; background:rgba(241,245,249,.86)!important; } html[data-theme="dark"] .ag-pro-link-wrap.is-open .ag-dropdown{ background:rgba(255,255,255,.045)!important; } .ag-drop-node{ width:100%!important; min-width:0!important; position:relative!important; } .ag-drop-link{ width:100%!important; min-height:38px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:8px!important; padding:8px 10px!important; border-radius:12px!important; background:rgba(255,255,255,.70)!important; color:#334155!important; font-size:12px!important; font-weight:600!important; transform:none!important; } html[data-theme="dark"] .ag-drop-link{ background:rgba(255,255,255,.055)!important; color:#e5e7eb!important; } .ag-drop-link i{ font-size:17px!important; color:#0ea5e9!important; } .ag-child-menu{ position:static!important; width:100%!important; min-width:0!important; max-width:none!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:6px!important; opacity:1!important; visibility:visible!important; transform:none!important; margin:7px 0 2px 0!important; padding:7px!important; border:0!important; border-radius:12px!important; background:rgba(14,165,233,.06)!important; box-shadow:none!important; } .ag-child-menu a{ min-height:31px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 8px!important; border-radius:9px!important; font-size:11px!important; font-weight:600!important; text-align:center!important; background:rgba(255,255,255,.50)!important; } html[data-theme="dark"] .ag-child-menu a{ background:rgba(255,255,255,.05)!important; } .ag-action-tip::after, .ag-action-tip::before{ display:none!important; } .ag-user-menu{ top:calc(100% + 8px)!important; left:0!important; right:auto!important; width:170px!important; min-width:170px!important; z-index:100000!important; } } @media (max-width:680px){ .ag-pro-header-inner{ min-height:64px!important; grid-template-columns:auto minmax(0,1fr) auto!important; grid-template-areas:"logo actions toggle"!important; gap:7px!important; padding:8px 9px!important; } .altareeq-logo{ gap:6px!important; min-width:0!important; } .altareeq-mark{ width:38px!important; height:37px!important; flex-basis:38px!important; } .altareeq-download-core{ inset:6px 7px 8px 7px!important; border-radius:14px!important; } .altareeq-download-core i{ font-size:20px!important; } .altareeq-text{ max-width:112px!important; } .altareeq-word-main{ font-size:18px!important; letter-spacing:-.45px!important; } .altareeq-word-dot, .altareeq-word-com{ font-size:10px!important; } .altareeq-logo-sub{ display:none!important; } .ag-pro-actions{ gap:5px!important; overflow:visible!important; } .ag-pro-actions button, .ag-pro-actions a, .ag-user-btn{ width:33px!important; height:33px!important; min-width:33px!important; border-radius:11px!important; font-size:17px!important; } .ag-mobile-menu-toggle{ width:35px!important; height:35px!important; min-width:35px!important; border-radius:11px!important; font-size:22px!important; } .ag-pro-nav{ right:9px!important; left:9px!important; top:calc(100% + 7px)!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:7px!important; border-radius:20px!important; } .ag-pro-nav.is-mobile-open{ max-height:calc(100vh - 120px)!important; padding:10px!important; } .ag-pro-link{ height:41px!important; min-height:41px!important; gap:6px!important; padding:0 8px!important; border-radius:13px!important; font-size:11px!important; } .ag-pro-link i{ font-size:17px!important; } .ag-pro-link span{ max-width:88px!important; } .ag-pro-link-wrap.is-open{ grid-column:1 / -1!important; } .ag-pro-link-wrap.is-open .ag-dropdown{ max-height:430px!important; } .ag-drop-link{ min-height:37px!important; font-size:11px!important; border-radius:11px!important; } .ag-child-menu{ grid-template-columns:1fr 1fr!important; } .ag-child-menu a{ min-height:30px!important; font-size:10.5px!important; } } @media (max-width:390px){ .altareeq-mark{ display:none!important; } .altareeq-text{ max-width:96px!important; } .altareeq-word-main{ font-size:17px!important; } .ag-pro-actions button, .ag-pro-actions a, .ag-user-btn{ width:31px!important; height:31px!important; min-width:31px!important; } .ag-mobile-menu-toggle{ width:33px!important; height:33px!important; min-width:33px!important; } } /* نهاية تصميم الهيدر المستقل للموبايل والتابلت فقط - لا يلمس الديسكتوب */