/*
Theme Name: بيت العقار
Theme URI: https://baytelaqar.com
Author: Bayt Elaqar
Description: قالب ووردبريس لمنصة عقارية سكنية وساحلية وتجارية في مصر. يعتمد على أنواع محتوى مخصصة للمشروعات والمطورين العقاريين.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: bayt
Tags: real-estate, custom-post-type, rtl
*/

:root{
  --limestone:#F2EDE2;
  --limestone-deep:#E9E1D0;
  --ink:#152420;
  --teal:#173A34;
  --teal-deep:#0E2622;
  --sage:#5C6E63;
  --brass:#B8863C;
  --brass-light:#D9AE6C;
  --line:#D8CFB8;
  --white:#FFFCF6;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Tajawal', sans-serif;
  background:var(--limestone);
  color:var(--ink);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.display{
  font-family:'Amiri', serif;
  font-weight:700;
  color:var(--teal-deep);
}
a{color:inherit; text-decoration:none;}
ul{list-style:none;}
img{max-width:100%; display:block; height:auto;}
.wrap{max-width:1240px; margin:0 auto; padding:0 28px;}
.screen-reader-text{position:absolute; left:-9999px;}

.eyebrow{
  font-size:13px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--brass); font-weight:700; display:flex; align-items:center; gap:10px;
}
.eyebrow::before{content:""; width:26px; height:1px; background:var(--brass);}

