/*
 Theme Name:   Hooser Custom
 Theme URI:    https://example.com/hooser-custom
 Description:  Custom Divi child theme for Hooser with black, red, and white branding.
 Author:       Hooser
 Author URI:   https://example.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  hooser-custom
*/

:root {
    --hooser-bg: #0A0A0A;
    --hooser-accent: #C0000C;
    --hooser-text: #FFFFFF;
}

body,
body.et_pb_pagebuilder_layout,
#page-container {
    background-color: var(--hooser-bg);
    color: var(--hooser-text);
    font-family: 'Crimson Pro', Georgia, serif;
}

h1, h2, h3, h4, h5, h6,
.et_pb_module h1,
.et_pb_module h2,
.et_pb_module h3,
.et_pb_module h4,
.et_pb_module h5,
.et_pb_module h6 {
    font-family: 'Bebas Neue', Impact, sans-serif;
    color: var(--hooser-text);
    letter-spacing: 0.02em;
}

a {
    color: var(--hooser-accent);
}

a:hover {
    color: var(--hooser-text);
}

.et_pb_button,
.et_pb_button_module_wrapper .et_pb_button {
    background-color: var(--hooser-accent) !important;
    border-color: var(--hooser-accent) !important;
    color: var(--hooser-text) !important;
    font-family: 'Bebas Neue', Impact, sans-serif;
}

.et_pb_button:hover {
    background-color: var(--hooser-text) !important;
    color: var(--hooser-bg) !important;
    border-color: var(--hooser-text) !important;
}

#main-header,
#top-header,
#main-footer {
    background-color: var(--hooser-bg);
    color: var(--hooser-text);
}

#top-menu li a,
.et_mobile_menu li a {
    color: var(--hooser-text);
    font-family: 'Bebas Neue', Impact, sans-serif;
}

#top-menu li a:hover,
#top-menu li.current-menu-item > a {
    color: var(--hooser-accent);
}

::selection {
    background: var(--hooser-accent);
    color: var(--hooser-text);
}