/* ── Apocalypse Theme ──────────────────────────────────────────────────────────
   Gritty, washed-out, post-collapse. Ash and charcoal greys, burnt orange, stencilled labels.
   Fonts: Special Elite (worn typewriter) for headings, Barlow Condensed for
   labels and buttons, Source Serif 4 for long reading — the typewriter face is
   for flavour only, never paragraphs.
   Loaded on top of default.css — overrides variables plus a few signature touches.
   ─────────────────────────────────────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Special+Elite&family=Barlow+Condensed:wght@500;600;700&display=swap');

:root {
    color-scheme: dark;
    --t-bg:             #161616;
    --t-bg-alt:         #1d1d1d;
    --t-surface:        #262626;
    --t-border:         #404040;
    --t-text:           #e0ddd8;
    --t-text-muted:     #a6a29c;
    --t-accent:         #d9731a;
    --t-accent-hover:   #f08a30;
    --t-accent-light:   #3a2614;
    --t-on-accent:      #141414;
    --t-heading-font:   'Special Elite', 'Courier New', monospace;
    --t-heading-weight: 400;
    --t-ui-font:        'Barlow Condensed', 'Arial Narrow', sans-serif;
    --t-radius:         2px;
    --t-radius-lg:      3px;
    --t-shadow:         0 2px 8px rgba(0, 0, 0, .7);
    --t-shadow-lg:      0 6px 22px rgba(0, 0, 0, .88);
    --t-cover-shadow:   0 4px 12px rgba(0, 0, 0, .7), 0 0 0 1px #404040;
    --t-hero-bg:        linear-gradient(160deg, #0a0a0a 0%, #1c1c1c 55%, #2e2a26 100%);
    --t-hero-text:      #ecebe8;
    --t-hero-muted:     rgba(236, 235, 232, .78);
    --t-hero-accent:    #d9731a;
    --t-success:        #9ccc65;
    --t-error:          #ff8a65;
}

/* Condensed UI face reads best uppercase and a size up */
.nav-links a, .hero-genre, .hero-feature-label, .book-btn, .hero-cta, .hero-feature-buy,
.product-cta, .contact-submit, .newsletter-cta, .event-cta, .books-more-btn, .blog-more-btn,
.events-more-btn, .gallery-more-btn, .store-more-btn, .reviews-more-btn, .worldbuilding-more-btn,
.book-badge, .event-type-badge, .event-format-badge, .product-type-badge, .post-tag, .world-tag,
.contact-label, .coming-soon-label {
    text-transform: uppercase;
    letter-spacing: .08em;
}
.nav-links a { font-size: 1rem; }
.post-date, .post-reading-time, .event-date, .event-venue, .book-series, .footer-legal { font-size: .95rem; letter-spacing: .03em; }

/* Hazard-stripe rule under headings */
.section-heading::after {
    width: 72px;
    height: 6px;
    border-radius: 0;
    background: repeating-linear-gradient(-45deg, var(--t-accent) 0 6px, transparent 6px 12px);
}

.book-badge--soon {
    background: var(--t-accent-light);
    color: var(--t-accent);
    box-shadow: inset 0 0 0 1px var(--t-accent);
}

/* Card hover: flat glow border instead of a lift — ground feels heavy */
.book-card:hover { transform: none; }
.book-card:hover .book-cover-wrap,
.post-card:hover,
.product-card:hover {
    transform: none;
    box-shadow: 0 0 0 1px var(--t-accent), 0 4px 20px rgba(217, 115, 26, .25);
}

.review-stars { color: var(--t-accent); }

.hero-cta { border-color: color-mix(in srgb, var(--t-accent) 60%, transparent); }
.hero-cta:hover { background: rgba(217, 115, 26, .18); border-color: var(--t-accent); }

.newsletter-cta { background: var(--t-accent); color: var(--t-on-accent); }
.newsletter-cta:hover { background: var(--t-accent-hover); color: var(--t-on-accent); }

/* ── Signature touches (as shown in the theme demo) ──────────────────────────*/

/* Cracked, weathered hero: hairline fractures over grain */
.site-section--hero::before {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='800' viewBox='0 0 1200 800' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23ecebe8' stroke-opacity='.16' stroke-width='1.6'%3E%3Cpath d='M180 0l30 120-40 90 60 140-20 120 50 160'/%3E%3Cpath d='M210 120l90 40 40 90M170 210l-80 60'/%3E%3Cpath d='M820 0l-20 90 50 110-30 130 70 120 10 150'/%3E%3Cpath d='M850 200l110-30 60 60M820 460l-90 70-30 110'/%3E%3Cpath d='M1200 300l-120 40-60 120 30 140'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-size: 100% 100%, 220px 220px;
}

/* Glowing amber headings, stencil caps */
.section-heading { text-transform: uppercase; letter-spacing: .06em; text-shadow: 0 0 18px rgba(217, 115, 26, .35); }
.hero-name { text-shadow: 0 0 30px rgba(217, 115, 26, .35); }

/* Ringed round portrait */
.about-photo, .about-initials {
    width: 240px;
    height: 240px;
    border-radius: 50%;
    box-shadow: 0 0 0 3px var(--t-accent), 0 0 30px rgba(217, 115, 26, .3);
}

/* Rust-edged card frames */
.post-card, .event-card, .review-card, .world-card, .product-card, .contact-block {
    border-color: rgba(217, 115, 26, .45);
}