/*
Theme Name: Seenmarks – Smart Buildings (RTL First)
Theme URI: https://seenmarks.com/
Author: Seenmarks + M365 Copilot
Author URI: https://seenmarks.com/
Description: قالب تقني حديث لتحويل المنازل والمباني إلى بيئات ذكية. يدعم العربية RTL كلغة افتراضية، مع الإنجليزية والأردية كلغات إضافية. متوافق مع Polylang/WPML، سريع وخفيف، مع زر واتساب ثابت.
Version: 1.0.0
Text Domain: seenmarks
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: rtl-language-support, two-columns, custom-logo, responsive-layout, accessibility-ready
*/

/* الأساسيات */
:root{
  --bg:#0b1420; /* كحلي داكن */
  --text:#e8eef5; /* أبيض مزرق */
  --muted:#a9b3c1;
  --accent:#11c26b; /* أخضر طاقة */
  --accent-2:#3ec1ff; /* أزرق تقني ثانوي */
  --card:#111b2a;
  --border:#1b2a3f;
  --radius:14px;
}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:'Cairo', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:linear-gradient(180deg, #0b1420 0%, #0e1b2b 60%, #0b1420 100%);
  color:var(--text); direction: rtl;
}
.container{width:min(1200px, 92vw); margin-inline:auto}
.section{padding:56px 0}
.flex{display:flex; gap:24px; align-items:center}
.btn{background:var(--accent); color:#001510; padding:14px 22px; border-radius:12px; text-decoration:none; font-weight:700; display:inline-block}
.btn--ghost{background:transparent; color:var(--text); border:1px solid var(--border)}
.card{background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:22px}
.grid{display:grid; gap:18px; grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.grid{grid-template-columns:1fr}} 

/* الهيدر */
.header{position:sticky; top:0; z-index:40; background:rgba(11,20,32,.72); backdrop-filter: blur(8px); border-bottom:1px solid var(--border)}
.header__wrap{display:flex; align-items:center; justify-content:space-between; padding:12px 0}
.logo{display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--text); font-weight:800}
.logo__dot{width:14px; height:14px; background:var(--accent); border-radius:50%}
.nav a{color:var(--text); text-decoration:none; margin-inline:10px}
.nav a.cta{color:#001510; background:var(--accent); padding:8px 14px; border-radius:10px; font-weight:700}
.lang{display:flex; gap:8px; align-items:center}
.lang a{color:var(--muted); text-decoration:none}

/* البطل */
.hero{padding:88px 0 48px; position:relative; overflow:hidden}
.hero h1{font-size:clamp(28px, 6vw, 56px); margin:0 0 12px 0}
.hero p{color:var(--muted); font-size:clamp(16px, 2vw, 20px)}
.hero__cta{margin-top:18px; display:flex; gap:12px; flex-wrap:wrap}

/* أقسام المحتوى */
.section h2{font-size:clamp(22px, 4vw, 34px); margin:0 0 10px}
.section p.lead{color:var(--muted); margin:0 0 22px}
.icon{width:36px; height:36px; border-radius:10px; background:linear-gradient(135deg, var(--accent), #0cf29a 60%); display:inline-flex; align-items:center; justify-content:center; color:#002b16; font-weight:800}
.list{display:grid; gap:10px}
.list li{display:flex; gap:10px; align-items:flex-start}
.badge{display:inline-block; border:1px solid var(--border); border-radius:999px; padding:6px 12px; color:var(--muted); margin:4px}

/* الفوتر */
.footer{border-top:1px solid var(--border); padding:28px 0; color:var(--muted)}

/* زر واتساب طافٍ */
.whatsapp-float{position:fixed; right:18px; bottom:18px; background:#25D366; color:#023; width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:900; text-decoration:none; box-shadow:0 8px 30px rgba(0,0,0,.4)}

/* تحسينات RTL في ملفات rtl.css */
*/