/*
Theme Name: Skyscraper
Theme URI: https://frederickadu.com
Author: Digital Headquarters
Description: Premium architectural theme for Frederick Adu — white, navy & gold, the 111th floor. High-contrast: black ink on white, white on navy. Built for the master brand platform (Skyscraper Mindset · Marriage Revival · Family Work · Library · Journal).
Version: 1.3
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: skyscraper
*/

:root{
  --ink:#111111; --card:#ffffff; --line:#e0d3ae; --txt:#1f1a12; --mut:#5a4f33;
  --gold:#8a6d1d; --gold-bright:#c9a227; --navy:#0f172a; --bg:#ffffff; --white:#fff;
  --serif:Georgia,'Times New Roman',serif; --sans:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--txt);font-family:var(--sans);line-height:1.7;font-size:1rem}
h1,h2,h3{font-family:var(--serif);font-weight:600;color:var(--ink);line-height:1.25}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--gold-bright)}
img{max-width:100%;height:auto}
.container{max-width:1080px;margin:0 auto;padding:0 1.25rem}

.skip-link{position:absolute;left:-9999px;top:0;background:var(--gold-bright);color:#111;padding:.5rem 1rem;z-index:100}
.skip-link:focus{left:0}

/* Header — stays navy */
.site-header{position:sticky;top:0;z-index:50;background:rgba(15,23,42,.97);border-bottom:1px solid #334155}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.brand a{display:flex;align-items:center;gap:.7rem;color:var(--white)}
.brand-mark{width:38px;height:38px;border:1px solid var(--gold-bright);border-radius:50%;display:grid;place-items:center;color:var(--gold-bright);font-size:.8rem;font-family:var(--serif)}
.brand-name{font-family:var(--serif);font-size:1.05rem;color:#fff}
.main-nav ul{display:flex;gap:1.3rem;list-style:none;flex-wrap:wrap}
.main-nav a{color:#e2e8f0;font-size:.9rem;font-weight:500}
.main-nav a:hover{color:var(--gold-bright)}
.main-nav .current-menu-item a{color:var(--gold-bright)}

/* Main */
main.container{padding:2.6rem 1.25rem 3.4rem;min-height:60vh}
.page-title{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:1.4rem;border-bottom:2px solid var(--line);padding-bottom:.8rem;color:var(--ink)}
/* The home page hero carries its own headline — hide the redundant page title there */
body.home .page-title{display:none}
.page-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.8rem;box-shadow:0 1px 3px rgba(15,23,42,.06)}
.page-body p{margin-bottom:1.1rem;color:var(--txt)}
.page-body h2,.page-body h3{margin:1.4rem 0 .6rem;color:var(--ink)}
.page-body ul{padding-left:1.3rem;margin-bottom:1rem;color:var(--txt)}
.page-body li{margin-bottom:.4rem}

/* Footer — stays navy */
.site-footer{background:var(--navy);border-top:1px solid #334155;padding:2rem 0;text-align:center;margin-top:2rem}
.footer-brand{color:var(--white);font-family:var(--serif);margin-bottom:.6rem}
.footer-copy{color:#cbd5e1;font-size:.85rem;margin-top:.6rem}
.footer-legal{display:flex;gap:1.4rem;justify-content:center;flex-wrap:wrap;margin-top:.8rem}
.footer-legal a{color:#cbd5e1;font-size:.85rem}
.footer-legal a:hover{color:var(--gold-bright)}

@media(max-width:640px){
  .nav-wrap{flex-direction:column;gap:.6rem;padding:.7rem 0}
  .main-nav ul{gap:.9rem;justify-content:center}
}