/*!
Theme Name: EveryOne
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: EveryOne
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

EveryOne is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Hellspin Casino — infernal fire palette */
:root {
    --rc-bg: #0d0404;
    --rc-surface: #160808;
    --rc-surface-2: #2a0e0c;
    --rc-text: #ffffff;
    --rc-text-muted: #c9b4a8;
    --rc-link: #ffcc33;
    --rc-accent: #ff4500;
    --rc-accent-hover: #ff6b35;
    --rc-accent-mid: #ff8c00;
    --rc-gold: #ffd700;
    --rc-on-accent: #0a0303;
    --rc-focus: rgba(255, 69, 0, 0.55);
}

body {
    background-color: var(--rc-bg) !important;
    color: var(--rc-text) !important;
    padding-top: 100px !important; /* offset for fixed header so headings don't sit under it */
    background-image:
        radial-gradient(ellipse 100% 55% at 50% -8%, rgba(255, 69, 0, 0.35), transparent 52%),
        radial-gradient(ellipse 70% 50% at 100% 30%, rgba(255, 140, 0, 0.12), transparent 58%),
        radial-gradient(ellipse 55% 40% at 0% 60%, rgba(139, 0, 0, 0.35), transparent 55%),
        repeating-linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.018) 0,
            rgba(255, 255, 255, 0.018) 1px,
            transparent 1px,
            transparent 14px
        );
    background-attachment: fixed;
}

/* Extra top spacing so first heading is clearly below the header on all pages */
.page-content.page-section,
#page-text.page-section {
    padding-top: 1.5rem !important;
}

.header,
.header .menu-item-has-children .sub-menu {
    background: #120606 !important;
    border-bottom: 1px solid #5c1a12 !important;
}

.header {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.45), 0 0 1px rgba(255, 69, 0, 0.35) !important;
}

.header .nav a,
.header .mobile-nav a {
    color: #ffffff !important;
}

.header .nav a:hover,
.header .mobile-nav a:hover {
    color: var(--rc-accent) !important;
}

.footer {
    background-color: var(--rc-bg) !important;
}

/* Footer payment SVGs are dark-on-transparent — invert so they read on black */
.footer .pay-row .pay-item img {
    width: auto !important;
    max-width: min(140px, 100%);
    max-height: 42px;
    object-fit: contain;
    filter: none;
    opacity: 1;
}

.main-text-content a,
.page-text a {
    color: var(--rc-link) !important;
}

.main-text-content a:hover,
.page-text a:hover {
    color: var(--rc-accent-hover) !important;
}

/* Tables: unified dark theme (all pages) */
.main-text-content table,
.page-text table,
.responsible-gambling table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
    font-size: 14px;
    line-height: 1.5;
    background-color: var(--rc-surface) !important;
    border: 1px solid var(--rc-surface-2);
}

.main-text-content table th,
.main-text-content table td,
.page-text table th,
.page-text table td,
.responsible-gambling table th,
.responsible-gambling table td {
    border: 1px solid var(--rc-surface-2);
    padding: 12px 14px;
    text-align: left;
    vertical-align: top;
    color: #ffffff !important;
}

.main-text-content table thead th,
.page-text table thead th,
.responsible-gambling table thead th {
    background-color: var(--rc-surface-2) !important;
    font-weight: 600;
    color: #ffffff !important;
}

.main-text-content table tbody tr:nth-child(even),
.page-text table tbody tr:nth-child(even),
.responsible-gambling table tbody tr:nth-child(even) {
    background-color: rgba(60, 18, 12, 0.75) !important;
}

.main-text-content table tbody tr:nth-child(even) td,
.page-text table tbody tr:nth-child(even) td,
.responsible-gambling table tbody tr:nth-child(even) td {
    color: #ffffff !important;
}

.main-text-content table tbody tr:hover,
.page-text table tbody tr:hover,
.responsible-gambling table tbody tr:hover {
    background-color: var(--rc-surface-2) !important;
}

