/*
Theme Name: Al-Dallah Residences
Theme URI: https://aldallah-residences.com
Author: Al-Dallah Residences
Description: ثيم مخصص لموقع مجمع الدلة ريزيدنسز السكني في الرمادي. يتضمن تحديثات الإنجاز، حالة الأبراج، المعرض، الأخبار، ونموذج التواصل.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: aldallah
*/

/* ---------- base ---------- */
.site-wrap{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;color:#1B2433;background:#FFFFFF;line-height:1.75}
.container{max-width:1280px;margin:0 auto;padding-inline:clamp(16px,4vw,48px)}
.section{padding-block:clamp(56px,7vw,96px)}
.stack-14{display:flex;flex-direction:column;gap:14px}
.stack-36{display:flex;flex-direction:column;gap:36px}
.eyebrow{font-family:'Jost',sans-serif;font-weight:300;letter-spacing:.3em;font-size:13px;color:#44699A;text-decoration:none}
.eyebrow--light{color:#C9D4E5}
.h2{font-family:'Alexandria',sans-serif;font-weight:500;font-size:clamp(28px,3.6vw,46px);line-height:1.3;margin:0;color:#0F2244}
.muted{color:#6A7487;margin:0}
.text-link{color:#0F2244;text-decoration:none;border-bottom:1px solid #0F2244;padding:6px 0;font-weight:600}
.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600;padding:14px 28px;border-radius:4px;min-height:48px}
.btn--dark{background:#0F2244;color:#FFFFFF}
.btn--dark:hover{background:#1A3566;color:#FFFFFF}

/* ---------- header ---------- */
.site-header{background:#0F2244;position:relative;z-index:5}
.site-header.is-overlay{background:transparent}
.site-header__inner{max-width:1280px;margin:0 auto;padding:16px clamp(16px,4vw,48px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px}
.site-header.is-overlay .site-header__inner{padding-top:22px;padding-bottom:22px}
.site-logo img{height:68px;width:auto;display:block}
.site-header.is-overlay .site-logo img{height:78px}
.site-nav .nav-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 28px;font-size:16px}
.site-nav a{display:block;color:#C9D4E5;text-decoration:none;padding:10px 0;border-bottom:1px solid transparent}
.site-nav a:hover{color:#FFFFFF}
.site-nav .current-menu-item>a,.site-nav .current_page_item>a,.site-nav .current-menu-ancestor>a,.site-nav a[aria-current="page"]{color:#FFFFFF;border-bottom-color:#FFFFFF}
@media (max-width:820px){
  .site-nav .nav-list{flex-direction:column;gap:0}
}
.admin-bar .site-header.is-overlay{top:0}

/* ---------- page banner ---------- */
.page-banner{position:relative;background:#0F2244;color:#FFFFFF;overflow:hidden}
.page-banner__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-banner__shade{position:absolute;inset:0;background:rgba(9,22,46,.62)}
.page-banner__inner{position:relative;padding-block:clamp(64px,9vw,130px);display:flex;flex-direction:column;gap:16px}
.page-banner.has-image .page-banner__inner{padding-block:clamp(90px,11vw,150px)}
.page-banner__title{font-family:'Alexandria',sans-serif;font-weight:500;font-size:clamp(36px,5vw,66px);line-height:1.2;margin:0}
.page-banner__title--sm{font-size:clamp(30px,4vw,52px)}
.page-banner__text{font-size:19px;font-weight:300;color:#E3E9F2;max-width:640px}
.page-banner__text p{margin:0}
.back-link{letter-spacing:.05em;font-family:inherit;font-size:15px}

/* ---------- tower status ---------- */
.tower-status{padding-block:clamp(64px,8vw,100px);background:#F2F4F8}
.tower-status.is-dark{background:#0F2244;color:#FFFFFF}
.tower-status.is-dark .h2{color:#FFFFFF}
.tower-status.is-dark .eyebrow{color:#8FA3C2}
.tower-status.is-dark .muted{color:#B7C3D6}
.tower-status.is-dark .text-link{color:#FFFFFF;border-color:#8FA3C2}
.tower-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:#C9D2DF}
.tower-status.is-dark .tower-grid{background:#2A4170}
.tower-card{background:#F2F4F8;padding:30px 28px;display:flex;flex-direction:column;gap:10px}
.tower-status.is-dark .tower-card{background:#0F2244}
.tower-card__num{font-family:'Jost',sans-serif;color:#44699A;letter-spacing:.2em;font-size:13px}
.tower-status.is-dark .tower-card__num{color:#8FA3C2}
.tower-card__name{font-family:'Alexandria',sans-serif;font-weight:500;font-size:24px}
.tower-card__status{display:inline-flex;align-items:center;gap:8px}
.tower-card__bar{height:6px;background:rgba(127,143,170,.3);border-radius:99px;overflow:hidden;margin-top:6px}
.tower-card__bar span{display:block;height:100%;border-radius:99px}
.tower-card__pct{font-family:'Jost',sans-serif;font-size:14px;opacity:.85}

/* ---------- cards ---------- */
.latest-updates{padding-block:clamp(56px,7vw,96px)}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}
.card{display:flex;flex-direction:column;gap:16px}
.card__media{display:block;aspect-ratio:10/7;overflow:hidden;border-radius:4px;background:#E8EDF5}
.card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.card:hover .card__media img{transform:scale(1.03)}
.card__placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:#0F2244}
.card__placeholder img{width:64px;height:64px;object-fit:contain}
.card:hover .card__placeholder img{transform:none}
.card__body{display:flex;flex-direction:column;gap:8px}
.card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#6A7487;font-size:14px}
.card__meta--light{color:#C9D4E5}
.badge{border:1px solid #C9D2DF;color:#0F2244;padding:2px 10px;border-radius:999px;font-size:13px;text-decoration:none}
.badge--light{border-color:#4A6290;color:#E3E9F2}
.card__title{font-family:'Alexandria',sans-serif;font-weight:500;font-size:21px;line-height:1.45;margin:0}
.card__title a{color:#0F2244;text-decoration:none}
.card__title a:hover{color:#44699A}
.card__excerpt{margin:0;color:#4F5A6C}

/* ---------- chips ---------- */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid #C9D2DF;color:#0F2244;text-decoration:none;padding:8px 18px;border-radius:999px;font-size:15px;min-height:42px;display:inline-flex;align-items:center}
.chip.is-active{background:#0F2244;color:#FFFFFF;border-color:#0F2244}

/* ---------- pagination / post nav ---------- */
.pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border:1px solid #C9D2DF;border-radius:4px;color:#0F2244;text-decoration:none}
.pagination .page-numbers.current{background:#0F2244;color:#FFFFFF;border-color:#0F2244}
.post-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;border-top:1px solid #DCE2EB;padding-top:24px}
.post-nav a{display:flex;flex-direction:column;text-decoration:none;color:#0F2244;max-width:420px}
.single-hero{margin:0}
.single-hero img{width:100%;height:auto;max-height:720px;object-fit:cover;border-radius:4px;display:block}

/* ---------- editor content ---------- */
.entry-content{max-width:860px;font-size:18px;color:#2B3546}
.entry-content > *{margin-block:0 1.1em}
.entry-content h2,.entry-content h3,.entry-content h4{font-family:'Alexandria',sans-serif;font-weight:500;color:#0F2244;line-height:1.4;margin-top:1.6em}
.entry-content h2{font-size:30px}.entry-content h3{font-size:24px}
.entry-content img{max-width:100%;height:auto;border-radius:4px}
.entry-content figure{margin-inline:0}
.entry-content figcaption{color:#6A7487;font-size:14px;text-align:center}
.entry-content .alignwide{max-width:1180px}
.entry-content .alignfull{max-width:none}
.entry-content .wp-block-gallery{gap:10px}
.entry-content blockquote{border-inline-start:3px solid #44699A;margin-inline:0;padding-inline-start:20px;color:#3D4759}
.entry-content a{color:#44699A}
.entry-content .wp-block-embed iframe{width:100%}
.extra-content{padding-block:clamp(48px,6vw,80px)}
.extra-content .entry-content{max-width:1280px;margin:0 auto;padding-inline:clamp(16px,4vw,48px)}

/* ---------- footer social ---------- */
.social{display:flex;gap:10px;flex-wrap:wrap}
.social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #2A4170;border-radius:50%;color:#C9D4E5}
.social a:hover{color:#FFFFFF;border-color:#8FA3C2}