/* ============================================================
   PHX SEARCH CO. — site-wide dark-editorial base
   Loaded on EVERY page (after theme.css, so it wins). Styles the
   dark chrome (.dk-nav/.dk-foot) + interior page content. The
   homepage additionally loads home-dark.css for its sections.
   ============================================================ */
:root{
  --gold:#C9A24B; --gold-2:#E4C480; --gold-deep:#A07E32;
  --ink:#15110C; --ink-2:#1C1710; --ink-3:#231D14;
  --cream:#ECE4D4; --cream-soft:#E4DCCB; --cream-mut:#A99F8B;
  --line:rgba(201,162,75,.22);
  --serif:'Fraunces',Georgia,serif; --sans:'Hanken Grotesk',system-ui,sans-serif;
}
/* base — override the old light theme.css */
body{background:var(--ink)!important;color:var(--cream);font-family:var(--sans)}
h1,h2,h3,h4{color:var(--cream);font-family:var(--serif)}
a{color:var(--gold)} a:hover{color:var(--gold-2)}
img,svg,iframe{max-width:100%;height:auto}
.container{width:100%;max-width:1180px;margin-inline:auto;padding-inline:clamp(20px,5vw,56px)}
.gold{color:var(--gold)} .italic{font-style:italic}

/* shared buttons (nav, footer, content) */
.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--sans);font-weight:600;font-size:15px;padding:15px 26px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:.25s ease;white-space:nowrap;text-decoration:none}
.btn--gold{background:var(--gold);color:#1a1407}
.btn--gold:hover{background:var(--gold-2);transform:translateY(-2px)}
.btn--ghost{border-color:var(--gold);color:var(--gold)}
.btn--ghost:hover{background:var(--gold);color:#1a1407}
.btn .arrow{transition:transform .25s ease}.btn:hover .arrow{transform:translateX(4px)}

/* ===== NAV (global) ===== */
.dk-nav{position:sticky;top:0;z-index:100;background:rgba(21,17,12,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.dk-nav__in{display:flex;align-items:center;justify-content:space-between;height:78px}
.dk-brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:20px;letter-spacing:.16em;color:var(--cream)}
.dk-brand b{font-weight:500}.dk-brand .mark{width:30px;height:30px;flex:0 0 30px}
.dk-nav__links{display:flex;gap:30px;font-size:14.5px;font-weight:500;color:var(--cream-mut)}
.dk-nav__links a{position:relative;padding:4px 0;color:var(--cream-mut);transition:color .2s}
.dk-nav__links a:hover,.dk-nav__links a.active{color:var(--cream)}
.dk-nav__links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;background:var(--gold)}
.dk-nav__cta{display:flex;align-items:center;gap:18px}
.dk-nav__phone{font-size:14px;color:var(--cream-mut)}
.dk-burger{display:none;color:var(--gold)}
@media(max-width:980px){.dk-nav__links,.dk-nav__phone{display:none}.dk-burger{display:block}}

/* ===== FOOTER (global) ===== */
.dk-foot{background:var(--ink-2);border-top:1px solid var(--line);position:relative;overflow:hidden}
.dk-foot .blueprint{position:absolute;right:-5%;top:-20%;width:55%;opacity:.4;pointer-events:none}
.dk-foot__grid{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:clamp(30px,4vw,56px);padding-block:clamp(56px,8vw,96px) 0;position:relative}
.dk-foot__cta h2{font-size:clamp(2rem,4vw,3rem);color:var(--cream);line-height:1.05}
.dk-foot__cta p{color:var(--cream-mut);margin:18px 0 28px;max-width:34ch}
.dk-foot__contact{display:flex;flex-direction:column;gap:18px;padding-top:8px}
.dk-foot__row{display:flex;gap:14px;align-items:flex-start;font-size:15px}
.dk-foot__row .ic{color:var(--gold);width:20px;flex:0 0 20px;margin-top:3px}
.dk-foot__row span{color:var(--cream-mut)}
.dk-foot__row a{color:var(--cream-mut)}.dk-foot__row a:hover{color:var(--gold)}
.dk-foot__brand{text-align:right}
.dk-foot__brand .dk-brand{justify-content:flex-end;margin-bottom:14px}
.dk-foot__brand p{color:var(--cream-mut);font-size:13.5px;max-width:24ch;margin-left:auto}
.dk-socials{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
.dk-socials a{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--cream-mut);transition:.25s}
.dk-socials a:hover{color:var(--gold);border-color:var(--gold);transform:translateY(-2px)}
.dk-foot__bar{margin-top:clamp(40px,6vw,72px);border-top:1px solid var(--line);padding-block:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--cream-mut)}
.dk-foot__bar a{color:var(--cream-mut);margin-left:22px}.dk-foot__bar a:hover{color:var(--gold)}
@media(max-width:860px){.dk-foot__grid{grid-template-columns:1fr}.dk-foot__brand{text-align:left}.dk-foot__brand .dk-brand,.dk-socials{justify-content:flex-start}.dk-foot__brand p{margin-left:0}}

/* ===== CONTACT methods (the /contact/ page — form-free by brand) ===== */
.contact-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,22px);margin:6px 0 24px}
.contact-card{display:flex;flex-direction:column;gap:5px;padding:26px 24px;border:1px solid var(--line);border-radius:14px;background:var(--ink-3);transition:.3s ease;text-decoration:none}
.contact-card:hover{border-color:rgba(201,162,75,.55);transform:translateY(-3px);background:#2a2317}
.contact-card__ic{width:44px;height:44px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);margin-bottom:10px}
.contact-card__ic svg{width:22px;height:22px}
.contact-card__k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600}
.contact-card__v{font-family:var(--serif);font-size:clamp(1.25rem,2.4vw,1.6rem);color:var(--cream);line-height:1.15}
.contact-card__note{font-size:13.5px;color:var(--cream-mut);line-height:1.5;margin-top:4px}
.contact-facts{display:flex;flex-wrap:wrap;gap:10px 30px;padding:18px 0 2px;border-top:1px solid var(--line);font-size:13.5px;color:var(--cream-mut);margin-bottom:6px}
.contact-facts b{color:var(--cream);font-weight:600}
@media(max-width:560px){.contact-cards{grid-template-columns:1fr}}

