:root {
    --brand-navy: #10243e;
    --brand-navy-dark: #0a1829;
    --brand-gold: #c9a352;
    --brand-gold-light: #e8d9b5;
    --bg-soft: #f5f7fa;
}

* { font-family: 'Tajawal', sans-serif; }

body { background: var(--bg-soft); color: #1f2937; }

.text-brand { color: var(--brand-navy) !important; }
.text-primary-brand { color: var(--brand-gold) !important; }

.btn-brand {
    background: var(--brand-navy);
    color: #fff;
    border: 1px solid var(--brand-navy);
}
.btn-brand:hover { background: var(--brand-navy-dark); color: var(--brand-gold-light); }

.btn-outline-brand {
    border: 1px solid var(--brand-navy);
    color: var(--brand-navy);
}
.btn-outline-brand:hover { background: var(--brand-navy); color: #fff; }

/* الشريط العلوي */
.main-navbar {
    background: var(--brand-navy);
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
}
.main-navbar .nav-link { color: rgba(255,255,255,.85); }
.main-navbar .nav-link:hover { color: var(--brand-gold); }

/* التذييل */
.site-footer { background: var(--brand-navy-dark); }
.footer-link { color: rgba(255,255,255,.75); text-decoration: none; }
.footer-link:hover { color: var(--brand-gold); }

/* الهيرو */
.hero-section {
    background: linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-navy-dark) 100%);
}
.search-box { max-width: 900px; }

/* بطاقة العقار */
.property-card { border: none; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,.06); transition: transform .2s, box-shadow .2s; }
.property-card:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,.12); }
.property-card-img { position: relative; height: 190px; overflow: hidden; }
.property-card-img img { width: 100%; height: 100%; object-fit: cover; }
.listing-badge { position: absolute; top: 10px; right: 10px; }
.card-title { color: var(--brand-navy); font-weight: 700; }

/* الخرائط */
.map-box { width: 100%; height: 460px; border-radius: 16px; overflow: hidden; }

/* صفحة التفاصيل */
.main-gallery-img { height: 420px; object-fit: cover; }
.thumb-img { height: 100px; object-fit: cover; cursor: pointer; border: 2px solid transparent; }
.thumb-img:hover { border-color: var(--brand-gold); }
.spec-box { background: #fff; border-radius: 14px; padding: 14px; text-align: center; box-shadow: 0 1px 6px rgba(0,0,0,.05); }
.spec-box i { font-size: 1.4rem; color: var(--brand-gold); display: block; margin-bottom: 6px; }
.spec-box span { display: block; font-weight: 700; color: var(--brand-navy); }
.spec-box small { color: #6b7280; }
.license-box { background: #fff; border-radius: 14px; padding: 16px; border-inline-start: 4px solid var(--brand-gold); }
.contact-box { border: 1px solid #eee; }

/* لوحة التحكم */
.admin-login-body { background: linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-navy-dark) 100%); min-height: 100vh; }
.admin-layout { min-height: 100vh; }
.admin-sidebar { width: 250px; background: var(--brand-navy-dark); flex-shrink: 0; min-height: 100vh; }
.admin-nav-link { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 10px; color: rgba(255,255,255,.8); text-decoration: none; margin-bottom: 4px; font-size: .92rem; }
.admin-nav-link:hover, .admin-nav-link.active { background: rgba(255,255,255,.08); color: var(--brand-gold); }
.admin-content { background: var(--bg-soft); }
.stat-card { border-radius: 16px; padding: 18px; text-align: center; box-shadow: 0 1px 8px rgba(0,0,0,.05); }
.stat-card i { font-size: 1.6rem; }
.stat-card h3 { margin: 6px 0 0; font-weight: 800; }
.admin-actions { white-space: nowrap; }
.admin-actions form { display: inline-block; }

@media (max-width: 767px) {
    .admin-sidebar { position: fixed; right: -260px; z-index: 1050; transition: right .25s; }
    .admin-sidebar.open { right: 0; }
    .main-gallery-img { height: 260px; }
}