/*
Theme Name: STCC v10 Slider + Menu Fixed
Theme URI: https://stcceg.com
Author: STCC Team
Description: القالب النهائي مع إصلاح القوائم المنسدلة + سلايدر كاروسيل مع كارت زجاجي - مطابق للاتفاق - 16 ملاحظة كاملة
Version: 10.0.0
Text Domain: stcc
*/
:root{--navy:#0a1931;--blue:#185adb;--gold:#ffc947;--light:#f6f8fb}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Tajawal',sans-serif;direction:rtl;background:#fff;color:#222;line-height:1.8}

/* ===== الهيدر + القوائم المنسدلة مضبوطة تحت الأب - ملاحظة 1 ===== */
.top-bar{background:var(--navy);color:#fff;padding:7px 3%;font-size:13px;display:flex;justify-content:space-between}
.main-header{background:#fff;box-shadow:0 2px 15px rgba(0,0,0,.08);position:sticky;top:0;z-index:1000}
.header-inner{max-width:1400px;margin:auto;padding:10px 3%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo-box{background:var(--navy);color:var(--gold);padding:10px 26px;border-radius:12px;font-weight:800;font-size:22px;text-decoration:none;display:inline-block}

/* قائمة رئيسية */
.header-nav ul{list-style:none;display:flex;gap:0;flex-wrap:wrap}
.header-nav ul li{position:relative}
.header-nav ul li a{display:block;padding:14px 14px;color:var(--navy);text-decoration:none;font-weight:700;font-size:14px;transition:.2s}
.header-nav ul li a:hover{color:var(--blue)}

/* القائمة المنسدلة - مضبوطة تحت الأب مباشرة */
.header-nav ul li ul.sub-menu,
.header-nav ul li ul.children,
.header-nav ul ul{
  position:absolute; top:100%; right:0; min-width:220px;
  background:#fff; box-shadow:0 10px 30px rgba(10,25,49,.15);
  border-radius:12px; padding:8px 0; display:none;
  z-index:9999; border:1px solid #eef1f6;
}
.header-nav ul li:hover > ul{display:block; animation:fadeIn .2s ease}
.header-nav ul li ul li{width:100%}
.header-nav ul li ul li a{padding:10px 18px; font-size:13px; font-weight:600; white-space:nowrap}
.header-nav ul li ul li a:hover{background:var(--light); color:var(--blue); padding-right:22px}
@keyframes fadeIn{from{opacity:0; transform:translateY(10px)} to{opacity:1; transform:translateY(0)}}

/* ===== السلايدر الجديد - جزأين كما اتفقنا - ملاحظة 6 ===== */
.hero{position:relative; min-height:580px; background:linear-gradient(135deg,#06162f 0%,#0e3a8a 50%,#185adb 100%); padding:50px 0; overflow:hidden}
.hero-inner{max-width:1400px; margin:auto; padding:0 4%; display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; width:100%}

/* الجزء الثابت - يسار */
.hero-fixed{color:#fff}
.hero-fixed h1{font-size:36px; font-weight:800; line-height:1.35; margin-bottom:18px}
.hero-fixed .keywords{display:flex; gap:10px; flex-wrap:wrap; margin:18px 0}
.hero-fixed .keywords span{background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.25); padding:6px 14px; border-radius:50px; font-size:13px; display:flex; align-items:center; gap:6px}
.hero-fixed .keywords i{color:var(--gold)}
.hero-fixed .hero-btns{display:flex; gap:12px; margin-top:24px}
.btn-primary{background:var(--gold); color:var(--navy); padding:13px 28px; border-radius:50px; font-weight:800; text-decoration:none; display:inline-block; transition:.3s}
.btn-secondary{background:transparent; color:#fff; border:2px solid rgba(255,255,255,.4); padding:11px 26px; border-radius:50px; font-weight:800; text-decoration:none; display:inline-block; transition:.3s}
.btn-primary:hover{transform:translateY(-2px); box-shadow:0 8px 20px rgba(255,201,71,.4)}
.btn-secondary:hover{background:rgba(255,255,255,.12); border-color:#fff}

/* الجزء المتحرك - كاروسيل + كارت زجاجي */
.hero-carousel{position:relative; height:420px; border-radius:22px; overflow:hidden; box-shadow:0 20px 50px rgba(0,0,0,.3)}
.carousel-track{position:relative; width:100%; height:100%}
.carousel-slide{position:absolute; inset:0; opacity:0; transform:scale(1.15); transition:all 1.4s ease; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:800; font-size:20px; text-align:center; padding:30px}
.carousel-slide.active{opacity:1; transform:scale(1);}
.carousel-slide.s1{background:linear-gradient(135deg,#185adb,#0a1931)}
.carousel-slide.s2{background:linear-gradient(135deg,#0a1931,#134075)}
.carousel-slide.s3{background:linear-gradient(135deg,#134075,#185adb)}

/* الكارت الزجاجي الشفاف فوق الكاروسيل */
.glass-card{position:absolute; bottom:20px; left:20px; right:20px; background:rgba(255,255,255,.14); backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.28); border-radius:18px; padding:18px; color:#fff; box-shadow:0 10px 30px rgba(0,0,0,.25)}
.glass-card h3{font-size:16px; font-weight:800; margin-bottom:6px}
.glass-card p{font-size:13px; color:#cbd5e1; margin-bottom:12px}
.glass-card .glass-btns{display:flex; gap:10px}
.glass-card .glass-btns a{padding:8px 18px; border-radius:50px; font-size:13px; font-weight:700; text-decoration:none; transition:.2s}
.glass-card .btn-details{background:var(--gold); color:var(--navy)}
.glass-card .btn-book{background:rgba(255,255,255,.2); color:#fff; border:1px solid rgba(255,255,255,.4)}

/* باقي الأقسام */
.welcome{padding:55px 3%;text-align:center;max-width:1000px;margin:auto}
.welcome h2{font-size:28px;font-weight:800;color:var(--navy)}
.upcoming{padding:60px 3%;background:#fff}
.section-title{text-align:center;font-size:30px;font-weight:800;color:var(--navy);margin-bottom:32px}
.upcoming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1400px;margin:auto}
.upcoming-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(10,25,49,.08);border:1px solid #eef1f6}
.upcoming-card .thumb{height:200px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;text-align:center;padding:20px}
.upcoming-card .info{padding:18px}
.filter-bar{background:#0a1931;padding:55px 3%;text-align:center;color:#fff}
.filters{max-width:1100px;margin:28px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.filters select,.filters input{padding:14px 12px;border-radius:12px;border:none;font-family:'Tajawal'}
.fields{padding:70px 3%;background:var(--light)}
.fields-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1400px;margin:0 auto}
.field-card{background:#fff;border-radius:18px;padding:32px 20px;text-align:center;box-shadow:0 8px 24px rgba(10,25,49,.06);border:1px solid #eef1f6}
.field-card i{font-size:44px;color:var(--blue);margin-bottom:12px}
.field-card h3{font-size:16px;font-weight:800;margin:10px 0 4px}
.btn-all{display:inline-block;background:var(--navy);color:#fff;padding:16px 38px;border-radius:50px;font-weight:800;font-size:17px;text-decoration:none;box-shadow:0 10px 28px rgba(10,25,49,.35);margin-top:42px}
.design{background:var(--navy);color:#fff;text-align:center;padding:85px 3%}
.btn-yellow{background:var(--gold);color:var(--navy);padding:15px 36px;border-radius:50px;font-weight:800;display:inline-block;text-decoration:none;margin-top:24px}
.why{padding:70px 3%;background:#fff}
.why-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.why-card{background:var(--light);border-radius:18px;padding:34px;text-align:center}
.why-card i{font-size:50px;color:var(--blue);margin-bottom:14px}
.clients{padding:55px 3%;background:var(--light)}
.clients-title{text-align:center;font-weight:800;font-size:24px;color:var(--navy);margin-bottom:26px}
.clients-track{display:flex;gap:18px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:10px;scrollbar-width:none}
.clients-track::-webkit-scrollbar{display:none}
.client-logo{min-width:170px;background:#fff;border-radius:14px;padding:12px;box-shadow:0 4px 14px rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;height:90px;font-weight:800;color:var(--navy)}
.contact-strip{max-width:1400px;margin:-45px auto 0;background:#fff;border-radius:22px;box-shadow:0 12px 36px rgba(0,0,0,.13);display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;position:relative;z-index:2}
.contact-strip div{padding:32px;text-align:center;border-left:1px solid #eee}
.contact-strip div:last-child{border:none}
.contact-strip i{font-size:34px;color:var(--blue);margin-bottom:10px}
.footer{background:var(--navy);color:#fff;padding:85px 3% 28px;margin-top:65px}
.footer-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:42px}
.footer-grid h4{color:#fff !important;font-weight:800;font-size:18px;margin-bottom:16px}
.footer-grid p,.footer-grid a,.footer-grid li{color:#fff !important;font-size:15px;line-height:2.1;text-decoration:none;list-style:none}
.copy{border-top:1px solid rgba(255,255,255,.13);margin-top:38px;padding-top:18px;text-align:center;color:#cbd5e1}
.whatsapp-float{position:fixed;bottom:30px;right:30px;z-index:99999;width:66px;height:66px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(0,0,0,.28);animation:pulse 2s infinite;text-decoration:none}
.whatsapp-float i{font-size:36px;color:#fff}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}70%{box-shadow:0 0 0 20px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@media(max-width:992px){.hero-inner,.upcoming-grid,.filters,.fields-grid,.why-grid,.footer-grid,.contact-strip{grid-template-columns:1fr} .hero-inner{grid-template-columns:1fr} .fields-grid{grid-template-columns:repeat(2,1fr)}}