/* Avasa Zion Projects
   Brand tokens match the site templates: navy #071A2C, gold #C7A25A,
   cream #F5F1E8, ink #172536. Pill buttons, as everywhere else. */

/* Themes style bare <button> and <a> elements, and those rules often beat a
   plain class selector. Everything interactive here is therefore pinned. */
.azp-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.azp-filters .azp-chip,
.azp-filters button.azp-chip{
 -webkit-appearance:none!important;appearance:none!important;
 background:transparent!important;background-image:none!important;
 border:1px solid #0715264D!important;color:#172536!important;
 border-radius:50px!important;padding:10px 20px!important;margin:0!important;
 font:700 12px/1.2 Arial,sans-serif!important;letter-spacing:.4px!important;
 text-transform:none!important;text-decoration:none!important;
 box-shadow:none!important;text-shadow:none!important;cursor:pointer;
 transition:background .2s ease,color .2s ease,border-color .2s ease}
.azp-filters .azp-chip:hover,
.azp-filters .azp-chip:focus,
.azp-filters button.azp-chip:hover,
.azp-filters button.azp-chip:focus{
 background:transparent!important;color:#172536!important;border-color:#C7A25A!important;
 box-shadow:none!important}
.azp-filters .azp-chip:focus-visible{outline:2px solid #C7A25A!important;outline-offset:2px}
.azp-filters .azp-chip.is-on,
.azp-filters .azp-chip.is-on:hover,
.azp-filters .azp-chip.is-on:focus,
.azp-filters button.azp-chip.is-on{
 background:#071A2C!important;border-color:#071A2C!important;color:#fff!important}

.azp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.azp-card{background:#fff;border:1px solid #DFE5EA;overflow:hidden;display:flex;flex-direction:column;
 border-radius:14px;
 transition:transform .45s ease,box-shadow .45s ease}
.azp-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(4,16,28,.14)}
.azp-card[hidden]{display:none}

.azp-card-img,a.azp-card-img,a.azp-card-img:visited{display:block;position:relative;height:230px;
 background:#0A1E30 center/cover no-repeat;text-decoration:none!important;color:#fff!important;
 box-shadow:none!important}
.azp-card-img:after{content:"";position:absolute;inset:0;
 background:linear-gradient(180deg,#04101C00 45%,#04101CB3 100%)}
/* A bright render sits behind these, so they carry their own solid ground
   rather than relying on the photograph being dark. */
.azp-tag,.azp-status{position:absolute;z-index:2;font:700 10px/1 Arial,sans-serif;
 letter-spacing:1.6px;text-transform:uppercase;border-radius:50px;padding:7px 13px;
 background:#04101CD9;border:1px solid transparent;
 -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
 box-shadow:0 2px 10px rgba(4,16,28,.28)}
.azp-tag{top:14px;left:14px;color:#fff;border-color:#FFFFFF2E}
.azp-status{top:14px;right:14px;color:#C7A25A;border-color:#C7A25A99;font-size:9px;
 letter-spacing:1.3px;padding:7px 11px;max-width:calc(100% - 128px);white-space:nowrap;
 overflow:hidden;text-overflow:ellipsis}

/* ...and a soft scrim across the top of the image gives them context. */
.azp-card-img:before{content:"";position:absolute;inset:0 0 auto 0;height:104px;z-index:1;
 background:linear-gradient(180deg,#04101C7A 0%,#04101C00 100%);pointer-events:none}

.azp-card-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:6px;flex:1}
.azp-card-body h3{font-family:Georgia,serif;font-weight:400;font-size:24px;line-height:1.25;margin:0}
.azp-card-body h3 a,.azp-card-body h3 a:visited{color:#172536!important;text-decoration:none!important}
.azp-card-body h3 a:hover{color:#7D6124!important}
.azp-loc{margin:0;color:#65727D;font:14px Arial,sans-serif}
.azp-price{margin:2px 0 14px;color:#172536;font:700 15px Arial,sans-serif}

.azp-btn,a.azp-btn,a.azp-btn:visited{display:inline-block;align-self:flex-start;margin-top:auto;
 background:#C7A25A!important;background-image:none!important;color:#071A2C!important;
 border:0!important;border-radius:50px!important;padding:13px 26px!important;
 font:700 13px/1.2 Arial,sans-serif!important;text-decoration:none!important;
 text-transform:none!important;box-shadow:none!important;
 transition:background .2s ease}
.azp-btn:hover,a.azp-btn:hover,a.azp-btn:focus{background:#D8B874!important;color:#071A2C!important}
/* Sidebar call to action buttons.

   Both must fill the sidebar and match each other exactly. Two things made
   the WhatsApp button come out narrower than the one below it:

   1. ".azp-btn-lg" is specificity 0,1,0 but "a.azp-btn" above is 0,1,1, so
      on an <a> the base rule won and the button stayed inline-block,
      shrinking to its text. The modifiers now match that specificity.
   2. .azp-side is a plain block, not a flex container, so align-self was
      never doing anything. Width does the work instead.

   box-sizing is set here because this stylesheet cannot assume the theme
   sets it; without it, width 100% plus the padding overflows the sidebar.

   The gold button carries a transparent 1px border so it is exactly the
   same height as the outlined one, whose border would otherwise add 2px. */
.azp-btn-lg,a.azp-btn-lg,a.azp-btn-lg:visited,
.azp-btn-ghost,a.azp-btn-ghost,a.azp-btn-ghost:visited{
 display:block!important;width:100%!important;box-sizing:border-box!important;
 text-align:center!important;padding:14px 26px!important;
 border:1px solid transparent!important}
.azp-btn-lg,a.azp-btn-lg,a.azp-btn-lg:visited{margin:0 0 10px!important}
.azp-btn-ghost,a.azp-btn-ghost,a.azp-btn-ghost:visited{background:transparent!important;
 color:#172536!important;border:1px solid #0715264D!important;margin:0!important}
.azp-btn-ghost:hover,a.azp-btn-ghost:hover,a.azp-btn-ghost:focus{
 background:#071A2C!important;color:#fff!important;border-color:#071A2C!important}

.azp-empty{background:#F5F1E8;border:1px solid #E3DCCB;padding:30px;color:#172536;
 border-radius:14px;font:16px/1.65 Arial,sans-serif}
.azp-empty a,.azp-empty a:visited{color:#14293D!important;text-decoration:underline!important;
 text-decoration-color:#C7A25A!important}
.azp-none{margin:24px 0 0;color:#65727D;font:15px Arial,sans-serif}

/* ---- single project ---- */
.azp-single{color:#172536}
.azp-hero{position:relative;min-height:440px;display:flex;align-items:flex-end;
 background:#071A2C center/cover no-repeat;padding:150px 20px 54px}
.azp-hero:after{content:"";position:absolute;inset:0;
 background:linear-gradient(180deg,#071A2CCC 0%,#071A2C66 40%,#04101CE6 100%)}
.azp-hero-inner{position:relative;z-index:1;max-width:1160px;margin:0 auto;width:100%}
.azp-hero .azp-tag{position:static;display:inline-block;margin-bottom:14px}
.azp-hero h1{font-family:Georgia,serif;font-weight:400;color:#fff;font-size:52px;line-height:1.1;margin:0}
.azp-hero-loc{margin:10px 0 0;color:#D8E0E6;font:17px Arial,sans-serif}

.azp-body{max-width:1160px;margin:0 auto;padding:72px 20px 88px;display:grid;
 grid-template-columns:1fr 380px;gap:56px;align-items:start}
.azp-main h2{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:0 0 16px}
.azp-main h2+*{margin-top:0}
.azp-highlights{margin:0 0 36px;padding:0;list-style:none}
.azp-highlights li{position:relative;padding:0 0 10px 22px;font:16px/1.65 Arial,sans-serif;color:#172536}
.azp-highlights li:before{content:"";position:absolute;left:0;top:10px;width:7px;height:7px;
 background:#C7A25A;border-radius:50%}
.azp-content{font:16px/1.7 Arial,sans-serif;color:#3A4855;margin-bottom:36px}
.azp-disclaimer{font:12px/1.65 Arial,sans-serif;color:#65727D;border-top:1px solid #E4E9ED;padding-top:18px}

.azp-side{background:#F5F1E8;border:1px solid #E3DCCB;padding:28px;border-radius:14px}
.azp-specs{margin:0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}
.azp-specs dt{font:700 10px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#8A7B57}
.azp-specs dd{margin:3px 0 0;font:15px Arial,sans-serif;color:#172536}
.azp-permit{margin:18px 0 0;font:12px/1.6 Arial,sans-serif;color:#65727D}
.azp-back{margin:18px 0 0;font:14px Arial,sans-serif}
.azp-back a,.azp-back a:visited{color:#14293D!important;text-decoration:underline!important;
 text-decoration-color:#C7A25A!important}
.azp-back a:hover{color:#7D6124!important}

@media(max-width:1000px){
 .azp-grid{grid-template-columns:repeat(2,1fr)}
 .azp-body{grid-template-columns:1fr;gap:36px;padding:52px 16px 64px}
}
@media(max-width:640px){
 .azp-grid{grid-template-columns:1fr}
 .azp-hero{min-height:340px;padding:130px 16px 40px}
 .azp-hero h1{font-size:34px}
 .azp-specs{grid-template-columns:1fr}
}