/* =========================================================
   LUXURY EDITORIAL BLOG POST
   Samantha Bottelier–inspired
   File: /styles/blog-luxury-post.css
   Scoped to: body.lux-post-page
   ========================================================= */

body.lux-post-page{
  --ink:#1f1a16;
  --muted:#9a9a9a;
  --paper:#ffffff;
  --line:rgba(0,0,0,.10);

  --content:780px;
  --wide:1180px;
  --gutter:28px;

  margin:0;
  padding:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Georgia,"Times New Roman",serif;
  line-height:1.85;
}

body.lux-post-page *{ box-sizing:border-box; }
body.lux-post-page img{ max-width:100%; display:block; }
body.lux-post-page a{ color:inherit; text-decoration:none; }

/* =========================================================
   HEADER — clean, white, not sticky (like Samantha)
   ========================================================= */
body.lux-post-page #header{
  position:relative !important;
  background:#fff !important;
  border-bottom:0 !important;
  padding:26px 0 18px;
}

/* =========================================================
   TOP SECTION — TITLE LEFT / IMAGE RIGHT
   ========================================================= */
body.lux-post-page .lux-top{
  padding:96px 0 70px;
  background:#fff;
}

body.lux-post-page .lux-top__inner{
  width:min(var(--wide),calc(100% - (var(--gutter)*2)));
  margin:0 auto;
  display:grid;
  grid-template-columns:0.9fr 1.4fr;
  gap:52px;
  align-items:center;
}

body.lux-post-page .lux-top__left{
  text-align:center;
}

body.lux-post-page .lux-top__title{
  margin:0 0 18px;
  font-weight:400;
  font-size:clamp(30px,3.2vw,46px);
  line-height:1.15;
}

body.lux-post-page .lux-top__category{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:11px;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:var(--muted);
}

body.lux-post-page .lux-top__figure img{
  width:100%;
  height:640px;
  object-fit:cover;
  background:#f6f4f1;
}

/* =========================================================
   MAIN ARTICLE LAYOUT
   ========================================================= */
body.lux-post-page .lux-grid{
  grid-template-columns:1fr !important;
}

body.lux-post-page .lux-rail,
body.lux-post-page .lux-bottom-cta,
body.lux-post-page .lux-related{
  display:none !important;
}

body.lux-post-page .lux-content{
  width:min(var(--content),calc(100% - (var(--gutter)*2)));
  margin:0 auto;
}

/* Text */
body.lux-post-page p{
  margin:0 0 18px;
  font-size:17px;
  color:rgba(0,0,0,.82);
}

body.lux-post-page .lux-intro{
  font-size:18px;
  color:rgba(0,0,0,.88);
}

body.lux-post-page .lux-lead{
  margin-bottom:34px;
  color:rgba(0,0,0,.70);
}

/* Headings */
body.lux-post-page h2{
  margin:52px 0 16px;
  font-weight:400;
  font-size:28px;
}

/* Divider */
body.lux-post-page .lux-divider{
  border:0;
  border-top:1px solid var(--line);
  margin:40px 0 46px;
}

/* Links */
body.lux-post-page .lux-arrow-link{
  display:inline-flex;
  gap:10px;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:11px;
  letter-spacing:.28em;
  text-transform:uppercase;
  border-bottom:1px solid var(--line);
  padding:8px 0;
}

/* Figures */
body.lux-post-page figure{
  margin:46px 0;
}

body.lux-post-page figcaption{
  margin-top:12px;
  font-size:12px;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:rgba(0,0,0,.55);
}

/* =========================================================
   THUMBNAIL GALLERY — Samantha-style
   Small icons → click → lightbox
   ========================================================= */
body.lux-post-page .lux-thumb-gallery{
  width:min(var(--wide),calc(100% - (var(--gutter)*2)));
  margin:60px auto 20px;
}

body.lux-post-page .lux-thumb-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(110px,1fr));
  gap:14px;
}

body.lux-post-page .lux-thumb{
  background:#f6f4f1;
  overflow:hidden;
}

body.lux-post-page .lux-thumb img{
  width:100%;
  height:110px;
  object-fit:cover;
  transition:transform .35s ease,opacity .35s ease;
}

body.lux-post-page .lux-thumb:hover img{
  transform:scale(1.05);
  opacity:.92;
}

/* =========================================================
   MINI FOOTER (CONTACT / LOGO / EXPLORE)
   ========================================================= */
body.lux-post-page .lux-minifooter{
  margin-top:80px;
  padding:56px 0 40px;
  border-top:1px solid var(--line);
}

body.lux-post-page .lux-minifooter__inner{
  width:min(var(--wide),calc(100% - (var(--gutter)*2)));
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1.2fr 1fr;
}

body.lux-post-page .lux-minifooter__col{
  padding:18px 28px;
}

body.lux-post-page .lux-minifooter__title{
  font-size:11px;
  letter-spacing:.28em;
  text-transform:uppercase;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  margin-bottom:14px;
}

body.lux-post-page .lux-minifooter__btn{
  padding:14px 26px;
  background:#f3efec;
  font-size:11px;
  letter-spacing:.22em;
  text-transform:uppercase;
  display:inline-block;
}

body.lux-post-page .lux-minifooter__tagline{
  text-align:center;
  font-style:italic;
  font-size:13px;
  opacity:.75;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:980px){

  body.lux-post-page .lux-top{
    padding:56px 0 40px;
  }

  body.lux-post-page .lux-top__inner{
    grid-template-columns:1fr;
    gap:28px;
  }

  body.lux-post-page .lux-top__figure img{
    height:520px;
  }

  body.lux-post-page .lux-minifooter__inner{
    grid-template-columns:1fr;
  }

}

@media (max-width:560px){

  body.lux-post-page .lux-top__figure img{
    height:460px;
  }

  body.lux-post-page p{
    font-size:16px;
  }

}