/*
Theme Name:     Monnom
Theme URI:      monnom.cz
Description:    Twentytwentyfour child theme.
Author:         Jan Jáchim <jachim5@gmail.com>
Author URI:     https://moichim.vercel.app
Template:       twentytwentyfour
Version:        0.1.0
*/




#gameRoot {
    /* overflow: hidden;*/
    margin-block-start: 0;
}

#contactDialog {
    display: none;
}


body:not(.page-template-game) .wp-site-blocks {

    /* min-height: 100vh; */

}


body:not(.page-template-game) .monnom-header__logo {
    position: absolute;
    left: 1.2rem;
    top: 1.23em;
    z-index: 9999 !important;
    color: var(--wp--preset--color--contrast);
    font-family: var(--wp--preset--font-family--relaway);
    cursor: pointer;

    width: 3rem;
}

body:not(.page-template-game) .monnom-header__logo svg {
    z-index: 9999 important;
    color: var(--wp--preset--color--black);
    transition: color .3s ease-in-out;
}

body:not(.page-template-game) .monnom-header__logo svg:hover {
    color: var(--wp--preset--color--contrast-2);
}

@media (min-width: 680px) {
    body:not(.page-template-game) .monnom-header__logo svg {

        left: 1rem;
        top: 1rem;
        width: 3.5rem;

    }
}

@media (min-width: 1200px) {
    body:not(.page-template-game) .monnom-header__logo svg {
        width: 4rem;
    }
}

body:not(.page-template-game) .monnom-header__backlink {
    position: absolute;
    right: 1rem;
    top: 1rem;
}

body:not(.page-template-game) .monnom-header__backlink button {
    scale: 2;
    translate: -1rem 0;
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
}

body:not(.page-template-game) .monnom-header__backlink button:hover {
    color: var(--wp--preset--color--contrast-2);
}

body:not(.page-template-game) .monnom-header__backdrop {
    height: 5.5rem;
}

body:not(.page-template-game) .wp-site-blocks {
    min-height: calc(100vh - 5.5rem);
}

@media (min-width: 1200px) {

    body:not(.page-template-game) .monnom-header__backdrop {
        height: 6.5rem;
    }

    body:not(.page-template-game) .wp-site-blocks {
        min-height: calc(100vh - 6.5rem);
    }

}

.monnom-footer {

    padding: 1rem;
    padding-top: 5rem;
    background: black;
    color: var(--wp--preset--color--accent-5);

    position: relative;
    bottom: 0;

    overflow: hidden;

}

.monnom-footer__wrapper {
    position: sticky;
    bottom: 0;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: flex-end;
}

.monnom-footer svg {
    color: var(--wp--preset--color--white);
    width: 3.5rem;
}

.monnom-footer__menu {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.monnom-footer__menu a {
    color: var(--wp--preset--color--white);
    text-decoration: none;
}

.monnom-footer__menu a:hover {
    color: var(--wp--preset--color--accent-2);
}

body.page-template-game {
    background-color: white !important;
}


/**
 * Tomášovo opravy na poslední chvíli
 */

._state__button_1p5cv_1:hover {
    background: #0430f60d;
}


#wpcf7-f83-p2-o1 {
    padding: 2em 0
}

.df-ui-nav .df-ui-btn:before {
    color: #bababa !important;
    filter: none !important;
}


.monnom-offcanvas__content__header {
    z-index: 9999
}


.monnom-offcanvas__content__header button {
    font-size: 1.5em !important;
    font-weight: 400;
    color: #0433ff !important;
    outline: none;
}


._state__button_2xksm_1:hover {
    background: #e5f0ff !important;
}

.monnom-offcanvas__open .monnom-offcanvas__content {
    box-shadow: -17px 0px 26px -23px rgba(0, 0, 0, 0.2);
}

.monnom-offcanvas__content__header h2 {
    padding: 4px 0 0 10px;
    font-size: 1.4em;
}

.df-bg {
    background: transparent !important
}


form.wpcf7-form {
    textarea {
        border: 0 0 2px 0 solid #0433ff;
    }
}

form.wpcf7-form {

    input,
    textarea {
        width: 100%;
        background: transparent;
        border: 0;
        border-bottom: 2px solid #0433ff;
        padding: .5rem;
        font-family: var(--wp--preset--font-family--relaway);
        font-size: var(--wp--preset--font-size--medium);
        box-sizing: border-box;
    }
}

form.wpcf7-form {
    input[type="submit"] {
        transition: all .3s ease-in-out;
        background: #ffffff00;
        border: 2px solid #0433ff;
        color: #0433ff;
        cursor: pointer;
    }
}

form.wpcf7-form {
    & input[type="submit"] {
        &:hover {
            background: #0329d8;
            color: white;
        }
    }
}


@media only screen and (min-width: 768px) {
    .monnom-header__link {
        /* padding: 0 1.2em !important; */
    }
}

/** Zde je něco hezkého a zajímavého. */

#baguetteBox-overlay .full-image img {

    box-shadow: none !important;
}

.wp-block-image a:focus {
    outline: none !important;
}