@font-face{
    font-family:'IvanFont';
    src:url('/wp-content/themes/e1e1-minimal/fonts/IvanFont-Regular.woff2') format('woff2');
    font-weight:400;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:'TechnoHideo';
    src:url('/wp-content/themes/e1e1-minimal/fonts/TechnoHideo.woff2') format('woff2');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

/* GLOBAL RESET */
html,body{
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    background:#000!important;
    color:#fff!important;
    height:100%;
}

:root{
    --wp--style--block-gap:0!important;
}

.wp-site-blocks>*{
    margin:0!important;
    padding:0!important;
}

/* HERO SECTION */
.hero.wp-block-cover.alignfull{
    height:100vh!important;
    min-height:100vh!important;
    max-height:100vh!important;
    margin:0!important;
    padding:0!important;
    border:none!important;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    overflow:hidden!important;
    background-color:#000!important;
}

/* STATIC BACKGROUND */
.hero img.wp-block-cover__image-background{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    filter:brightness(0.75) contrast(1.1);
    transform:none!important;
    transition:none!important;
}

/* INNER CONTAINER */
.hero .wp-block-cover__inner-container{
    z-index:2;
    text-align:center;
    padding:0!important;
    margin:0!important;
}

/* DISABLE OLD ANIMATIONS */
.hero .wp-block-cover__inner-container .ivan-parallax{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
}

/* FADE-IN OTHER ELEMENTS */
.hero .wp-block-cover__inner-container *:not(.ivan-parallax){
    opacity:0;
    animation:fadeInUp 1.2s ease-out forwards;
}

@keyframes fadeInUp{
    from{opacity:0;transform:translateY(25px);}
    to{opacity:1;transform:translateY(0);}
}

/* ===================================================== */
/*                   CLEAN OUTLINE TEXT                  */
/* ===================================================== */

.ivan-outline {
    position: fixed;
    bottom: 20px;
    left: 20px;

    font-size: 32vh;
    font-weight: 800;
    font-family: 'IvanFont', sans-serif;
    line-height: 1;

    color: transparent;
    -webkit-text-stroke: 2.5px #fff;
    paint-order: stroke fill;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;

    text-transform: uppercase;
    pointer-events: none;
    z-index: 9999;

    white-space: nowrap !important;
}

@media (max-width: 480px) {
    .ivan-outline {
        font-size: 10vh; /* 100% fix za WebKit bug */
    }
}


/* osiguraj kontekst pozicioniranja */
body, .site, .wp-site-blocks{
    position:relative;
}