/*
Theme Name: Quake Manager
Theme URI: https://c8p.pl/
Description: Ciemny motyw Quake III Arena dla strony Quake Manager. Wymaga Hello Elementor.
Author: Quake Manager
Version: 1.0.3
Template: hello-elementor
Text Domain: quake-manager
*/

:root {
    --qm-bg: #0d0a08;
    --qm-panel: #17120e;
    --qm-orange: #ff6600;
    --qm-orange-hot: #ff9933;
    --qm-text: #d8d0c8;
}

body {
    background:
        radial-gradient(circle at 16% 0%, rgba(255, 102, 0, 0.18), transparent 28%),
        radial-gradient(circle at 85% 10%, rgba(140, 28, 0, 0.18), transparent 30%),
        linear-gradient(135deg, rgba(255, 102, 0, 0.05) 0 1px, transparent 1px 24px),
        var(--qm-bg);
    color: var(--qm-text);
}

.site-header {
    background:
        linear-gradient(90deg, rgba(255, 102, 0, 0.18), transparent 30%, transparent 70%, rgba(255, 102, 0, 0.12)),
        linear-gradient(180deg, #1a120c 0%, #0d0a08 100%);
    border-bottom: 1px solid rgba(255, 153, 51, 0.72);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.55), 0 0 28px rgba(255, 102, 0, 0.12);
}

.site-title a {
    color: var(--qm-orange) !important;
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-shadow: 0 2px 0 #2b0d00, 0 0 16px rgba(255, 102, 0, 0.82);
}

.site-description {
    color: #888 !important;
}

.elementor-button {
    background:
        linear-gradient(180deg, rgba(255, 229, 179, 0.22), transparent 35%),
        linear-gradient(180deg, #ff7a12 0%, #b43a00 48%, #5b1800 100%) !important;
    border: 1px solid #ffb15f !important;
    border-radius: 10px !important;
    font-family: Impact, sans-serif !important;
    letter-spacing: 0.03em;
    box-shadow: 0 0 22px rgba(255, 102, 0, 0.22), 0 12px 24px rgba(0, 0, 0, 0.36) !important;
    text-shadow: 0 1px 0 #000;
}

.elementor-widget-heading .elementor-heading-title {
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif !important;
}

.site-footer {
    background: #080604;
    border-top: 1px solid #442200;
    color: #888;
}

.site-navigation ul.menu li a {
    border: 1px solid transparent;
    border-radius: 999px;
    color: #c8a88c !important;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: color 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.site-navigation ul.menu li a:hover,
.site-navigation ul.menu li.current-menu-item > a {
    background: rgba(255, 102, 0, 0.12);
    border-color: rgba(255, 153, 51, 0.42);
    color: #ff9b35 !important;
    box-shadow: 0 0 18px rgba(255, 102, 0, 0.16);
}

.elementor-section {
    position: relative;
}

.elementor-widget-heading .elementor-heading-title {
    text-shadow: 0 2px 0 #301000, 0 0 18px rgba(255, 102, 0, 0.55);
}

/* Dark red Q3 variant */
:root {
    --qm-orange: #b00000;
    --qm-orange-hot: #d72b2b;
}

body {
    background:
        radial-gradient(circle at 16% 0%, rgba(120, 0, 0, 0.24), transparent 28%),
        radial-gradient(circle at 85% 10%, rgba(70, 0, 0, 0.3), transparent 30%),
        linear-gradient(135deg, rgba(150, 0, 0, 0.055) 0 1px, transparent 1px 24px),
        #070303;
}

.site-header {
    background:
        linear-gradient(90deg, rgba(120, 0, 0, 0.3), transparent 30%, transparent 70%, rgba(80, 0, 0, 0.22)),
        linear-gradient(180deg, #210707 0%, #090303 100%);
    border-bottom-color: rgba(215, 43, 43, 0.72);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.56), 0 0 28px rgba(130, 0, 0, 0.16);
}

.site-title a,
.elementor-widget-heading .elementor-heading-title {
    color: #d72b2b !important;
    text-shadow: 0 2px 0 #190000, 0 0 16px rgba(170, 0, 0, 0.78);
}

.elementor-button {
    background:
        linear-gradient(180deg, rgba(255, 210, 210, 0.18), transparent 35%),
        linear-gradient(180deg, #a30b0b 0%, #6e0000 50%, #250000 100%) !important;
    border-color: #d72b2b !important;
    box-shadow: 0 0 22px rgba(150, 0, 0, 0.24), 0 12px 24px rgba(0, 0, 0, 0.36) !important;
}

.site-navigation ul.menu li a:hover,
.site-navigation ul.menu li.current-menu-item > a {
    background: rgba(150, 0, 0, 0.18);
    border-color: rgba(215, 43, 43, 0.5);
    color: #e04a4a !important;
    box-shadow: 0 0 18px rgba(150, 0, 0, 0.18);
}

.site-navigation ul.menu li a[href*="/pobierz/"] {
    display: none !important;
}