/* ===== END-OF-CONTENT CTA BAND (page.html / single.html, before footer) ===== */
.end-cta{
  position:relative;overflow:hidden;text-align:center;
  padding-block:clamp(56px,8vw,100px);
  border-top:1px solid var(--line);
  background:
    radial-gradient(80% 130% at 50% -20%, rgba(201,162,75,.16), transparent 60%),
    radial-gradient(60% 120% at 50% 120%, rgba(200,85,61,.10), transparent 60%),
    linear-gradient(180deg,#1C160E,#17120B);
}
.end-cta__inner{max-width:640px;margin-inline:auto;position:relative;z-index:1}
.end-cta__eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.end-cta__title{font-family:var(--serif);font-weight:400;color:var(--cream);font-size:clamp(2rem,4vw,3rem);line-height:1.08;letter-spacing:-.01em;margin:0 0 16px}
.end-cta__sub{color:var(--cream-mut);font-size:clamp(15px,1.4vw,17px);line-height:1.6;max-width:46ch;margin:0 auto 30px}
.end-cta__btn{font-size:16px}
/* hide on the contact page (you're already there) */
.page-id-14 .end-cta,.page-contact .end-cta{display:none}

/* ===== PAGE HEADER BAND (page.html / single.html) ===== */
.page-hero{
  background:
    radial-gradient(120% 150% at 84% -25%, rgba(201,162,75,.13), transparent 55%),
    radial-gradient(90% 120% at 6% 120%, rgba(200,85,61,.07), transparent 60%),
    linear-gradient(180deg,#1B160F 0%,var(--ink) 100%);
  border-bottom:1px solid var(--line);
  padding-block:clamp(44px,6.5vw,86px) clamp(30px,4vw,52px);
  position:relative;overflow:hidden;
}
.page-hero .crumbs{margin-bottom:20px}
.page-hero .crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:0;margin:0;font-size:12.5px;font-weight:500;letter-spacing:.03em}
.page-hero .crumbs a{color:var(--cream-mut)} .page-hero .crumbs a:hover{color:var(--gold)}
.page-hero .crumbs__sep{color:var(--line)}
.page-hero .crumbs [aria-current=page]{color:var(--gold)}
.page-hero__rule{width:54px;height:2px;background:var(--gold);margin-bottom:22px}
.page-hero .wp-block-post-title,.page-hero__title{
  font-family:var(--serif);color:var(--cream);margin:0;
  font-size:clamp(33px,5vw,60px);line-height:1.05;letter-spacing:-.02em;max-width:22ch;
}
.page-hero .insights-post-meta{margin-bottom:18px}
.page-hero .insights-post-meta .wp-block-post-terms,.page-hero .insights-post-meta .wp-block-post-terms a{color:var(--gold)}
.page-hero .insights-post-meta .wp-block-post-date{color:var(--cream-mut)}

/* ===== Practice-area cards (also used on /practice-areas/ hub) ===== */
.dk-pa__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,22px);margin:14px 0 8px}
.dk-pa{display:flex;gap:16px;align-items:flex-start;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--ink-3);transition:.3s ease;text-decoration:none}
.dk-pa:hover{border-color:rgba(201,162,75,.55);transform:translateY(-4px);background:#2a2317}
.dk-pa__ic{flex:0 0 46px;width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);background:rgba(201,162,75,.06)}
.dk-pa__ic svg{width:22px;height:22px}
.dk-pa__t h3{font-size:1.18rem;color:var(--cream);margin:0 0 5px;font-family:var(--serif);font-weight:400}
.dk-pa__t p{font-size:13px;color:var(--cream-mut);line-height:1.45;margin:0;font-weight:400}
.dk-pa__t .go{margin-top:9px;display:inline-flex;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
@media(max-width:860px){.dk-pa__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.dk-pa__grid{grid-template-columns:1fr}}

/* ===== Insights post-card grid (/insights/) ===== */
.insights-grid .wp-block-post-template{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.4vw,30px);margin:14px 0 0;padding:0;list-style:none;align-items:start}
.insights-grid .wp-block-post-template>li{min-width:0;margin-block-start:0;margin-top:0}
.insights-grid .ins-card{background:var(--ink-3);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.3s ease}
.insights-grid .ins-card:hover{transform:translateY(-6px);border-color:rgba(201,162,75,.5)}
.insights-grid .wp-block-post-featured-image{margin:0;line-height:0}
.insights-grid .wp-block-post-featured-image img{border-radius:0!important;width:100%;aspect-ratio:4/3!important;object-fit:cover}
.insights-grid .ins-card__body{padding:20px 22px 24px}
.insights-grid .ins-card__meta{display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin-bottom:10px}
.insights-grid .ins-card__meta .wp-block-post-terms a{color:var(--gold)}
.insights-grid .ins-card__meta .wp-block-post-date{color:var(--cream-mut)}
.insights-grid .wp-block-post-title{display:block;margin:0 0 10px;font-size:1.25rem;line-height:1.25;height:2.5em;overflow:hidden}
.insights-grid .wp-block-post-title a{font-family:var(--serif);font-size:1.25rem;line-height:1.25;color:var(--cream)}
.insights-grid .wp-block-post-title a:hover{color:var(--gold)}
.insights-grid .wp-block-post-excerpt{margin:0}
.insights-grid .wp-block-post-excerpt__excerpt{font-size:14px;color:var(--cream-soft);line-height:1.55;height:4.65em;overflow:hidden;margin:0 0 8px}
.insights-grid .wp-block-post-excerpt__more-text a,.insights-grid .wp-block-post-excerpt a{color:var(--gold)}
.insights-grid .wp-block-query-pagination{margin-top:clamp(30px,4vw,48px)}
.insights-grid .wp-block-query-pagination a,.insights-grid .wp-block-query-pagination .wp-block-query-pagination-numbers{color:var(--cream-mut)}
.insights-grid .wp-block-query-pagination a:hover{color:var(--gold)}
@media(max-width:560px){.insights-grid .wp-block-post-template{grid-template-columns:minmax(0,1fr)}}

