/*
Theme Name: E3 Expo – ملتقى التوظيف الهندسي
Description: ثيم ووردبريس عربي (RTL) لملتقى التوظيف الهندسي E3 Expo 2026 بعناصر 3D وانميشن وشخصيات. كل المحتوى قابل للتعديل من المخصّص (Customizer) وأنواع المحتوى (متحدثون، شركات، شركاء، منظمون، برنامج).
Version: 1.0.0
Text Domain: e3expo
Requires at least: 6.0
Requires PHP: 7.4
*/
:root{--bg:#0B1330;--surface:#141E45;--deep:#10205A;--accent:#FFB547;--teal:#3DDBC6;--text:#F4F6FF;--muted:#C9D0F0;--blue:#3B5BDB;--green:#17A593;--orange:#D9822B}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Cairo',Tahoma,sans-serif;overflow-x:hidden}
a{color:var(--text);text-decoration:none}a:hover{color:var(--accent)}
img{max-width:100%;height:auto}
h1,h2,h3{margin:0}
.ee-wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.ee-sec{padding-bottom:72px}
.ee-sec h2{font-size:40px;font-weight:900;margin-bottom:32px}
.ee-sec h2+p.ee-sub{margin:-24px 0 32px;color:var(--muted)}

/* --- تعديلات الهيدر واللوجو --- */
.ee-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding-top:24px;padding-bottom:24px}

/* حاوية اللوجو: توسيط العناصر */
.ee-logo-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center}

