/*
Theme Name: MCBD Dossier
Theme URI: https://example.com/
Author: MagazineCBD
Author URI: https://example.com/
Description: Editorial "dossier" theme for net-worth / biography style magazines. Fully customizable colors, categories, and hero text via Appearance > Customize.
Version: 1.0.0
Requires at least: 5.9
Requires PHP: 7.4
Text Domain: mcbd-dossier
*/

:root{
	--ink:#12161C; --ink-soft:#1B212A;
	--paper:#F7F2E7; --paper-dim:#EFE8D8;
	--text-on-paper:#1C1B17; --text-on-ink:#EDE7D8;
	--muted:#6E6A5D; --muted-on-ink:#9C9887;
	--brass:#B0864C; --brass-bright:#C99A57;
	--emerald:#2F4A3E; --rust:#9A4A34; --navy-tab:#33455C;
	--line:rgba(28,27,23,0.12); --line-on-ink:rgba(237,231,216,0.14);
	--radius:2px;
	--serif:'Fraunces', Georgia, serif;
	--sans:'Inter', -apple-system, sans-serif;
	--mono:'IBM Plex Mono', monospace;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.mcbd-body{
	background:var(--paper); color:var(--text-on-paper);
	font-family:var(--sans); line-height:1.5; margin:0;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px;}

.wrap{max-width:1180px;margin:0 auto;padding:0 32px;}

/* ---------- Site header ---------- */
.mcbd-site-header{border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:50;}
.mcbd-header-inner{display:flex;align-items:center;justify-content:space-between;padding:20px 0;}
.mcbd-logo{font-family:var(--serif);font-weight:600;font-size:22px;letter-spacing:.01em;}
.mcbd-logo img{max-height:42px;}
.mcbd-logo a{display:flex;align-items:center;gap:10px;}
.mcbd-nav ul{list-style:none;display:flex;gap:28px;margin:0;padding:0;}
.mcbd-nav a{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;
	padding:6px 0;border-bottom:1px solid transparent;transition:.2s;}
.mcbd-nav a:hover{border-color:var(--brass);color:var(--brass);}
.mcbd-menu-toggle{display:none;background:none;border:1px solid var(--ink);border-radius:var(--radius);
	padding:8px 12px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;cursor:pointer;}
@media (max-width:820px){
	.mcbd-nav{display:none;width:100%;order:3;}
	.mcbd-nav.is-open{display:block;}
	.mcbd-nav ul{flex-direction:column;gap:0;padding:10px 0;}
	.mcbd-nav a{display:block;padding:12px 0;border-bottom:1px solid var(--line);}
	.mcbd-menu-toggle{display:inline-block;}
	.mcbd-header-inner{flex-wrap:wrap;}
}

/* ---------- Hero ---------- */
.mcbd-hero{padding:64px 0 56px;border-bottom:1px solid var(--line);}
.mcbd-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end;}
@media (max-width:900px){.mcbd-hero-grid{grid-template-columns:1fr;}}

.mcbd-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);
	font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin-bottom:18px;}
.mcbd-eyebrow::before{content:"";width:22px;height:1px;background:var(--brass);display:inline-block;}

.mcbd-hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(32px,5vw,54px);line-height:1.06;margin:0;}
.mcbd-hero h1 em{font-style:italic;font-weight:500;color:var(--brass);}
.mcbd-hero .lede{margin-top:18px;font-size:15.5px;color:var(--muted);max-width:46ch;}

.mcbd-btn{display:inline-flex;margin-top:26px;font-size:13.5px;font-weight:600;
	padding:12px 22px;border-radius:var(--radius);border:1px solid var(--ink);
	background:var(--ink);color:var(--paper);transition:.2s;}
.mcbd-btn:hover{background:var(--brass);border-color:var(--brass);}

.mcbd-feature{background:var(--ink);color:var(--text-on-ink);border-radius:var(--radius);overflow:hidden;}
.mcbd-feature-tab{background:var(--brass);color:var(--ink);font-family:var(--mono);
	font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:8px 18px;
	display:flex;justify-content:space-between;}
