/* ==========================================================================
   AURA LUXIFY — Blog page
   Sage/forest-green design system, matching Shop/Cart/Checkout/Account.
   Scoped ONLY to this page (body.page-id-523) — homepage untouched.
   ========================================================================== */

body.page-id-523{
  --al-bg:#DFECE5;
  --al-surface:#FFFFFF;
  --al-dark:#2C3A32;
  --al-dark-hover:#3A4B41;
  --al-border:#CFE0D6;
  --al-text-muted:#1B211D;
  --al-radius:20px;
  --al-radius-sm:14px;
  --al-shadow: 0 8px 24px -8px rgba(44,58,50,.16);
  --al-shadow-hover: 0 16px 36px -10px rgba(44,58,50,.26);
  --al-font-heading:'Nunito', sans-serif;
  --al-font-body:'Nunito', sans-serif;
  background:var(--al-bg) !important;
}
body.page-id-523 #primary,
body.page-id-523 .content-area{
  background:var(--al-bg) !important;
}

/* ---------- Hero ---------- */
body.page-id-523 .al-blog-hero{
  max-width:100%;
  padding:60px 24px 40px;
  text-align:center;
}
body.page-id-523 .al-blog-hero-title{
  font-family:var(--al-font-heading) !important;
  font-size:clamp(30px,5vw,50px) !important;
  font-weight:800 !important;
  letter-spacing:-0.02em;
  line-height:1.1;
  color:var(--al-dark) !important;
  margin:0 0 14px !important;
}
body.page-id-523 .al-blog-hero-sub{
  font-family:var(--al-font-body) !important;
  font-size:16px !important;
  font-weight:500 !important;
  line-height:1.6;
  color:var(--al-text-muted) !important;
  max-width:560px;
  margin:0 auto !important;
}

/* ---------- Post grid ---------- */
body.page-id-523 .al-blog-grid{
  max-width:1240px;
  margin:0 auto;
  padding:0 24px 70px;
}
body.page-id-523 .al-blog-grid .wp-block-post-template{
  gap:26px;
}
body.page-id-523 .al-blog-grid .wp-block-post{
  background:var(--al-surface);
  border:1px solid var(--al-border);
  border-radius:var(--al-radius);
  box-shadow:var(--al-shadow);
  padding:26px 24px;
  overflow:hidden;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
body.page-id-523 .al-blog-grid .wp-block-post:hover{
  transform:translateY(-6px);
  border-color:var(--al-dark);
  box-shadow:var(--al-shadow-hover);
}
body.page-id-523 .al-blog-grid .wp-block-post-title,
body.page-id-523 .al-blog-grid .wp-block-post-title a{
  font-family:var(--al-font-heading) !important;
  font-weight:700 !important;
  color:var(--al-dark) !important;
  text-decoration:none !important;
  font-size:19px !important;
  line-height:1.35;
  padding:0;
  margin:0 0 10px !important;
}
body.page-id-523 .al-blog-grid .wp-block-post-excerpt{
  font-family:var(--al-font-body);
  color:var(--al-text-muted);
  font-size:14px;
  line-height:1.6;
  padding:0;
  margin:0 !important;
}
body.page-id-523 .al-blog-grid .wp-block-post-excerpt__more-link{
  display:none;
}

/* No-results state */
body.page-id-523 .al-blog-grid .wp-block-query-no-results{
  background:var(--al-surface);
  border:1px solid var(--al-border);
  border-radius:var(--al-radius);
  box-shadow:var(--al-shadow);
  padding:60px 24px;
  text-align:center;
  color:var(--al-text-muted);
  font-family:var(--al-font-body);
  font-weight:600;
  grid-column:1/-1;
}

/* Pagination */
body.page-id-523 .wp-block-query-pagination{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:12px;
}
body.page-id-523 .wp-block-query-pagination a,
body.page-id-523 .wp-block-query-pagination-numbers .page-numbers{
  display:flex; align-items:center; justify-content:center;
  min-width:40px; height:40px; padding:0 14px;
  background:var(--al-surface); border:1px solid var(--al-border);
  border-radius:999px; color:var(--al-dark) !important;
  font-family:var(--al-font-body); font-size:13.5px; font-weight:700;
  text-decoration:none;
}
body.page-id-523 .wp-block-query-pagination-numbers .page-numbers.current{
  color:#fff !important;
  background:var(--al-dark);
  border-color:var(--al-dark);
}

/* Responsive */
@media (max-width:1024px){
  body.page-id-523 .al-blog-grid .wp-block-post-template{ flex-wrap:wrap; }
  body.page-id-523 .al-blog-grid .wp-block-post{ flex:1 1 45% !important; }
}
@media (max-width:640px){
  body.page-id-523 .al-blog-hero{ padding:44px 16px 32px; }
  body.page-id-523 .al-blog-grid{ padding:0 14px 50px; }
  body.page-id-523 .al-blog-grid .wp-block-post{ flex:1 1 100% !important; }
}