/*
Theme Name: dev
Theme URI: https://frontendtanfolyam.hu/
Author: FrontendTanfolyam
Author URI: https://frontendtanfolyam.hu/pocsik-emese-frontend-fejleszto/
Description: Basic Block Theme by Emese Pocsik
Tags: one-column, custom-colors, custom-menu
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dev
*/
@media screen and (max-width: 1199px) {
    body {
        font-size: 18px;
    }
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {

    background:
        radial-gradient(hsla(260, 90%, 4%, 1) 92px, transparent 485px),
        radial-gradient(hsla(280, 85%, 15%, 0.9) 118px, transparent 625px),
        radial-gradient(hsla(240, 80%, 10%, 0.95) 73px, transparent 395px),
        radial-gradient(hsla(280, 75%, 13%, 0.85) 145px, transparent 720px),
        radial-gradient(hsla(200, 85%, 12%, 0.9) 88px, transparent 540px),
        radial-gradient(hsla(270, 90%, 11%, 0.95) 132px, transparent 680px),
        radial-gradient(hsla(250, 75%, 8%, 0.8) 67px, transparent 440px),
        radial-gradient(hsla(310, 80%, 14%, 0.7) 108px, transparent 590px),
        radial-gradient(hsla(180, 75%, 13%, 0.8) 97px, transparent 765px),
        linear-gradient(135deg, #050308 0%, #0a0612 50%, #08050f 100%);
    background-size: 1215px 1840px, 1680px 975px, 825px 1390px, 1470px 1125px, 695px 1755px, 1920px 840px, 1065px 1580px, 780px 1260px, 1545px 1015px, 100% 100%;
    background-position: 345px 1165px, 1725px 420px, 95px 1890px, 1085px 95px, 1540px 1420px, 285px 745px, 865px 1685px, 1390px 580px, 520px 315px, center;
    background-repeat: repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, no-repeat;

    position: relative;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}


.games-section {
    padding: 60px 40px;
    background: rgba(10, 5, 20, 0.4);
    backdrop-filter: blur(30px);
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    margin-top: 60px;
    box-shadow: 0 20px 80px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 0 150px rgba(139, 92, 246, 0.05) inset;
}

.wp-block-query-pagination-numbers .page-numbers,
.wp-block-query-pagination-next-arrow,
.wp-block-query-pagination-prev-arrow {
    display: inline-block;
    text-align: center;
    background: #fff;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 50%;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    margin: 0 5px;
}

.wp-block-query-pagination-numbers .page-numbers.current {
    font-weight: bold;
    background: var(--wp--preset--color--neutral);
}



footer.wp-block-template-part {
    margin: 0;
}

.wp-block-tag-cloud a,
.single-post .wp-block-post-terms a {
    display: inline-block;
    background: #222;
    color: #fff;
    padding-top: var(--wp--preset--spacing--xs);
    padding-bottom: var(--wp--preset--spacing--xs);
    padding-left: var(--wp--preset--spacing--m);
    padding-right: var(--wp--preset--spacing--m);
    margin-bottom: var(--wp--preset--spacing--s);
}



.wp-block-embed iframe {
    max-width: 100%;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9 !important;
}



h1 strong,
h2 strong {
    font-weight: normal;
    background: linear-gradient(135deg, #65e5ff 0%, #a9ff3b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;

}


h1,
h2 {
    text-shadow: 0 0 20px rgba(70, 100, 255, 0.4), 0 0 45px rgba(70, 100, 255, 0.3), 0 0 80px rgba(70, 100, 255, 0.2);


}

.wp-block-button:not(.is-style-outline) a.wp-block-button__link:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 30px rgba(70, 100, 255, 0.35);
    border-color: rgba(100, 130, 255, 0.8);
}

.wp-block-button:not(.is-style-outline) a.wp-block-button__link {
    position: relative;
    text-shadow: 1px 1px 3px rgba(80, 80, 80, 0.3);
    transition: all 0.3s ease;
}

.wp-block-button:not(.is-style-outline) a.wp-block-button__link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 2px 2px 10px rgba(255, 255, 0, 0.5);
    border-radius: 4rem;
    z-index: 2;
    pointer-events: none;
    mix-blend-mode: screen;

}

.wp-block-button:not(.is-style-outline) a.wp-block-button__link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset -2px -2px 6px rgba(5, 5, 40, 0.9);
    border-radius: 4rem;
    z-index: 2;
    pointer-events: none;
    mix-blend-mode: overlay;
}