/* ==== UNIVERSUM8 - Orange ===== */

/* Közös stílusok importálása */
@import url('/public/stylesheets/universum8_common.css');

/* Alap színek */
:root{
    --bg1:#0f1720;         /* háttér gradiens alul */
    --bg2:#0f2e45;         /* háttér gradiens felül */
    --card:#ffffff;        /* kártya */
    --ink:#0f1720;         /* fő szöveg */
    --muted:#5a6778;       /* halvány szöveg */
    --line:#e7ecf2;        /* finom vonalak */

    --accent-light:#EBA567;
    --accent-normal:#EB8A33;
    --accent-dark:#C86D1A;

    --danger-light:#ff7b7f;
    --danger-normal:#e5484d;
    --danger-dark:#E5484D7F;
    --shadow: 0;
    --radius: 10px;
    --radius-sm: 10px;
    --radius-lg: 22px;

    --card-bg: #ffffff;
    --text: #0e1520;

    --grid-line: rgba(64, 148, 172, 0.35); /* neon kékes vonal */
    --grid-glow: rgba(204, 204, 204, 0.55); /* rávetülő fény */
    --grid-size: 200px;                      /* "négyzetrács" sűrűség */
    --grid-line-w: 2px;                     /* vonalvastagság */
}

/* Háttér gradiens */
body{
    background: linear-gradient(180deg,var(--bg2),var(--bg1)) fixed;
}

body.share-page{
    background: linear-gradient(180deg,#1c2a38,#101820) fixed;
}


/* A body már position:relative; overflow:hidden; -> pont jó */
body::after{
    content:"";
    position: fixed;                 /* független a flex layouttól */

    bottom: -15vh;
    height: 60vh;                    /* kicsit magasabb is lehet */

    left: -1vw; right: -5vw;      /* két oldalt +20vw túlnyúlás */
    transform: perspective(1200px) rotateX(65deg);


    pointer-events:none;

    background:
            repeating-linear-gradient(
                    to right,
                    transparent 0 calc(var(--grid-size) - var(--grid-line-w)),
                    var(--grid-line) calc(var(--grid-size) - var(--grid-line-w)) var(--grid-size)
            ),
            repeating-linear-gradient(
                    to top,
                    transparent 0 calc(var(--grid-size) - var(--grid-line-w)),
                    var(--grid-line) calc(var(--grid-size) - var(--grid-line-w)) var(--grid-size)
            );

    -webkit-mask-image: linear-gradient(to top,
    rgba(0,0,0,1) 15%, rgba(0,0,0,.55) 55%, rgba(0,0,0,0) 90%);
    mask-image: linear-gradient(to top,
    rgba(0,0,0,1) 15%, rgba(0,0,0,.55) 55%, rgba(0,0,0,0) 90%);
    z-index: -1;
}

/* kicsi animált élet – finom "pulzálás" (opcionális) */
@media (prefers-reduced-motion: no-preference){
    body::before{
        animation: horizonPulse 3.8s ease-in-out infinite;
    }
    @keyframes horizonPulse{
        0%,100%{ opacity:.65; filter: blur(7px); }
        50%   { opacity:.95; filter: blur(10px); }
    }
}