/* World Wars Era (1914-1945) — Olive drab, khaki, dust.
   Signature band: diagonal stencil stripes (caution-tape, military stencil). */
body.era-world-wars {
    --bg-primary: #e8e0cd;
    --bg-secondary: #1f2418;
    --bg-card: #f2ecd9;
    --text-primary: #1f2418;
    --text-secondary: #3a3e2a;
    --text-muted: #7a7654;
    --accent-color: #4a5d23;
    --accent-hover: #364418;
    --border-color: #b8b08e;
    --heading-font: 'Cinzel', 'Times New Roman', serif;
    --shadow: 0 1px 4px rgba(74,93,35,0.14);
    --shadow-lg: 0 4px 16px rgba(74,93,35,0.20);
    /* Row of small tanks (Tiger-ish silhouette) on khaki base */
    --era-band: url('/assets/images/ww-tank.svg') repeat-x left center / auto 12px;
    --era-band-bg: #c8be96;
}

body.era-world-wars { background: #e8e0cd; }

body.era-world-wars .site-header {
    background: linear-gradient(180deg, #1f2418 0%, #2a301c 100%);
    border-bottom: none;
    box-shadow: 0 1px 0 #7a6346;
}
body.era-world-wars .logo-icon { color: #c8b878; filter: drop-shadow(0 1px 2px rgba(0,0,0,0.4)); }
body.era-world-wars .logo-text { color: #e8e0cd; letter-spacing: 0.06em; font-family: var(--heading-font); }

body.era-world-wars .main-content::before {
    content: '';
    display: block;
    width: 100%;
    height: 16px;
    background: var(--era-band);
}

body.era-world-wars .era-header,
body.era-world-wars .region-header {
    background: #ddd4bc;
    border-bottom: 3px solid #4a5d23;
}

body.era-world-wars .page-title,
body.era-world-wars .product-page__title {
    font-family: var(--heading-font);
    color: #4a5d23;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-shadow: 1px 1px 0 rgba(122,99,70,0.2);
}

body.era-world-wars .section__title {
    font-family: var(--heading-font);
    color: #1f2418;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding-bottom: 1.4rem;
    margin-bottom: 1.5rem;
    position: relative;
}
body.era-world-wars .section__title::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 14px;
    background: var(--era-band);
}

body.era-world-wars .btn--primary {
    background: linear-gradient(180deg, #5a6d2a 0%, #4a5d23 60%, #364418 100%);
    color: #f2ecd9;
    border: 1px solid #243010;
    text-shadow: 0 1px 2px rgba(0,0,0,0.4);
    box-shadow: 0 2px 0 #243010, var(--shadow);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
body.era-world-wars .btn--primary:hover {
    background: linear-gradient(180deg, #4a5d23 0%, #364418 100%);
}

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

body.era-world-wars .shirt-card {
    background: #f2ecd9;
    border: 1px solid #b8b08e;
    box-shadow: var(--shadow);
}

body.era-world-wars .product-page__quote {
    color: #3a3e2a;
    border-left: 3px solid #7a6346;
    padding-left: 1rem;
}

body.era-world-wars .quote-card {
    background: #f2ecd9;
    border-left: 3px solid #4a5d23;
}

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

body.era-world-wars .site-footer {
    background: #1f2418;
    border-top: none;
    position: relative;
    padding-top: calc(1rem + 16px);
}
body.era-world-wars .site-footer::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 16px;
    background: var(--era-band);
}