.main-text-content table a,
.page-text table a,
.responsible-gambling table a {
    color: var(--rc-link) !important;
    text-decoration: underline;
}

.main-text-content table a:hover,
.page-text table a:hover,
.responsible-gambling table a:hover {
    color: var(--rc-accent-hover) !important;
    text-decoration: none;
}

@media (max-width: 768px) {
    .main-text-content table,
    .main-text-content thead,
    .main-text-content tbody,
    .main-text-content th,
    .main-text-content td,
    .main-text-content tr,
    .page-text table,
    .page-text thead,
    .page-text tbody,
    .page-text th,
    .page-text td,
    .page-text tr,
    .responsible-gambling table,
    .responsible-gambling thead,
    .responsible-gambling tbody,
    .responsible-gambling th,
    .responsible-gambling td,
    .responsible-gambling tr {
        display: block;
    }

    .main-text-content thead,
    .page-text thead,
    .responsible-gambling thead {
        display: none;
    }

    .main-text-content tr,
    .page-text tr,
    .responsible-gambling tr {
        margin-bottom: 16px;
        border: 1px solid var(--rc-surface-2);
        padding: 10px;
        background-color: var(--rc-surface) !important;
    }

    .main-text-content td,
    .page-text td,
    .responsible-gambling td {
        border: none;
        padding: 6px 0;
        color: #ffffff !important;
    }

    .main-text-content td::before,
    .page-text td::before,
    .responsible-gambling td::before {
        content: attr(data-label);
        font-weight: 600;
        display: block;
        margin-bottom: 4px;
        color: var(--rc-link);
    }
}

body.banner-background .screen-content {
    background: transparent !important;
}

.offer-title,
.offer-desc {
    color: var(--rc-text) !important;
}

.btn,
.btn.btn-primary,
.btn.btn-danger,
.btn.offer-btn,
.header .btn-danger {
    background: linear-gradient(135deg, #ffd700 0%, #ff8c00 38%, #ff4500 72%, #c41e1e 100%) !important;
    color: var(--rc-on-accent) !important;
    border: 1px solid rgba(255, 215, 0, 0.35) !important;
    box-shadow: 0 2px 14px rgba(255, 69, 0, 0.35) !important;
}

.btn:hover,
.btn.btn-primary:hover,
.btn.btn-danger:hover,
.btn.offer-btn:hover,
.header .btn-danger:hover {
    background: linear-gradient(135deg, #ffe44d 0%, #ff9933 40%, #ff5533 75%, #d32f2f 100%) !important;
    color: var(--rc-on-accent) !important;
}

.btn:focus,
.btn:focus-visible,
.header .btn-danger:focus-visible,
.btn.btn-primary:focus-visible,
.btn.btn-danger:focus-visible,
.btn.offer-btn:focus-visible {
    outline: 2px solid var(--rc-focus) !important;
    outline-offset: 2px;
}

/* Horizontal Hellspin Casino wordmark */
.custom-logo-link {
    display: inline-flex;
    align-items: center;
    line-height: 0;
    width: auto !important;
    max-width: none;
    justify-content: flex-start;
}

img.custom-logo {
    width: auto !important;
    height: 48px !important;
    max-width: min(280px, 56vw);
    object-fit: contain;
    filter: drop-shadow(0 0 12px rgba(255, 69, 0, 0.35));
}

@media (max-width: 700px) {
    img.custom-logo {
        height: 36px !important;
        max-width: min(220px, 62vw);
    }
}

.mobile-wrap {
    background-color: var(--rc-surface) !important;
    border-right: 1px solid rgba(255, 69, 0, 0.28);
}

.page-item,
.reviews-item .inner {
    background-color: var(--rc-surface) !important;
    border: 1px solid rgba(255, 140, 0, 0.32);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

.section-title {
    color: var(--rc-text) !important;
}

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */