/*
Theme Name: Cohiba Real Estate 2026
Theme URI: https://cohibarealestate.com
Description: The 2026 Cohiba Real Estate website design as a WordPress theme. Pages, blog posts and properties are managed in WP Admin; the design files live in /assets/.
Version: 1.0
Author: Cohiba Real Estate
Text Domain: cohiba
*/

/* ===== Site refinements (Oct 2026) — loaded after /assets/pages.css ===== */

/* Home · "Invest. Earn. Grow." band: lighter overlay, shaded at the far left and far right
   so the golden tower in the middle stays clear; a soft dark fade behind the text keeps it readable */
#approach.band > .bg::after{
  background:
    linear-gradient(90deg,rgba(42,15,22,.62) 0%,rgba(42,15,22,.22) 26%,rgba(42,15,22,0) 42%,rgba(42,15,22,0) 58%,rgba(42,15,22,.22) 74%,rgba(42,15,22,.62) 100%),
    linear-gradient(180deg,rgba(24,9,14,.08) 0%,rgba(24,9,14,0) 35%,rgba(24,9,14,.5) 72%,rgba(24,9,14,.72) 100%);
}
#approach.band .h,#approach.band .k{text-shadow:0 2px 18px rgba(20,8,12,.55)}
#approach.band .pillars em,#approach.band .pillars h3,#approach.band .pillars p{text-shadow:0 1px 3px rgba(20,8,12,.7),0 2px 16px rgba(20,8,12,.6)}
#approach.band .pillars p{color:rgba(250,246,240,.94)}
@media (max-width:900px){
  #approach.band > .bg::after{
    background:
      linear-gradient(90deg,rgba(42,15,22,.45) 0%,rgba(42,15,22,.1) 30%,rgba(42,15,22,0) 50%,rgba(42,15,22,.1) 70%,rgba(42,15,22,.45) 100%),
      linear-gradient(180deg,rgba(24,9,14,.05) 0%,rgba(24,9,14,0) 14%,rgba(24,9,14,.45) 34%,rgba(24,9,14,.62) 60%,rgba(24,9,14,.75) 100%);
  }
}

/* House of STL · larger "House of STL" caption under the building illustration */
.stl-art figcaption{font-size:clamp(30px,2.5vw,36px);margin-top:26px}

/* Property galleries with fewer photos (block developments) */
.gallery.n3{grid-template-columns:3fr 2fr;grid-auto-rows:210px}
.gallery.n3 .g1{grid-column:1;grid-row:1 / span 2}
.gallery.n3 .g2,.gallery.n3 .g3{grid-column:2;grid-row:auto}
@media (max-width:600px){.gallery.n3{grid-auto-rows:140px}}
.gallery.n2{grid-template-columns:1fr 1fr;grid-auto-rows:340px}
.gallery.n2 .g1,.gallery.n2 .g2{grid-column:span 1;grid-row:span 1}