/*
    TNT | Base Blaster SPARK Edition — page-specific styles
    Created: 2026-08-24
    Base styles supplied by: ../styles/tnt-base-styles.css
    Accent color: #E69F4D (TNT amber / Base Blaster orange)

    Rule: no bare tag selectors here — tnt-base-styles owns those.
    Only page-unique rules live in this file.
*/

/* ── Hero: energyWaves.jpg + warm dark overlay ── */
#hero {
    background:
        linear-gradient(135deg, rgba(10,6,0,0.42) 0%, rgba(26,14,0,0.34) 100%),
        url('../images/energyWaves.jpg') center / cover no-repeat;
    min-height: 28vh;
    padding: 3.5rem 1rem 2.5rem;
}

/* ── Zen Dots font helper (used for hero title) ── */
.zen-dots-regular {
    font-family: "Zen Dots", sans-serif;
    font-weight: 400;
}

/* ── Spark bar ── */
/* span uses margin-left:auto to stay right while links stay left */
.spark-bar {
    background: #0d0800;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 1.5rem;
    border-bottom: 1px solid rgba(230,159,77,0.30);
}
.spark-bar a {
    color: #E69F4D;
    font-weight: 700;
    font-size: 0.88rem;
    text-decoration: none;
}
.spark-bar a:hover { text-decoration: underline; color: #ffc261; }
.spark-bar span    { color: rgba(255,255,255,0.45); font-size: 0.80rem; margin-left: auto; }

/* ── App column backgrounds (preserved from original design) ── */
.yellow1-bg { background-color: #F8DB63 !important; }
.orange-bg  { background-color: #E69F4D !important; }