.mcbd-feature-photo{height:210px;background-size:cover;background-position:center;background-color:#232B36;}
.mcbd-feature-body{padding:22px 20px 24px;}
.mcbd-feature-body h3{font-family:var(--serif);font-size:22px;font-weight:600;margin:0;}
.mcbd-feature-body p{font-size:13.5px;color:var(--muted-on-ink);margin-top:8px;}
.mcbd-nw-line{display:flex;justify-content:space-between;margin-top:18px;padding-top:14px;
	border-top:1px solid var(--line-on-ink);font-family:var(--mono);font-size:24px;
	font-weight:600;color:var(--paper);}

/* ---------- Sections / grid ---------- */
.mcbd-section{padding:64px 0;}
.mcbd-section-head{display:flex;align-items:flex-end;justify-content:space-between;
	gap:20px;margin-bottom:36px;border-bottom:1px solid var(--line);padding-bottom:18px;flex-wrap:wrap;}
.mcbd-section-head h2{font-family:var(--serif);font-size:clamp(24px,3vw,32px);font-weight:600;margin:0;}
.mcbd-section-head span{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.08em;}

.mcbd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media (max-width:900px){.mcbd-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.mcbd-grid{grid-template-columns:1fr;}}

.mcbd-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
	overflow:hidden;transition:.2s;}
.mcbd-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(18,22,28,.09);}
.mcbd-card-tab{font-family:var(--mono);font-size:10px;letter-spacing:.1em;
	text-transform:uppercase;padding:7px 14px;color:var(--paper);}
.mcbd-card-photo{height:140px;background-size:cover;background-position:center;background-color:var(--paper-dim);}
.mcbd-card-body{padding:18px 18px 20px;}
.mcbd-card-body h3{font-family:var(--serif);font-size:18px;font-weight:600;margin:0;}
.mcbd-card-body h3 a:hover{color:var(--brass);}
.mcbd-card-body p{font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.5;}
.mcbd-card-footer{display:flex;justify-content:space-between;align-items:center;
	margin-top:16px;padding-top:12px;border-top:1px solid var(--line);}
.mcbd-card-footer .fig{font-family:var(--mono);font-weight:600;font-size:15px;}
.mcbd-card-footer .read{font-size:11.5px;font-weight:600;color:var(--brass);}

.mcbd-empty{color:var(--muted);font-size:14px;padding:20px 0;}

/* ---------- Single dossier ---------- */
.mcbd-single-tab{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;
	text-transform:uppercase;padding:6px 14px;color:var(--paper);border-radius:var(--radius);margin-bottom:18px;}
.mcbd-single-header{padding:48px 0 24px;border-bottom:1px solid var(--line);}
.mcbd-single-header h1{font-family:var(--serif);font-size:clamp(28px,4vw,44px);margin:0 0 14px;}
.mcbd-single-meta{font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.05em;}
.mcbd-single-photo{width:100%;height:380px;background-size:cover;background-position:center;
	background-color:var(--paper-dim);margin:28px 0;border-radius:var(--radius);}
.mcbd-single-networth{display:flex;justify-content:space-between;align-items:center;background:var(--ink);
	color:var(--paper);padding:20px 24px;border-radius:var(--radius);margin:28px 0;}
.mcbd-single-networth .label{font-family:var(--mono);font-size:11px;letter-spacing:.1em;
	text-transform:uppercase;color:var(--muted-on-ink);}
.mcbd-single-networth .fig{font-family:var(--mono);font-size:28px;font-weight:600;}
.mcbd-single-content{padding:8px 0 60px;font-size:16px;max-width:72ch;}
.mcbd-single-content p{margin:0 0 20px;}
.mcbd-single-content h2, .mcbd-single-content h3{font-family:var(--serif);}

/* ---------- Archive ---------- */
.mcbd-archive-head{padding:48px 0 8px;}
.mcbd-archive-head h1{font-family:var(--serif);font-size:clamp(26px,4vw,38px);}

/* ---------- Pagination ---------- */
.mcbd-pagination{display:flex;gap:10px;justify-content:center;padding:20px 0 60px;font-family:var(--mono);font-size:12px;}
.mcbd-pagination a, .mcbd-pagination span{padding:8px 14px;border:1px solid var(--line);border-radius:var(--radius);}
.mcbd-pagination .current{background:var(--ink);color:var(--paper);border-color:var(--ink);}

/* ---------- Footer ---------- */
.mcbd-site-footer{background:var(--ink);color:var(--text-on-ink);margin-top:0;}
.mcbd-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:56px 0 32px;}
@media (max-width:820px){.mcbd-footer-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:500px){.mcbd-footer-grid{grid-template-columns:1fr;}}
.mcbd-footer-col h4{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
	color:var(--brass-bright);margin:0 0 16px;}
.mcbd-footer-col p, .mcbd-footer-col a{font-size:13px;color:var(--muted-on-ink);}
.mcbd-footer-col ul{list-style:none;margin:0;padding:0;}
.mcbd-footer-col li{margin-bottom:10px;}
.mcbd-footer-col a:hover{color:var(--brass-bright);}
.mcbd-footer-bottom{border-top:1px solid var(--line-on-ink);padding:20px 0;display:flex;
	justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-family:var(--mono);
	font-size:11px;letter-spacing:.05em;color:var(--muted-on-ink);}