/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.20.3
Requires at least:    6.4
Requires PHP:         7.4
WC requires at least: 8.3
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
#main {
                    background-image: url(/wp-content/uploads/2025/12/bg.jpg);
                    background-size: cover;
                    background-attachment: fixed;
                    background-position: center;
                    background-repeat: no-repeat;
                }

                @media only screen and (max-width: 768px) {
                    #main {
                        background-image: url(/wp-content/uploads/2025/12/bg-mobile.jpg);
                        background-size: cover;
                        background-attachment: fixed;
                        background-position: center;
                    }
                }

                /* ========================
   GOLDEN GRADIENT THEME (REWORKED)
   Same structure – unified luxury gold tone
======================== */
                /* 1) REMOVE DIVIDERS */
                .hr, .divider, .divider-line, .hr-custom, .sep, .separator, .hr-short, .divider-short {
                    display: none !important;
                    height: 0 !important;
                    margin: 0 !important;
                    border: none !important;
                }

                .rank-math-breadcrumb .separator {
                    display: unset !important;
                }

                /* 2) GOLDEN TEXT – FOOTER */
                #footer a, #footer p a, #footer h1, #footer h2, #footer h3 {
                    background: linear-gradient(180deg,#fff7da 0%,#ffd27a 45%,#d89a2b 100%);
                    -webkit-background-clip: text;
                    color: transparent !important;
                    text-shadow: 0 .4px 0 rgba(255,255,255,.35);
                }

                h2, h3, h4 {
                    font-weight: 700;
                }

                /* ========================
   3) GOLD TOKENS
======================== */
                :root {
                    --gold-dark: #120c05;
                    --gold-bg: #1c1308;
                    --gold-light: #fff7da;
                    --gold-mid: #ffd27a;
                    --gold-deep: #d89a2b;
                    --gold-glow: rgba(255,200,90,.45);
                    --gold-text: #fff4d2;
                    --gold-text-dim: #f2d39a;
                    --gold-line: linear-gradient(90deg,#fff7da,#ffd27a,#d89a2b,#ffd27a,#fff7da);
                }

                /* ========================
   4) HEADER / NAV
======================== */
                #header .header-bg-color, #header .header-bg-container {
                    background: linear-gradient(180deg, rgba(26,18,8,.96), rgba(52,34,14,.96)) !important;
                    box-shadow: inset 0 -2px 18px rgba(0,0,0,.65);
                    backdrop-filter: blur(4px) saturate(1.1);
                }

                .header-bottom .nav > li > a {
                    color: var(--gold-text-dim) !important;
                }

                .header-bottom .nav > li > a::after {
                    content: "";
                    position: absolute;
                    left: 16px;
                    right: 16px;
                    bottom: 6px;
                    height: 2px;
                    background: var(--gold-line);
                    transform: scaleX(0);
                    transition: .25s ease;
                }

                .header-bottom .nav > li > a:hover::after, .header-bottom .nav > li.current-menu-item > a::after {
                    transform: scaleX(1);
                }

                /* ========================
   5) BUTTONS – GOLDEN
======================== */
                a.button, .button {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    padding: 10px 18px;
                    border-radius: 14px;
                    font-weight: 800;
                    letter-spacing: .6px;
                    transition: .25s ease;
                }

                .button.primary {
                    background: linear-gradient(180deg,var(--gold-light),var(--gold-mid),var(--gold-deep));
                    color: #4a2f10 !important;
                    box-shadow: 0 6px 18px var(--gold-glow), inset 0 2px 6px rgba(255,255,255,.35);
                }

                .button.primary:hover {
                    transform: translateY(-2px);
                    box-shadow: 0 12px 28px var(--gold-glow);
                }

                .button.secondary {
                    background: transparent;
                    color: var(--gold-text) !important;
                    border: 2px solid var(--gold-mid);
                }

                .button.secondary:hover {
                    background: linear-gradient(180deg,rgba(255,210,120,.15),rgba(255,180,60,.05));
                }

                /* ========================
   6) CARDS – GOLDEN GLOW
======================== */
                .game-card {
                    border-radius: 18px;
                    background: radial-gradient(circle at top,var(--gold-mid),var(--gold-bg));
                    border: 1px solid rgba(255,215,120,.25);
                    box-shadow: 0 8px 22px rgba(0,0,0,.6);
                    transition: .3s ease;
                }

                .game-card:hover {
                    transform: scale(1.05);
                    box-shadow: 0 14px 36px rgba(255,200,90,.45);
                }

                /* ========================
   7) TABLES – GOLD STYLE
======================== */
                table {
                    background: linear-gradient(135deg,var(--gold-light),var(--gold-mid),var(--gold-deep));
                    box-shadow: 0 8px 24px rgba(0,0,0,.55);
                }

                th {
                    background: linear-gradient(90deg,var(--gold-light),var(--gold-mid),var(--gold-deep));
                    color: #4a2f10;
                }

                td {
                    color: #2b1b0e;
                }

                tr:hover {
                    background: rgba(255,215,120,.35);
                }

                /* ========================
   8) BLOG / POSTS
======================== */
                .box-blog-post {
                    background: rgba(40,28,12,.45);
                    backdrop-filter: blur(6px);
                    border-radius: 18px;
                    box-shadow: 0 10px 28px rgba(0,0,0,.65);
                }

                .box-blog-post:hover {
                    box-shadow: 0 16px 40px rgba(255,200,90,.45);
                }

                .box-blog-post .post-title {
                    color: var(--gold-text);
                }

                .box-blog-post .from_the_blog_excerpt {
                    color: var(--gold-text-dim);
                }

                /* ========================
   9) FONT
======================== */
                body, html, h1,h2,h3,h4,h5,h6,p,a,span {
                    font-family: 'Poppins',sans-serif !important;
                }

                #footer li {
                    list-style: none;
                    margin-left: 10px;
                    line-height: 1.2;
                }

                .row .col {
                    border: none !important;
                }

                .row .col::before, .row .col::after {
                    display: none !important;
                    content: none !important;
                }

                #related_posts ul li a {
                    text-decoration: none;
                    color: #fff !important;
                }