/*
Theme Name: Kanaba OnePage
Theme URI: https://kanabahaq.com
Author: Hassan / Modernvision
Description: قالب صفحة واحدة (Landing Page) لهوية كنبة العقارية. يدعم RTL، ألوان الهوية، وقائمة تنقّل ترتكز على أقسام الصفحة.
Version: 1.0
Text Domain: kanaba-onepage
Tags: real-estate, one-page, rtl, landing, custom-theme
*/

/* ألوان الهوية */
:root{
  --kanaba-primary:#FFBD59;
  --kanaba-dark:#303642;
  --kanaba-light:#EEEEEE;
}

html{ scroll-behavior:smooth; }
body{
  background:var(--kanaba-light);
  color:var(--kanaba-dark);
  margin:0;
  font-family:"Alarabiya", "Tajawal", "Cairo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  line-height:1.8;
}

.container{ width:min(1100px, 92%); margin-inline:auto; }

/* Header */
.site-header{
  position:sticky; top:0; z-index:999;
  background:#fff; border-bottom:1px solid #eaeaea;
}
.site-header .inner{ display:flex; align-items:center; justify-content:space-between; padding:12px 0; }
.brand{ display:flex; align-items:center; gap:10px; font-weight:700; color:var(--kanaba-dark); text-decoration:none; }
.brand .logo{ width:34px; height:34px; background:var(--kanaba-primary); clip-path:polygon(20% 0,40% 0,40% 30%,75% 10%,85% 25%,50% 45%,85% 65%,75% 80%,40% 60%,40% 100%,20% 100%,20% 60%,0 50%,20% 30%); }
.primary-nav a{
  color:var(--kanaba-dark); text-decoration:none; padding:10px 12px; display:inline-block; font-weight:600;
}
.primary-nav a:hover, .primary-nav a:focus{ color:#000; }
.cta{
  background:var(--kanaba-primary); color:#000; border:none; padding:10px 14px; font-weight:700; border-radius:6px; text-decoration:none;
}

/* Sections */
section{ padding:70px 0; }
section h2{ color:var(--kanaba-dark); margin:0 0 14px; font-size:34px; }
.lead{ font-size:18px; max-width:900px; }
.hero{ background:var(--kanaba-primary); color:#000; text-align:center; padding:90px 0 80px; }
.hero h1{ font-size:42px; margin:12px 0 6px; color:#303642; }
.hero p{ color:#303642; }
.badge{ font-weight:800; letter-spacing:.5px; }

/* Features grid */
.grid{
  display:grid; gap:18px; margin-top:18px;
  grid-template-columns:repeat(auto-fit, minmax(260px,1fr));
}
.card{
  background:#fff; border:1px solid #e8e8e8; border-radius:10px; padding:18px;
}
.card h3{ margin:6px 0 10px; color:#303642; }
.card p{ margin:0; }

/* Contact */
.contact{
  background:#fff;
  border-radius:12px; border:1px solid #e8e8e8; padding:24px;
  display:grid; gap:18px; grid-template-columns:1fr 320px;
}
.contact .info p{ margin:.2rem 0; }
.contact .qr img{ width:100%; border-radius:10px; border:1px solid #ddd; background:#fff; }
@media(max-width:900px){
  .contact{ grid-template-columns:1fr; }
}

/* Footer */
.site-footer{ background:#fff; border-top:1px solid #eaeaea; padding:18px 0; color:#666; font-size:14px; text-align:center; }