/*!*
 * This file is part of the SplendidBear Websites' projects.
 *
 * Copyright (c) 2026 @ www.splendidbear.org
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

header {
    position: relative;
    width: 100%;
    overflow: hidden;

    // Minesweeper grid texture
    background-color: #07090d;
    background-image:
        linear-gradient(rgba(35, 111, 135, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(35, 111, 135, 0.1) 1px, transparent 1px);
    background-size: 46px 46px;
}

// Deep radial vignette – grid fades toward the centre
header::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
        ellipse 85% 75% at 50% 50%,
        #07090d 10%,
        transparent 75%
    );
    z-index: 0;
    pointer-events: none;
}

// Smoke at the bottom so header bleeds into body
header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px;
    background: linear-gradient(to bottom, transparent, #07090d);
    z-index: 1;
    pointer-events: none;
}