/*!
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
--------------------------------------------------------------*/

/* Playfina Casino — navy, purple & gold brand palette */
:root {
    --rc-bg: #161625;
    --rc-surface: #1f1f2e;
    --rc-surface-2: #2d2640;
    --rc-text: #e8e8e8;
    --rc-text-muted: #a89bab;
    --rc-link: #d4b5ff;
    --rc-accent: #7b2cbf;
    --rc-accent-hover: #9d4edd;
    --rc-accent-mid: #5a189a;
    --rc-gold: #ffd700;
    --rc-amber: #ff9d00;
    --rc-on-accent: #ffffff;
    --rc-focus: rgba(157, 78, 237, 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 110% 60% at 50% -10%, rgba(123, 44, 191, 0.14), transparent 55%),
        radial-gradient(ellipse 80% 50% at 100% 20%, rgba(255, 157, 0, 0.06), transparent 60%),
        radial-gradient(ellipse 60% 45% at 0% 70%, rgba(90, 24, 154, 0.2), transparent 55%),
        repeating-linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.02) 0,
            rgba(255, 255, 255, 0.02) 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: #12121c !important;
    border-bottom: 1px solid rgba(255, 215, 0, 0.28) !important;
}

.header {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.45), 0 0 1px rgba(123, 44, 191, 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-hover) !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(45, 38, 64, 0.5) !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, #c084fc 0%, #9d4edd 35%, #7b2cbf 72%, #5a189a 100%) !important;
    color: var(--rc-on-accent) !important;
    border: 1px solid rgba(255, 215, 0, 0.38) !important;
    box-shadow: 0 2px 20px rgba(123, 44, 191, 0.38) !important;
}

.btn:hover,
.btn.btn-primary:hover,
.btn.btn-danger:hover,
.btn.offer-btn:hover,
.header .btn-danger:hover {
    background: linear-gradient(135deg, #e9d5ff 0%, #c084fc 38%, #9d4edd 75%, #7b2cbf 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 Playfina 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(123, 44, 191, 0.45)) drop-shadow(0 0 4px rgba(255, 215, 0, 0.2));
}

@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(123, 44, 191, 0.35);
}

.page-item,
.reviews-item .inner {
    background-color: var(--rc-surface) !important;
    border: 1px solid rgba(123, 44, 191, 0.32);
    box-shadow: 0 4px 22px rgba(0, 0, 0, 0.4);
}

.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.
 */