/* ===== INTERIOR CONTENT (page.html / single.html / archive / 404) ===== */
/* Templates hard-code padding-top:128px (spacing-100) inline — too much empty
   band under the nav. Trim top + bottom (override the inline style). */
main.wp-block-group{color:var(--cream);padding-top:clamp(40px,5vw,64px)!important;padding-bottom:clamp(48px,6vw,80px)!important}
main .wp-block-post-title,main h1{color:var(--cream);font-family:var(--serif);letter-spacing:-.02em}
main .wp-block-heading{color:var(--cream);font-family:var(--serif)}
main p{color:var(--cream-soft);line-height:1.7;font-weight:500}
main li{color:var(--cream-soft);font-weight:500}
main a{color:var(--gold)} main a:hover{color:var(--gold-2)}
main .lead{font-size:clamp(19px,1.8vw,22px);line-height:1.55;color:var(--cream)}
main strong,main b{color:var(--cream)}
/* will-be-light infographics: frame them as exhibits on the dark page */
main .infographic{border-radius:10px;overflow:hidden;border:1px solid var(--line);box-shadow:0 24px 60px -30px rgba(0,0,0,.6)}
/* buttons inside content */
.wp-block-button__link{background:var(--gold)!important;color:#1a1407!important;border-radius:999px!important;font-weight:600}
.wp-block-button__link:hover{background:var(--gold-2)!important}
/* separators / rules */
.wp-block-separator{border-color:var(--line)!important;color:var(--line)!important;opacity:1}
/* blog single meta */
.insights-post-meta .wp-block-post-date{color:var(--cream-mut)!important}
.insights-post-meta .wp-block-post-terms,.insights-post-meta .wp-block-post-terms a{color:var(--gold)!important}
/* related posts + archive/index lists */
.related-post-card .wp-block-post-title a{color:var(--cream)!important}
.related-post-card .wp-block-post-title a:hover{color:var(--gold)!important}
.wp-block-query .wp-block-post-title a{color:var(--cream)}
.wp-block-query .wp-block-post-title a:hover{color:var(--gold)}
.wp-block-post-excerpt,.wp-block-post-excerpt p{color:var(--cream-mut)}
.wp-block-post-date{color:var(--cream-mut)}
.wp-block-query-pagination a,.wp-block-query-pagination .wp-block-query-pagination-numbers{color:var(--cream-mut)}
.wp-block-query-pagination a:hover{color:var(--gold)}
