/* ============================================================
 * واحد العين — Pro section styling (v1)
 * خلفية وتصميم مميّز ومختلف لكل سكشن.
 * يُحمّل بعد wain.css — قابل للتراجع بتعطيل ملف الـ enqueue.
 * ========================================================== */

/* ---------- كاروسيل ثابت بلا فراغ: إيقاف الحركة التلقائية وسحب يدوي متمركز ---------- */
.wain-carousel{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.wain-carousel::-webkit-scrollbar{height:0;display:none}
.wain-car-track{animation:none !important;transform:none !important;width:auto !important;min-width:100%;justify-content:safe center}
.wain-car-item{scroll-snap-align:start}
.wain-car-item[aria-hidden="true"]{display:none}

/* ---------- عام: إيقاع ومساحات موحّدة ---------- */
.wain-cat-section{position:relative;padding:52px 0;margin:0;isolation:isolate;overflow:hidden}
.wain-cat-section .wain-wrap{position:relative;z-index:1}
.wain-cat-section .wain-sec-head{margin-bottom:24px}
.wain-cat-section .wain-sec-head h2{font-size:24px;font-weight:800;letter-spacing:-.3px}


/* ============== 1) عقارات للبيع — wide / أزرق فاخر ============== */
.wain-cat--wide{
  background:
    radial-gradient(130% 90% at 100% 0%, rgba(29,78,216,.12), transparent 58%),
    linear-gradient(180deg,#f4f8ff 0%, #ffffff 100%);
  border-top:1px solid rgba(29,78,216,.10);
}
.wain-cat--wide .wcard{box-shadow:0 14px 34px -22px rgba(29,78,216,.5)}
.wain-cat--wide .wcard:hover{box-shadow:0 22px 46px -22px rgba(29,78,216,.55)}

/* ============== 2) تأجير العقارات — tall / أخضر منقّط ============== */
.wain-cat--tall{
  background-color:#f2fbf7;
  background-image:radial-gradient(rgba(14,159,110,.16) 1.5px, transparent 1.6px);
  background-size:22px 22px;
}
.wain-cat--tall .wain-wrap{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(14,159,110,.16);
  border-radius:26px;
  padding:28px 24px;
  box-shadow:0 20px 50px -34px rgba(14,159,110,.4);
}

/* ============== 3) سيارات — cinematic / بانور غامق (معرض) ============== */
.wain-cat--cinematic{
  background:
    radial-gradient(85% 130% at 0% 0%, #1e293b, transparent 52%),
    radial-gradient(70% 120% at 100% 100%, rgba(59,130,246,.18), transparent 55%),
    linear-gradient(180deg,#0b1220 0%, #0f172a 100%);
  padding:62px 0;
}
.wain-cat--cinematic .wain-sec-head h2,
.wain-cat--cinematic .wain-sec-head h2 *{color:#ffffff}
.wain-cat--cinematic .wain-sec-head h2 .dot{background:#3b82f6}
.wain-cat--cinematic .wain-sec-head a{color:#93c5fd !important}
.wain-cat--cinematic .wcard{box-shadow:0 18px 40px -24px rgba(0,0,0,.7)}

/* ============== 4) إلكترونيات — tile / شبكة تقنية بنفسجية ============== */
.wain-cat--tile{
  background-color:#faf7ff;
  background-image:
    linear-gradient(rgba(124,58,237,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124,58,237,.07) 1px, transparent 1px);
  background-size:34px 34px;
  border-top:1px solid rgba(124,58,237,.12);
}

/* ============== 5) أثاث ومنزل — soft / دافئ كريمي ============== */
.wain-cat--soft{
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(234,88,12,.10), transparent 55%),
    linear-gradient(180deg,#fff6ef 0%, #fffdfb 100%);
}

/* ============== 6) خدمات — listrow / لوحة نظيفة بحافة حمراء ============== */
.wain-cat--listrow{
  background:#fafbfc;
  border-block:1px solid #eef0f3;
}
.wain-cat--listrow .wain-wrap{
  background:#ffffff;
  border:1px solid #edeff2;
  border-radius:22px;
  padding:28px 24px;
  box-shadow:0 22px 48px -34px rgba(15,23,42,.28);
}

/* ============== 7) وظائف — textbar / سماوي مؤسسي ============== */
.wain-cat--textbar{
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(8,145,178,.10), transparent 55%),
    linear-gradient(180deg,#f1fbfd 0%, #ffffff 100%);
  border-top:1px solid rgba(8,145,178,.12);
}

/* ---------- الموبايل ---------- */
@media(max-width:600px){
  .wain-cat-section{padding:36px 0}
  .wain-cat--cinematic{padding:40px 0}
  .wain-cat--tall .wain-wrap,.wain-cat--listrow .wain-wrap{padding:18px 14px;border-radius:18px}
}

/* ============================================================
 * تخطيط الصفحة الرئيسية بعمودين + السايدبار (ديسكتوب)
 * الهيرو وشبكة الأقسام وشريط الثقة تبقى عرض كامل (خارج هذا التخطيط).
 * ========================================================== */
.wain-home-layout{max-width:1280px;margin:0 auto;padding:0 18px}
.wain-home-side{display:flex;flex-direction:column;gap:16px}

@media(min-width:1024px){
  .wain-home-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
  .wain-home-main{min-width:0}
  .wain-home-main > section{margin:0 0 22px}
  .wain-home-main > section.wain-section{padding:0}
  .wain-home-main .wain-wrap{max-width:none;padding:0;margin:0}
  .wain-home-main .wain-cat-section{border-radius:22px;padding:24px;margin-bottom:22px}
  .wain-home-main .wain-cat--cinematic{padding:26px 24px}
}
@media(max-width:1023px){
  .wain-home-side{max-width:680px;width:100%;margin:24px auto 0;padding:0 18px}
}

/* ---- بطاقات السايدبار ---- */
.wside-card{background:#fff;border:1px solid #eef0f3;border-radius:18px;padding:16px;box-shadow:0 12px 30px -26px rgba(15,23,42,.3)}
.wside-card h3{font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px;margin:0 0 14px;color:#0f172a}
.wside-card h3 svg{width:18px;height:18px;color:var(--wain-brand)}

.wside-search{display:flex;flex-direction:column;gap:9px}
.wside-search input,.wside-search select{width:100%}
.wside-search .wbtn{width:100%;justify-content:center}

.wside-cats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.wside-cats a{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;color:#0f172a;text-decoration:none;transition:.15s}
.wside-cats a:hover{background:#f6f8fb}
.wside-cats .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;flex:none}
.wside-cats .ic svg{width:16px;height:16px}
.wside-cats .nm{flex:1;font-size:14px;font-weight:600}
.wside-cats .cnt{font-size:12px;font-weight:700;color:#475569;background:#f1f5f9;border-radius:20px;padding:2px 9px;min-width:24px;text-align:center}

.wside-picks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.wside-picks a{display:flex;gap:10px;align-items:center;text-decoration:none;color:#0f172a}
.wside-picks .th{width:56px;height:56px;border-radius:13px;background:#eef2f7 center/cover no-repeat;flex:none}
.wside-picks .meta{display:flex;flex-direction:column;gap:3px;min-width:0}
.wside-picks .t{font-size:13px;font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wside-picks .p{font-size:13px;font-weight:800;color:var(--wain-brand)}

.wside-cta{background:linear-gradient(135deg,#E31B23 0%,#a3111a 100%);color:#fff;border-radius:18px;padding:20px}
.wside-cta h3{font-size:17px;font-weight:800;margin:0 0 6px}
.wside-cta p{font-size:13px;line-height:1.6;margin:0 0 14px;color:rgba(255,255,255,.9)}
.wside-cta .wbtn-light{display:inline-flex;align-items:center;gap:6px;width:100%;justify-content:center;background:#fff;color:#E31B23;font-weight:800;border:none;border-radius:12px;padding:11px 14px;text-decoration:none}
.wside-cta .wbtn-light svg{width:18px;height:18px}
.wside-cta-trust{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.wside-cta-trust span{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:rgba(255,255,255,.92)}
.wside-cta-trust svg{width:15px;height:15px}

.wside-tip{display:flex;gap:11px;align-items:flex-start;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:16px;padding:14px}
.wside-tip .ic{width:34px;height:34px;border-radius:10px;background:#0E9F6E;color:#fff;display:grid;place-items:center;flex:none}
.wside-tip .ic svg{width:18px;height:18px}
.wside-tip b{display:block;font-size:13.5px;font-weight:800;color:#0f172a;margin-bottom:3px}
.wside-tip span{font-size:12.5px;line-height:1.55;color:#475569}