/*
Theme Name: STCC v8 Master Final
Theme URI: https://stcceg.com
Author: STCC Team
Author URI: https://stcceg.com
Description: القالب النهائي المطابق للتصميم الأصلي - 16 ملاحظة كاملة - سلايدر زجاجي + دورات قادمة Swiper + فلتر 4 فلاتر + 12 مجال + 28 مجال + صمم برنامجك + لماذا STCC + عملاء كاروسيل + حماية صور ولوجو + واتساب + فوتر واضح - آمن وقابل للتعديل 100%
Version: 8.0.0
License: GPL v2 or later
Text Domain: stcc
Tags: training, rtl, responsive, polylang
Requires at least: 5.8
Tested up to: 6.6
*/

/* ========== 16 ملاحظة محفوظة - مراجعة الألوان والخطوط ========== */
:root{
  --navy:#0a1931;
  --blue:#185adb;
  --gold:#ffc947;
  --light:#f6f8fb;
  --green:#25D366;
  --font:'Tajawal', sans-serif;
}
*{box-sizing:border-box; margin:0; padding:0}
body{font-family:var(--font); direction:rtl; background:#fff; color:#1a1a1a; font-size:16px; line-height:1.8}

/* ===== حماية الصور الموحدة - القاعدة الذهبية (ملاحظة 12+13+15) ===== */
.site-logo img{
  max-width:180px !important; max-height:60px !important;
  width:auto !important; height:auto !important;
  object-fit:contain !important; display:block;
}
.footer-logo img{
  max-width:160px !important; max-height:70px !important;
  object-fit:contain !important; filter:brightness(0) invert(1);
}
.course-card img, .upcoming-card img{
  width:100% !important; height:220px !important;
  object-fit:cover !important; object-position:center !important;
  background:#eef1f6; display:block;
}
.field-card img{width:100% !important; height:280px !important; object-fit:cover !important}
.client-logo img{
  width:140px !important; height:70px !important;
  object-fit:contain !important; background:#fff; padding:8px; border-radius:8px;
}

/* ===== الهيدر المحمي ===== */
.top-bar{background:var(--navy); color:#fff; padding:7px 3%; font-size:13px; display:flex; justify-content:space-between; align-items:center}
.main-header{background:#fff; box-shadow:0 2px 15px rgba(0,0,0,.08); position:sticky; top:0; z-index:999}
.header-inner{max-width:1400px; margin:auto; padding:12px 3%; display:flex; align-items:center; justify-content:space-between; gap:20px}
.logo-box{background:var(--navy); color:var(--gold); padding:10px 24px; border-radius:10px; font-weight:800; font-size:22px; text-decoration:none; display:inline-block}
.header-nav ul{display:flex; gap:18px; list-style:none; flex-wrap:wrap}
.header-nav ul li a{color:var(--navy); text-decoration:none; font-weight:700; font-size:14px}
.header-nav ul li a:hover{color:var(--blue)}

/* ===== سلايدر زجاجي قابل للتعديل (ملاحظة 6) ===== */
.hero{position:relative; min-height:540px; background:linear-gradient(135deg, #06162f 0%, #0e3a8a 50%, #185adb 100%); display:flex; align-items:center; padding:40px 0}
.hero-inner{max-width:1400px; margin:auto; padding:0 5%; display:grid; grid-template-columns:1.3fr .7fr; gap:50px; align-items:center; width:100%}
.hero-text{color:#fff}
.hero-text h1{font-size:38px; font-weight:800; line-height:1.35; margin-bottom:14px}
.hero-text p{font-size:17px; color:#cbd5e1; margin-bottom:22px}
.hero-search{background:rgba(255,255,255,.14); backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.25); border-radius:22px; padding:26px; box-shadow:0 10px 30px rgba(0,0,0,.2)}
.hero-search h3{color:#fff; text-align:center; font-weight:800; margin-bottom:16px}
.hero-search input, .hero-search select{width:100%; padding:12px 14px; border-radius:10px; border:none; margin-bottom:12px; font-family:var(--font)}
.hero-search button{width:100%; background:var(--gold); border:none; padding:13px; border-radius:10px; font-weight:800; cursor:pointer; font-family:var(--font)}

/* ===== ترحيب ===== */
.welcome{padding:55px 3%; text-align:center; max-width:1000px; margin:auto}
.welcome h2{font-size:28px; font-weight:800; color:var(--navy)}
.welcome p{margin-top:14px; color:#555; font-size:15px}

/* ===== الدورات القادمة Swiper (ملاحظة 7) ===== */
.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; transition:.3s}
.upcoming-card:hover{transform:translateY(-4px)}
.upcoming-card .thumb{height:220px; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:800; font-size:18px; text-align:center; padding:20px}
.upcoming-card .info{padding:18px}
.upcoming-card .info h3{font-size:15px; font-weight:800; min-height:44px; margin-bottom:8px}
.meta{font-size:13px; color:#666}

/* ===== اختر مجال التدريب - خلفية كحلي + 4 فلاتر فورية (ملاحظة 8) ===== */
.filter-bar{background:#0a1931; padding:55px 3%; text-align:center; color:#fff}
.filter-bar h2{font-size:26px; font-weight:800}
.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:var(--font); font-size:14px}

/* ===== مجالات التدريب 12 في الرئيسية (ملاحظة 9) ===== */
.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; transition:.3s}
.field-card:hover{transform:translateY(-5px); box-shadow:0 14px 32px rgba(10,25,49,.12)}
.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}
.field-card span{font-size:13px; color:#666}
.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; transition:.3s}
.btn-all:hover{background:var(--blue); transform:translateY(-3px); color:#fff}

/* ===== صمم برنامجك + طلب عرض (ملاحظة 10) ===== */
.design{background:var(--navy); color:#fff; text-align:center; padding:85px 3%}
.design h2{font-size:30px; font-weight:800}
.design p{color:#cbd5e1; margin-top:10px}
.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; font-size:16px}

/* ===== لماذا STCC قابل للتعديل (ملاحظة 11) ===== */
.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}
.why-card h3{font-size:18px; font-weight:800; margin-bottom:8px}

/* ===== العملاء كاروسيل + توحيد مقاسات (ملاحظة 12) ===== */
.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}
.contact-strip h4{font-weight:800; margin:8px 0 4px}

/* ===== الفوتر المحمي + نص أوضح (ملاحظة 15) ===== */
.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:#ffffff !important; font-size:15px; line-height:2.1; text-decoration:none; list-style:none}
.footer-grid a:hover{color:var(--gold) !important}
.copy{border-top:1px solid rgba(255,255,255,.13); margin-top:38px; padding-top:18px; text-align:center; color:#cbd5e1; font-size:14px}

/* ===== واتساب عائم 00201141555175 (ملاحظة 14) ===== */
.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}
  .fields-grid{grid-template-columns:repeat(2,1fr)}
  .filters{grid-template-columns:repeat(2,1fr)}
}