/* ===== Topbar ===== */
.topbar{background:var(--teal-deep); color:#D9D3C4; font-size:13px;}
.topbar .wrap{display:flex; justify-content:space-between; align-items:center; padding:9px 28px; flex-wrap:wrap; gap:8px;}
.topbar-links{display:flex; gap:18px;}
.topbar-links a{opacity:.85; transition:opacity .2s;}
.topbar-links a:hover{opacity:1; color:var(--brass-light);}
.topbar-contact{display:flex; gap:20px; align-items:center;}
.topbar-contact span{display:flex; align-items:center; gap:6px;}

/* ===== Header ===== */
header.main{background:var(--white); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:50;}
header.main .wrap{display:flex; align-items:center; justify-content:space-between; padding:16px 28px;}
.logo{display:flex; align-items:center; gap:10px;}
.logo img{max-height:52px;}
.logo-mark{
  width:42px; height:42px; border-radius:50%;
  background:linear-gradient(135deg,var(--teal),var(--teal-deep));
  display:flex; align-items:center; justify-content:center;
  color:var(--brass-light); font-family:'Amiri',serif; font-size:22px; font-weight:700;
  border:1px solid var(--brass); flex:0 0 auto;
}
.logo-text{font-family:'Amiri', serif; font-size:23px; font-weight:700; color:var(--teal-deep); line-height:1.1;}
.logo-text small{display:block; font-family:'Tajawal',sans-serif; font-size:11px; font-weight:400; letter-spacing:.08em; color:var(--sage);}

nav.primary{display:flex; align-items:center; gap:34px;}
.primary-menu{display:flex; gap:30px; font-size:15px; font-weight:500;}
.primary-menu li{position:relative;}
.primary-menu > li > a{padding:10px 0; display:inline-block; border-bottom:2px solid transparent; transition:.2s;}
.primary-menu > li:hover > a, .primary-menu > li.current-menu-item > a{color:var(--brass); border-color:var(--brass);}
.primary-menu .menu-item-has-children:hover > .sub-menu{display:block;}
.sub-menu{
  display:none; position:absolute; top:100%; right:0; background:var(--white);
  border:1px solid var(--line); min-width:220px; padding:8px; box-shadow:0 18px 30px rgba(20,32,28,.1); z-index:10;
}
.sub-menu li a{display:block; padding:9px 14px; font-size:14px; font-weight:400;}
.sub-menu li a:hover{background:var(--limestone); color:var(--brass);}

.cta-btn{
  background:var(--teal-deep); color:var(--white); padding:11px 22px; font-size:14px; font-weight:700;
  border:1px solid var(--teal-deep); transition:.2s; display:inline-block; cursor:pointer;
}
.cta-btn:hover{background:var(--brass); border-color:var(--brass); color:var(--teal-deep);}
.burger{display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none;}
.burger span{width:24px; height:2px; background:var(--teal-deep); display:block;}

/* ===== Hero ===== */
.hero{
  position:relative; overflow:hidden;
  background:radial-gradient(ellipse at 80% 20%, #234f47 0%, var(--teal-deep) 55%, var(--ink) 100%);
  color:var(--white); padding:86px 0 0;
}
.hero-pattern{
  position:absolute; inset:0; opacity:.10;
  background-image:
    repeating-linear-gradient(45deg, transparent 0 38px, var(--brass-light) 38px 39px),
    repeating-linear-gradient(-45deg, transparent 0 38px, var(--brass-light) 38px 39px);
}
.hero .wrap{position:relative; z-index:2;}
.hero-inner{max-width:760px; padding-bottom:70px;}
.hero .eyebrow{color:var(--brass-light);}
.hero .eyebrow::before{background:var(--brass-light);}
.hero h1{font-size:52px; line-height:1.25; margin:18px 0 20px; color:var(--white);}
.hero h1 em{font-style:normal; color:var(--brass-light);}
.hero p{font-size:17px; color:#D6D0C0; max-width:560px; margin-bottom:6px;}

.search-card{
  background:var(--white); border:1px solid var(--line);
  padding:22px; margin-top:38px; position:relative; z-index:3;
  display:grid; grid-template-columns:1fr 1fr 1fr auto; gap:14px;
  box-shadow:0 30px 60px rgba(9,18,15,.35);
}
.field{display:flex; flex-direction:column; gap:7px;}
.field label{font-size:12px; color:var(--sage); font-weight:700;}
.field select, .field input{
  border:1px solid var(--line); background:var(--limestone); padding:11px 12px;
  font-family:'Tajawal',sans-serif; font-size:14px; color:var(--ink);
}
.search-card .cta-btn{padding:0 30px; font-size:15px; border:1px solid var(--teal-deep);}
.hero-stats{display:flex; gap:50px; margin-top:56px; padding:26px 0 0; border-top:1px solid rgba(217,211,196,.2); position:relative; z-index:2; padding-bottom:40px; flex-wrap:wrap;}
.hero-stats .stat b{font-family:'Amiri',serif; font-size:30px; color:var(--brass-light); display:block;}
.hero-stats .stat span{font-size:13px; color:#B9B2A0;}

/* ===== Sections ===== */
section{padding:80px 0;}
.section-head{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:38px; gap:20px; flex-wrap:wrap;}
.section-head h2{font-size:32px;}
.section-head p{color:var(--sage); font-size:15px; margin-top:8px; max-width:480px;}
.view-all{font-size:14px; font-weight:700; color:var(--brass); border-bottom:1px solid var(--brass); padding-bottom:3px; white-space:nowrap;}

/* ===== Regions ===== */
.regions{background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.region-strip{display:flex; overflow-x:auto; gap:14px; padding-bottom:6px;}
.region-chip{
  flex:0 0 auto; display:flex; align-items:center; gap:10px;
  border:1px solid var(--line); padding:12px 18px; font-size:14px; font-weight:500;
  transition:.2s; background:var(--limestone);
}
.region-chip .dot{width:7px; height:7px; border-radius:50%; background:var(--brass);}
.region-chip:hover{background:var(--teal-deep); color:var(--white); border-color:var(--teal-deep);}
.region-chip:hover .dot{background:var(--brass-light);}

/* ===== Cards ===== */
.grid-projects{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
.card{background:var(--white); border:1px solid var(--line); display:flex; flex-direction:column; transition:transform .25s, box-shadow .25s;}
.card:hover{transform:translateY(-5px); box-shadow:0 20px 34px rgba(20,32,28,.1);}
.card-media{height:190px; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; background-size:cover; background-position:center;}
.m1{background:linear-gradient(135deg,#1F4A42,#0E2622);}
.m2{background:linear-gradient(135deg,#B8863C,#7E5A22);}
.m3{background:linear-gradient(135deg,#2C594F,#173A34);}
.m4{background:linear-gradient(135deg,#8C6A34,#4E3A18);}
.m5{background:linear-gradient(135deg,#173A34,#0E2622);}
.m6{background:linear-gradient(135deg,#C9A25E,#8C6A34);}
.card-media svg{width:56px; height:56px; opacity:.5;}
.card-tag{position:absolute; top:14px; right:14px; background:var(--white); color:var(--teal-deep); font-size:12px; font-weight:700; padding:5px 12px;}
.card-body{padding:20px; display:flex; flex-direction:column; gap:8px; flex:1;}
.card-body h3{font-size:19px; font-weight:700; font-family:'Tajawal',sans-serif; color:var(--ink);}
.card-body h3 a{color:inherit;}
.card-loc{font-size:13px; color:var(--sage); display:flex; align-items:center; gap:6px;}
.card-price{margin-top:auto; padding-top:12px; border-top:1px dashed var(--line); display:flex; justify-content:space-between; align-items:center;}
.card-price b{color:var(--brass); font-size:16px;}
.card-price span{font-size:12px; color:var(--sage);}

/* ===== Banner ===== */
.banner{background:var(--teal-deep); color:var(--white); text-align:center; padding:64px 0; position:relative; overflow:hidden;}
.banner::before{content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg, transparent 0 60px, rgba(184,134,60,.12) 60px 61px);}
.banner .wrap{position:relative;}
.banner h2{color:var(--white); font-size:30px; margin-bottom:14px;}
.banner p{color:#CFC8B6; margin-bottom:26px;}
.banner-btns{display:flex; gap:16px; justify-content:center; flex-wrap:wrap;}
.btn-outline{border:1px solid var(--brass-light); color:var(--brass-light); padding:12px 26px; font-weight:700; font-size:14px;}
.btn-gold{background:var(--brass); border-color:var(--brass); color:var(--teal-deep);}

/* ===== Articles ===== */
.grid-articles{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
.article-card{border:1px solid var(--line); background:var(--white);}
.article-media{height:150px; background:linear-gradient(135deg,var(--limestone-deep),var(--line)); background-size:cover; background-position:center;}
.article-card .card-body{padding:18px;}
.article-card h3{font-size:16px; line-height:1.5;}
.article-card h3 a{color:inherit;}
.article-date{font-size:12px; color:var(--sage); margin-top:6px;}

/* ===== Developers ===== */
.developers{background:var(--white); border-top:1px solid var(--line);}
.dev-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
.dev-cell{background:var(--white); padding:22px 10px; text-align:center; font-size:12.5px; font-weight:700; color:var(--sage); display:flex; align-items:center; justify-content:center; min-height:78px; transition:.2s;}
.dev-cell:hover{color:var(--brass); background:var(--limestone);}
.dev-cell img{max-height:36px; width:auto; margin:0 auto;}

/* ===== Footer ===== */
footer{background:var(--ink); color:#B9B2A0; padding:70px 0 0; font-size:14px;}
.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:40px; padding-bottom:50px; border-bottom:1px solid rgba(255,255,255,.08);}
.footer-grid h4{font-family:'Tajawal',sans-serif; color:var(--white); font-size:15px; font-weight:700; margin-bottom:18px;}
.footer-grid ul li{margin-bottom:11px;}
.footer-grid ul a:hover{color:var(--brass-light);}
.footer-logo{display:flex; align-items:center; gap:10px; margin-bottom:16px;}
.footer-about p{color:#A29B8A; line-height:1.9; margin-bottom:18px;}
.footer-social{display:flex; gap:10px;}
.footer-social a{width:34px; height:34px; border:1px solid rgba(255,255,255,.15); display:flex; align-items:center; justify-content:center; font-size:13px;}
.footer-social a:hover{border-color:var(--brass); color:var(--brass-light);}
.footer-bottom{display:flex; justify-content:space-between; padding:22px 0; font-size:13px; color:#7C7666; flex-wrap:wrap; gap:10px;}

.whatsapp-float{position:fixed; bottom:26px; left:26px; z-index:60; width:56px; height:56px; border-radius:50%; background:#1E9E5A; display:flex; align-items:center; justify-content:center; color:#fff; box-shadow:0 10px 24px rgba(0,0,0,.25); font-size:26px;}

/* ===== Generic content (pages / single posts / archives) ===== */
.page-header-band{background:var(--teal-deep); color:var(--white); padding:56px 0;}
.page-header-band h1{color:var(--white); font-size:34px;}
.page-header-band .eyebrow{color:var(--brass-light); margin-bottom:12px;}
.page-header-band .eyebrow::before{background:var(--brass-light);}
.content-wrap{padding:70px 0;}
.entry-content h2{font-size:26px; margin:28px 0 14px;}
.entry-content h3{font-size:20px; margin:22px 0 12px;}
.entry-content p{margin-bottom:16px;}
.entry-content ul{list-style:disc; margin:0 26px 16px;}
.entry-content img{margin:20px 0; border:1px solid var(--line);}
.pagination{display:flex; gap:10px; margin-top:40px;}
.pagination a, .pagination span{border:1px solid var(--line); padding:9px 15px; font-size:14px;}
.pagination .current{background:var(--teal-deep); color:var(--white); border-color:var(--teal-deep);}
.filter-bar{display:flex; gap:14px; margin-bottom:30px; flex-wrap:wrap; align-items:center;}
.filter-bar select{border:1px solid var(--line); padding:10px 14px; background:var(--white); font-family:'Tajawal',sans-serif;}

@media(max-width:980px){
  .primary-menu{display:none;}
  .burger{display:flex;}
  .grid-projects, .grid-articles{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .dev-grid{grid-template-columns:repeat(3,1fr);}
  .hero h1{font-size:38px;}
  .search-card{grid-template-columns:1fr 1fr;}
  .search-card .cta-btn{grid-column:1/-1;}
}
@media(max-width:600px){
  .topbar-links{display:none;}
  .grid-projects, .grid-articles{grid-template-columns:1fr;}
  .hero-stats{flex-wrap:wrap; gap:24px;}
  .search-card{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .dev-grid{grid-template-columns:repeat(2,1fr);}
  .section-head{flex-direction:column; align-items:flex-start;}
}