/* NaijaShowcase theme "cream" (theme only; 2026-10-21). Colours sampled from owner reference
   theme_ref/owner_theme_cream_navy_gold_2026-10-21.png: cream #F7F3EC, card #FCF8F0, navy #07131B,
   bronze #AF875F, deep bronze text #805C31, ink #282C2D, kicker grey #737475.
   Fonts: Playfair Display (headings) + Inter (body), SIL OFL, self-hosted woff2 in /fonts. */
:root{--navy-900:#0B1A2A;--navy-800:#07131B;--navy-700:#1A2B3C;--gold-500:#AF875F;--gold-400:#BF9A72;--gold-600:#9A7450;--champagne:#C9A57A;--champagne-soft:#AF875F;
--ivory:#F7F3EC;--ivory-2:#EEE6D9;--surface:#FCF8F0;--surface-2:#F3ECE0;--ink:#1F2428;--muted:#5E6163;--line:#E4D9C8;--bronze-ink:#805C31;
--sh:0 1px 2px #3B2A1414,0 6px 20px #3B2A1412}
body{background:var(--ivory);color:var(--ink);font-family:Inter,system-ui,sans-serif}
a{color:var(--bronze-ink)}
h1,h2,h3,.sh h2,.ft h3,.lc-b h3,.ptop h1{font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-weight:700;color:var(--navy-900);letter-spacing:.1px}
.hero h1,.hero h2,.hero h3{color:#fff}
/* header: cream bar, navy text */
.hdr{background:#F7F3ECF2;color:var(--navy-900);border-bottom:1px solid var(--line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hdr .logo .wm .wt,.wm .wt{color:var(--navy-900)!important}
.wm .tg{color:var(--bronze-ink);letter-spacing:2.4px;text-transform:uppercase}
.hdr nav.links a{color:var(--navy-900)}.hdr nav.links a:hover{background:var(--surface-2)}
.menu summary{color:var(--navy-900)}
.menu .panel{background:var(--surface);border:1px solid var(--line)}.menu .panel a{color:var(--navy-900)}
/* cards */
.card,.lcard,.ft,.ti,.trust,.sph{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh)}
.lc-img{background:var(--surface-2)}
/* primary = deep navy */
button,.btn{background:var(--navy-900);color:#fff;border:1px solid var(--navy-900);border-radius:999px;font-weight:600;letter-spacing:.2px}
button:hover,.btn:hover{filter:brightness(1.15)}
.btn.dark{background:var(--navy-900);color:#fff}
/* secondary = thin outline */
.btn.ghost{background:transparent;color:var(--navy-900);border:1px solid var(--gold-500)}
.btn.ghost:hover{background:#AF875F14;filter:none}
input,textarea,select{border:1px solid var(--line);background:#FFFDF9;border-radius:12px}
.pwt .pwb,.lc-save{border-radius:999px}
.pwt .pwb{background:transparent!important;color:var(--navy-900)!important;border:0!important}
/* small uppercase letter-spaced kicker text */
.chip,.soon,.sb,.sph .cv{text-transform:uppercase;letter-spacing:1.4px;font-size:11px}
.soon{background:var(--surface-2);color:var(--bronze-ink);border-color:var(--line)}
.muted{color:var(--muted)}
.sh a{color:var(--bronze-ink);text-transform:uppercase;letter-spacing:1.4px;font-size:13px}
/* hero keeps dark photo overlay for legibility; bronze accent */
.hero{background:linear-gradient(160deg,#1A2B3C,#07131B)}
.hero .script em{color:#E3C49B}
/* bottom nav: cream, navy icons, bronze active, navy + button */
.bnav{background:#FCF8F0F5;border-top:1px solid var(--line);box-shadow:0 -4px 16px #3B2A140F}
.bnav a,.bnav span{color:#3E4347}.bnav .on{color:var(--bronze-ink)}
.bnav .plus{background:var(--navy-900);color:#fff;border:2px solid var(--gold-500)}
footer.site{background:var(--navy-800);color:#D9D2C5}footer.site a{color:var(--champagne)}
input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--gold-500)}
/* fit fixes (CSS only) */
@media(max-width:340px){.hero{margin-left:-10px!important;margin-right:-10px!important}}
@media(orientation:landscape) and (max-height:500px){.hero{min-height:calc(100vh - 92px - var(--nav))!important}.hero .hcap{min-height:32px;margin-top:2px}.hero .in{padding:12px 16px}.hero .script{font-size:2rem}.hero p.sub{font-size:15px;margin:4px 0 8px}.hdr+div{padding-top:4px!important;padding-bottom:4px!important}}
/* listing page: keep "Send inquiry" in the first screen; same content, visual order only */
main:has(>.lov){display:flex;flex-direction:column}main:has(>.lov)>*{order:3}main:has(>.lov)>.ph{order:0}main:has(>.lov)>.ph+.lov+.card,main:has(>.lov)>.lov+.card{order:1}main:has(>.lov)>.lov{order:2}
main:has(>.lov)>.ph>img{max-height:min(70vh,calc(100vh - 380px))!important;min-height:150px}
main:has(>.lov) .card:has(a[href="#inquiry"]){display:flex;flex-direction:column}main:has(>.lov) .card:has(a[href="#inquiry"])>*{order:3}
main:has(>.lov) .card:has(a[href="#inquiry"])>.chip{order:0;align-self:flex-start}main:has(>.lov) .card:has(a[href="#inquiry"])>h1{order:1;margin-bottom:4px}main:has(>.lov) .card:has(a[href="#inquiry"])>.row:has(a[href="#inquiry"]){order:2;margin:4px 0 8px}
@media(min-width:1024px),(orientation:landscape) and (max-height:500px) and (min-width:640px){main:has(>.lov){display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:24px;align-items:start}main:has(>.lov)>*{grid-column:1/-1}main:has(>.lov)>.ph{grid-column:1;grid-row:1/span 2;margin-top:12px}main:has(>.lov)>.lov+.card{grid-column:2;grid-row:1}main:has(>.lov)>.lov{grid-column:2;grid-row:2}main:has(>.lov)>.ph>img{max-height:calc(100vh - 140px)!important}}
@media(orientation:landscape) and (max-height:500px) and (min-width:640px){main:has(>.lov)>.ph>img{max-height:calc(100vh - 150px)!important;min-height:0}main:has(>.lov)>.lov+.card h1{font-size:1.25rem!important}}
@media(max-height:700px) and (orientation:portrait){main:has(>.lov)>.lov+.card{padding-top:12px}main:has(>.lov)>.lov+.card h1{font-size:1.3rem!important;margin:6px 0 2px}}