/* Modern Era (1945-present) — Cold War, space race, comms-sat steel-blue palette.
   Signature band: row of comms satellites with solar panels + dish. */
body.era-modern {
    --bg-primary: #e6eaef;
    --bg-secondary: #0c1620;
    --bg-card: #f3f5f8;
    --text-primary: #0c1620;
    --text-secondary: #2a3f55;
    --text-muted: #6a7a8c;
    --accent-color: #2a3f55;
    --accent-hover: #1a2a3c;
    --border-color: #aebbc8;
    --heading-font: 'Cinzel', 'Inter', sans-serif;
    --shadow: 0 1px 4px rgba(12,22,32,0.14);
    --shadow-lg: 0 4px 16px rgba(12,22,32,0.20);
    --era-band: url('/assets/images/modern-satellite.svg') repeat-x left center / auto 18px;
    --era-band-bg: #e6eaef;
}

body.era-modern { background: #e6eaef; }

body.era-modern .site-header {
    background: linear-gradient(180deg, #0c1620 0%, #15202d 100%);
    border-bottom: none;
    box-shadow: 0 1px 0 #5fa7d4;
}
body.era-modern .logo-icon { color: #9bc3e6; filter: drop-shadow(0 1px 2px rgba(0,0,0,0.4)); }
body.era-modern .logo-text { color: #e6eaef; letter-spacing: 0.06em; font-family: var(--heading-font); }

body.era-modern .main-content::before {
    content: '';
    display: block;
    width: 100%;
    height: 18px;
    background: var(--era-band);
    background-color: var(--era-band-bg);
    border-bottom: 1px solid #aebbc8;
}

body.era-modern .era-header,
body.era-modern .region-header {
    background: linear-gradient(180deg, #dde4ec 0%, #c8d2dd 100%);
    border-bottom: 2px solid #2a3f55;
}

body.era-modern .page-title,
body.era-modern .product-page__title {
    font-family: var(--heading-font);
    color: #2a3f55;
    letter-spacing: 0.04em;
}

body.era-modern .section__title {
    font-family: var(--heading-font);
    color: #0c1620;
    padding-bottom: 1.4rem;
    margin-bottom: 1.5rem;
    position: relative;
}
body.era-modern .section__title::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 16px;
    background: var(--era-band);
    background-color: var(--era-band-bg);
}

body.era-modern .btn--primary {
    background: linear-gradient(180deg, #3a4f65 0%, #2a3f55 60%, #1a2a3c 100%);
    color: #f3f5f8;
    border: 1px solid #0a1a2c;
    text-shadow: 0 1px 2px rgba(0,0,0,0.4);
    box-shadow: 0 2px 0 #0a1a2c, var(--shadow);
    letter-spacing: 0.04em;
}
body.era-modern .btn--primary:hover {
    background: linear-gradient(180deg, #2a3f55 0%, #1a2a3c 100%);
}

body.era-modern .product-form,
body.era-modern .cart-summary,
body.era-modern .philosopher-sidebar {
    background: #f3f5f8;
    border: 1px solid #aebbc8;
    box-shadow: var(--shadow);
    border-radius: 2px;
    padding-top: 2rem;
    position: relative;
    overflow: hidden;
}
body.era-modern .product-form::before,
body.era-modern .cart-summary::before,
body.era-modern .philosopher-sidebar::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 16px;
    background: var(--era-band);
    background-color: var(--era-band-bg);
}

body.era-modern .shirt-card {
    background: #f3f5f8;
    border: 1px solid #aebbc8;
    box-shadow: var(--shadow);
}

body.era-modern .product-page__quote {
    color: #2a3f55;
    border-left: 3px solid #5fa7d4;
    padding-left: 1rem;
}

body.era-modern .quote-card {
    background: #f3f5f8;
    border-left: 3px solid #2a3f55;
}

body.era-modern .product-page__meta {
    border-top: none;
    padding-top: 1.6rem;
    position: relative;
}
body.era-modern .product-page__meta::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 16px;
    background: var(--era-band);
    background-color: var(--era-band-bg);
}

body.era-modern .site-footer {
    background: #0c1620;
    border-top: none;
    position: relative;
    padding-top: calc(1rem + 18px);
}
body.era-modern .site-footer::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 18px;
    background: var(--era-band);
    background-color: var(--era-band-bg);
}