/*
Theme Name: Kamna Liberec FSE
Author: 63R2
Text Domain: kamnaliberec-fse
Version: 1.0.0
Requires at least: 6.0
*/


/* Global*/
main {
    min-height: 62vh
}

h1 {
    line-height: 1.1;
}

body:not(.error404) h1 {
    filter: drop-shadow(0px 0px 8px black);
}

.wp-singular h1 {
    filter: none !important
}

/* links */
h3 a:-webkit-any-link,
h3 a:-webkit-any-link:active {
    color: var(--wp--preset--color--hneda);
    text-decoration: none;
}

h3 a:hover {
    text-decoration: underline;
}


/* Navigation */
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content,
.wp-block-navigation__responsive-container-content .wp-block-navigation-item__content.wp-block-navigation-item__content {
    color: var(--wp--preset--color--svetla) !important;
    background: transparent;
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:focus,
.wp-block-navigation .wp-block-navigation-item.current-menu-item>.wp-block-navigation-item__content.wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item.current-menu-ancestor>.wp-block-navigation-item__content.wp-block-navigation-item__content,
.wp-block-navigation__responsive-container-content .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.wp-block-navigation__responsive-container-content .wp-block-navigation-item__content.wp-block-navigation-item__content:focus,
.wp-block-navigation__responsive-container-content .wp-block-navigation-item.current-menu-item>.wp-block-navigation-item__content.wp-block-navigation-item__content,
.wp-block-navigation__responsive-container-content .wp-block-navigation-item.current-menu-ancestor>.wp-block-navigation-item__content.wp-block-navigation-item__content {
    color: var(--wp--preset--color--cervena) !important;
}

.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container-content {
    background: transparent !important;
}

@media (max-width: 781px) {
    footer {
        background: var(--wp--preset--color--hneda);
        display: flex;
        flex-direction: column;
        gap: 2rem;
        text-align: center;

        .is-layout-grid {
            grid-template-columns: unset;
            gap: 2rem;
            justify-content: center;
        }

        .is-layout-flex {
            justify-content: center;
        }

        .p-block-social-links {
            padding-bottom: 2rem;
        }
    }

    html body .is-layout-grid {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 1180px) {

    main>.entry-content .wp-block-group,
    footer>.wp-block-group {
        padding-inline: 1rem;
    }
}

/* Images */
.is-vertical.is-layout-flex img {
    width: auto;
    height: 100%;
    object-fit: cover;
}

/* CF7 */

.wpcf7-form {
    display: grid;
    gap: 1rem;
}

.wpcf7-list-item {
    margin-left: 0;
}

.wpcf7 input:not([type="checkbox"]),
.wpcf7 textarea {
    padding-block: 4px;
    padding-inline: 1em;
    width: calc(100% - 2em);
    max-width: 80vw;
}

.wpcf7 .wpcf7-submit {
    width: 100% !important
}

/* header */
header .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
    font-size: 1.5rem;
}

@media (min-width:900px) {
    .custom-logo {
        margin-bottom: -80px;
        z-index: 20;
        position: relative;
    }
}

header .wp-block-navigation__submenu-container {
    min-width: 350px !important
}

/* mobil */
@media (max-width:900px) {
    nav span {
        font-size: 20px
    }

    .wp-block-columns {
        gap: 3rem;
        display: grid;

        .wp-block-column {
            display: grid;
            place-items: center
        }

        ul {
            display: flex;
            justify-content: center
        }
    }

    .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child:nth-child(4) .wp-block-navigation__submenu-container {
        left: 0;
    }

    .has-background {
        min-width: 100%
    }

    .mobile-reverse .is-layout-grid {
        flex-direction: column-reverse;
    }
}