/* اللوجو: جعل النص تحت الصورة وتوسيطه */
.ee-logo{font-weight:900;font-size:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
.ee-logo i{width:36px;height:36px;border-radius:10px;background:var(--accent);display:inline-block}
.ee-logo img{max-height:55px;width:auto} /* زيادة حجم الصورة قليلاً لتناسب التصميم العمودي */

/* النص التحتي: جعله Bold وأوضح */
.ee-logo-subtitle{font-size:15px;color:var(--text);font-weight:800;margin-top:6px;letter-spacing:0.5px;text-align:center}

.ee-nav ul{display:flex;gap:28px;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-weight:700}
.ee-head-actions{display:flex;align-items:center;gap:12px}
/* --- نهاية تعديلات الهيدر --- */

.ee-btn{display:inline-block;background:var(--accent);color:var(--bg);font-weight:900;padding:14px 30px;border-radius:14px;min-height:44px;border:0;font-family:inherit;font-size:17px;cursor:pointer}
.ee-btn:hover{color:var(--bg);filter:brightness(1.08)}
.ee-btn-o{background:none;border:2px solid var(--teal);color:var(--teal);padding:12px 30px}
.ee-btn-o:hover{color:var(--teal)}
/* hero */
.ee-hero{display:flex;align-items:center;flex-wrap:wrap;gap:32px;padding-top:24px;padding-bottom:64px}
.ee-hero-txt{flex:1 1 420px;animation:rise .9s ease both}
.ee-badge{display:inline-block;background:var(--surface);color:var(--teal);padding:8px 18px;border-radius:99px;font-weight:700;margin-bottom:20px}
.ee-hero h1{font-size:clamp(38px,6vw,60px);line-height:1.2;font-weight:900;margin-bottom:20px}
.ee-hero h1 span{color:var(--accent)}
.ee-hero p{font-size:20px;line-height:1.8;color:var(--muted);max-width:520px;margin:0 0 32px}
.ee-cta{display:flex;gap:14px;flex-wrap:wrap}
.ee-scene{flex:1 1 460px;height:480px;position:relative;perspective:1000px}
.ee-scene>*{position:absolute}
.ee-floor{left:50%;bottom:30px;width:380px;height:90px;margin-left:-190px;border-radius:50%;background:var(--teal);animation:pulse 3s ease-in-out infinite}
.ee-cube{left:50%;top:90px;width:220px;height:220px;margin-left:-110px;transform-style:preserve-3d;animation:spin 18s linear infinite}
.ee-cube div{position:absolute;width:220px;height:220px;border:3px solid var(--text);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;background:var(--surface)}
.ee-cube .f1{background:var(--blue);transform:translateZ(110px)}
.ee-cube .f2{background:var(--green);transform:rotateY(90deg) translateZ(110px)}
.ee-cube .f3{background:var(--orange);transform:rotateY(180deg) translateZ(110px)}
.ee-cube .f4{background:#6B46C1;transform:rotateY(-90deg) translateZ(110px)}
.ee-cube .f5{transform:rotateX(90deg) translateZ(110px)}
.ee-cube .f6{transform:rotateX(-90deg) translateZ(110px)}
.ee-tag{padding:10px 18px;border-radius:12px;font-weight:900;animation:floaty 4s ease-in-out infinite}
.ee-tag.a{right:30px;top:30px;background:var(--text);color:var(--bg)}
.ee-tag.b{left:20px;top:60px;background:var(--teal);color:var(--bg);animation-duration:5s}
.ee-float{animation:floaty 4.5s ease-in-out infinite}
/* stats */
.ee-stats{display:flex;gap:20px;flex-wrap:wrap;padding-bottom:64px}
.ee-stat{flex:1 1 220px;background:var(--surface);border-radius:18px;padding:24px;text-align:center}
.ee-stat b{display:block;font-size:40px;font-weight:900;color:var(--accent)}
.ee-stat:nth-child(even) b{color:var(--teal)}
.ee-stat span{color:var(--muted)}
/* engineering world */
.ee-world{height:440px;position:relative;perspective:1100px}
.ee-world>*{position:absolute}
.ee-plane{left:3%;right:3%;bottom:10px;height:300px;transform:rotateX(62deg);border:3px solid var(--teal);background-color:var(--deep);background-image:linear-gradient(#2A3F8F 2px,transparent 2px),linear-gradient(90deg,#2A3F8F 2px,transparent 2px);background-size:48px 48px;animation:grid 3s linear infinite}
.ee-gears{left:34%;bottom:130px;display:flex;align-items:flex-end}
.ee-gears span{margin-right:-26px;margin-bottom:-24px}
.ee-chip{left:8%;bottom:110px;width:120px;height:120px;transform-style:preserve-3d;transform:rotateX(60deg) rotateZ(-35deg);animation:bob 3s ease-in-out infinite}
.ee-chip i{position:absolute;border:3px solid var(--text)}
.ee-chip i:nth-child(1){inset:0;background:var(--blue)}
.ee-chip i:nth-child(2){inset:14px;background:var(--green);transform:translateZ(26px)}
.ee-chip i:nth-child(3){inset:34px;background:var(--accent);transform:translateZ(52px)}
.ee-row{display:flex;gap:20px;flex-wrap:wrap}
.ee-disc{perspective:1000px;margin-top:24px}
.ee-tile{flex:1 1 170px;color:var(--bg);font-weight:900;font-size:20px;border-radius:16px;padding:22px;text-align:center;transform:rotateX(8deg);transition:transform .4s;box-shadow:-10px 14px 0 var(--surface)}
.ee-tile:nth-child(3n+1){background:var(--accent)}.ee-tile:nth-child(3n+2){background:var(--teal)}.ee-tile:nth-child(3n){background:#E8ECFF}
/* cards */
.ee-3d{perspective:1200px}
.ee-tilt{transition:transform .4s}.ee-tilt:hover,.ee-tile:hover{transform:rotateX(0) rotateY(0) translateY(-8px) !important}
.ee-ag{flex:1 1 300px;border-radius:20px;padding:32px;box-shadow:-18px 24px 0 var(--surface);transform:rotateX(4deg);color:var(--bg)}
.ee-ag:nth-child(3n+1){background:var(--blue);color:#fff;transform:rotateY(12deg) rotateX(4deg)}
.ee-ag:nth-child(3n+2){background:var(--green)}
.ee-ag:nth-child(3n){background:var(--orange);transform:rotateY(-12deg) rotateX(4deg)}
.ee-ag small{font-size:14px;font-weight:700}
.ee-ag h3{font-size:26px;margin:8px 0}
.ee-ag p{margin:0;line-height:1.8}
.ee-card{flex:1 1 240px;background:var(--surface);border-radius:20px;padding:28px;text-align:center;transform:rotateX(6deg)}
.ee-ph{width:120px;height:120px;border-radius:50%;background:var(--deep);margin:0 auto 16px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;animation:bob 3s ease-in-out infinite}
.ee-ph img{width:100%;height:100%;object-fit:cover}
.ee-card h3{font-size:22px;margin-bottom:6px}
.ee-role{color:var(--teal);font-weight:700}
.ee-card p{margin:10px 0 0;color:var(--muted);line-height:1.7}
.ee-org{flex:1 1 280px;background:var(--surface);border-radius:20px;padding:28px;display:flex;align-items:center;gap:18px;transform:rotateX(6deg)}
.ee-org .ee-ph{width:96px;height:96px;margin:0;flex:none}
.ee-org h3{font-size:20px;margin-bottom:4px}.ee-org .ee-role{color:var(--accent)}
.ee-logo-box{flex:1 1 160px;height:110px;border:2px dashed var(--teal);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--teal);font-weight:700;animation:floaty 5s ease-in-out infinite;padding:10px}
.ee-logo-box:nth-child(even){border-color:var(--accent);color:var(--accent);animation-duration:6s}
.ee-logo-box img{max-height:80px;width:auto;object-fit:contain}
.ee-logo-box.has{border-style:solid;background:var(--surface)}
.ee-tier{margin-bottom:22px}.ee-tier h3{font-weight:900;font-size:18px;margin-bottom:10px;color:var(--accent)}
.ee-tier:nth-of-type(2n) h3{color:var(--teal)}
.ee-tier .ee-logo-box{height:90px;animation:none}
/* join + footer */
.ee-join{max-width:1100px;margin:0 auto 48px;padding:48px 40px;background:var(--surface);border-radius:28px;display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.ee-join>div{flex:1 1 360px}
.ee-join h2{font-size:36px !important;margin:0 0 10px !important}
.ee-join p{margin:0;color:var(--muted);line-height:1.8}
.ee-join input[type=email],.ee-join input[type=text]{height:52px;border-radius:12px;border:2px solid var(--teal);background:var(--bg);color:var(--text);padding:0 16px;font-family:inherit;font-size:16px;width:100%}
.ee-foot{text-align:center;padding:24px;color:var(--muted)}
.ee-page{padding-top:24px;padding-bottom:72px;line-height:1.9}
/* keyframes */
@keyframes spin{from{transform:rotateX(-18deg) rotateY(0)}to{transform:rotateX(-18deg) rotateY(360deg)}}
@keyframes floaty{0%,100%{transform:translateY(0) rotateZ(-3deg)}50%{transform:translateY(-18px) rotateZ(3deg)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes wave{0%,100%{transform:rotate(0)}50%{transform:rotate(-22deg)}}
@keyframes pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}
@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes spin2{to{transform:rotate(360deg)}}
@keyframes spin2r{to{transform:rotate(-360deg)}}
@keyframes swing{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@keyframes grid{to{background-position:0 48px}}
@media (prefers-reduced-motion:reduce){*{animation:none !important}}
@media (max-width:700px){.ee-world{height:360px}.ee-crane{display:none}.ee-nav ul{gap:16px}}