/* Custom styles for the Astronaut theme */

.wp-site-blocks {
    overflow: hidden; 
}
:is(.archive.category, .single-post, .page.page-template-default) .wp-site-blocks {
    background-image: url(/wp-content/uploads/2025/03/3_Novinky-3.webp);
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: top left;
}
.square {
    aspect-ratio: 1/1;
}
.square h3.wp-block-heading {
  display: block !important;
  white-space: normal !important; 
  word-break: normal; 
}

/* Header and menu */
header > .wp-block-group.alignwide {
    z-index: 2
}
.wp-block-navigation ul li {
    padding-bottom: 5px;
}
header .wp-block-navigation > .current-menu-item > a {
    position: relative;
}
header .wp-block-navigation > li > a:hover {
    text-decoration: none !important;
}
header .wp-block-navigation > .current-menu-item > a::after,
header .wp-block-navigation > li > a:hover::after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 100%;
    height: 7px;
    background-image: url(/wp-content/uploads/2025/03/Domu.svg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    background-position: center;
}
header .wp-block-navigation > li:not(.current-menu-item) > a:hover::after {
    bottom: -4px;
}
header .wp-block-navigation > li > a:hover {
    font-weight: bold;
}
.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container {
    color: #fff;
    background-color: #0000004d;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    right: unset;
    left: -1px;
}

/* Buttons */

.is-style-outline > .wp-block-button__link {
	color: white !important;
    background-color: transparent !important;
    border-color: white !important;
	border-radius: 10px !important;
}
.is-style-outline > .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--contrast) !important;
    border-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base) !important;
}

.is-style-black-outline > .wp-block-button__link {
    color: var(--wp--preset--color--base);
    background: white !important;
    border: 2px solid var(--wp--preset--color--base) !important;
	border-radius: 10px !important;
}
.is-style-black-outline > .wp-block-button__link:hover {
    color: white !important;
    border: 2px solid var(--wp--preset--color--base) !important;
    background: var(--wp--preset--color--base) !important;
}

.is-style-outline > .wp-block-button__link:active,
.is-style-black-outline > .wp-block-button__link:active {
    background-color: var(--wp--preset--color--custom-red) !important;
    border-color: var(--wp--preset--color--custom-red) !important;
    color: var(--wp--preset--color--contrast) !important;
	/* outline: 2px solid var(--wp--preset--color--custom-red);
    outline-offset: 0px; */
}

.is-style-podtrzene-tlacitko > a {
    position: relative;
}
.is-style-podtrzene-tlacitko > a::after {
    content: "";
    position: absolute;
    bottom: 1em;
    left: 24px;
    right: 24px;
    height: 3px;
    background-color: #fff;
}
.is-style-podtrzene-tlacitko > a:hover {
    background-color: #fff !important;
    color: var(--wp--preset--color--base-2) !important;
}
.is-style-podtrzene-tlacitko > a:hover::after {
    background-color: var(--wp--preset--color--base-2);
}
.is-style-podtrzene-tlacitko > a:active {
    background-color: var(--wp--preset--color--custom-red) !important;
    color: #fff !important;
}
.is-style-podtrzene-tlacitko > a:active::after {
    background-color: #fff;
}

/* More-link-with-icon */
a.more-link-with-icon {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    transition: all 0.2s ease;
    white-space: nowrap !important;
}
a.more-link-with-icon:hover img {
    transform: translateX(3px);
    transition: transform 0.2s ease;
}
a.more-link-with-icon:active {
    font-weight: bold;
}

/* Carousel links */
.wp-block-cb-carousel a.more-link-with-icon {
    font-weight: bold !important;
	text-decoration: none !important;
}

/* Underlining */
.underline-container {
    background-size: 100% 10.65px !important;
    background-position: bottom;
    padding-bottom: 10px;
    background-repeat: no-repeat;    
    background-image: url(/wp-content/uploads/2025/03/Podtrzeni_tmave.svg);
}
.underline-container.white {
    background-image: url(/wp-content/uploads/2025/03/Podtrzeni_svetle.svg);
}

.underline-heading {
    display: table;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding-bottom: 10px;
}
.underline-heading::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 10px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/wp-content/themes/astronaut/img/Pod_kratke_cerne.svg");
}
.underline-heading.white::after {
    background-image: url("/wp-content/themes/astronaut/img/Pod_kratke_bile.svg");
}
.underline-heading[data-ul="kratke"]::after { 
  background-image:url("/wp-content/themes/astronaut/img/Pod_kratke_cerne.svg"); 
}
.underline-heading[data-ul="medium"]::after { 
  background-image:url("/wp-content/themes/astronaut/img/Pod_medium_cerne.svg"); 
}
.underline-heading[data-ul="dlouhe"]::after { 
  background-image:url("/wp-content/themes/astronaut/img/Pod_dlouhe_cerne.svg"); 
}
.underline-heading.white[data-ul="kratke"]::after {
  background-image:url("/wp-content/themes/astronaut/img/Pod_kratke_bile.svg");
}
.underline-heading.white[data-ul="medium"]::after {
  background-image:url("/wp-content/themes/astronaut/img/Pod_medium_bile.svg");
}
.underline-heading.white[data-ul="dlouhe"]::after {
  background-image:url("/wp-content/themes/astronaut/img/Pod_dlouhe_bile.svg");
}

/* Posts */
/*
.wp-block-post-template {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}
.wp-block-post {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.wp-block-post > .wp-block-group.has-background {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.wp-block-post .wp-block-group.is-layout-flex {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
}
figure.wp-block-post-featured-image {
    display: flex;
}
figure.wp-block-post-featured-image img {
    aspect-ratio: 1;
}
.wp-block-post-excerpt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}
.wp-block-post-excerpt__more-text {
    margin-top: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.25rem;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
} */
.wp-block-post-excerpt__more-text > a {
    text-decoration: none;
}
.wp-block-post-excerpt__more-text > a:active {
    font-weight: bold;
}

/* Social icons */
.social-white img:hover {
    filter: invert(61%) sepia(29%) saturate(2635%) hue-rotate(329deg) brightness(97%) contrast(100%);
}
.social-dark img {
    filter: invert(1);
}
.social-dark img:hover {
    filter: invert(61%) sepia(29%) saturate(2635%) hue-rotate(329deg) brightness(97%) contrast(100%);
/*    filter: invert(75%) sepia(29%) saturate(2645%) hue-rotate(194deg) brightness(97%) contrast(88%);*/
}

/* Page backgrounds for desktop */
@media (min-width: 782px) { 
    .section-bg {
        position: relative;
        /* overflow: hidden; */
    }
    .section-bg::before, .section-bg::after {
        content: "";
        position: absolute;
        top: 0;
        width: 200px;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
    }
    .section-bg.left::before {
        left: -75px;
        background-position: left center;
    }
    .section-bg.top-left::before {
        top: -100px;
        height: 200px;
        left: -50px;
        background-position: left center;
    }
    .section-bg.right::after {
        right: -75px;
        background-position: right center;
    }
    .section-bg.bottom-right::after {
        top: unset;
        bottom: -100px;
        height: 200px;
        right: -50px;
        background-position: right center;
    }
    .section-bg.globe-before::before,
    .section-bg.globe-after::after {
        background-image: url('/wp-content/uploads/2025/03/Planeta_predel_1_modra.svg');
    }
    .section-bg.red-globe-before::before,
    .section-bg.red-globe-after::after {
        background-image: url('/wp-content/uploads/2025/03/Prvek_7.svg');
    }
    .section-bg.blue-globe-before::before,
    .section-bg.blue-globe-after::after {
        background-image: url('/wp-content/uploads/2025/03/Prvek_1-1.svg');
    }
    .section-bg.stripes-before::before,
    .section-bg.stripes-after::after {
        background-image: url('/wp-content/uploads/2025/03/Prvek_2.svg');
    }
}    

/* Home menu */
.menu-zluta, .menu-cervena, .menu-modra, .menu-bila {
    background-image: url('/wp-content/uploads/2025/03/Menu_zluta_1.svg');
    background-repeat: no-repeat;
    background-position: top;
    font-size: 1.75rem;
    cursor: pointer;
    padding-top: 25px !important;
}
@media (min-width: 782px) {
    .menu-zluta, .menu-cervena, .menu-modra, .menu-bila {
        min-height: 145px;
    }   
}
.menu-zluta:hover, .menu-cervena:hover, .menu-modra:hover, .menu-bila:hover {
    background-image: url('/wp-content/uploads/2025/03/Menu_zluta_2_hover.svg');
    background-size: cover;
    border-radius: 10px;
}
.menu-cervena {
    background-image: url('/wp-content/uploads/2025/03/Menu_cervena_1.svg');
}
.menu-cervena:hover {
    background-image: url('/wp-content/uploads/2025/03/Menu_cervena_2_hover.svg');
}
.menu-modra {
    background-image: url('/wp-content/uploads/2025/03/Menu_modra_1.svg');
}
.menu-modra:hover {
    background-image: url('/wp-content/uploads/2025/03/Menu_bila_2_hover_1.svg');
}
.menu-bila {
    background-image: url('/wp-content/uploads/2025/03/Menu_bila_1.svg');
}
.menu-bila:hover {
    background-image: url('/wp-content/uploads/2025/03/Menu_bila_2_hover.svg');
}
:where(.menu-zluta, .menu-cervena, .menu-modra, .menu-bila) a {
    text-decoration: none;
}
:where(.menu-zluta, .menu-cervena, .menu-modra, .menu-bila) .more {
    display: none;
}
:where(.menu-zluta, .menu-cervena, .menu-modra, .menu-bila):hover .more {
    display: block;
}
:where(.menu-zluta, .menu-cervena, .menu-modra, .menu-bila):active .more img {
    padding-left: 10px;
}


/* Scroll hover area */
.scroll-hover-area {
    position: relative;
    touch-action: none;
    -webkit-overflow-scrolling: auto;
    min-height: 100px;
    z-index: 2;
    pointer-events: auto;
  }
.scroll-hover-area::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1000px;
    right: -1000px;
    z-index: 1;
}
@media (max-width: 781px) { 
    .touch-catcher {
      position: absolute;
      top: 0; left: 0;
      right: 0; bottom: 0;
      z-index: 3;
      background: transparent;
      cursor: pointer;
    }
  }

/* Scrolling globe */
.scroll-container {
    height: 800px;
    width: 800px;
    border-radius: 400px;
    overflow: hidden;
    position: relative;
    background-color: var(--wp--preset--color--base);
    background-image: url(/wp-content/uploads/2025/03/Kruh_pouze_hvezdy_cesko_miri_ke_hvezdam.svg);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
:where(#prumysl, #aktivity) .scroll-container {
    height: 650px;
    width: 650px;
    border-radius: 325px;
    margin: auto;
    background-color: var(--wp--preset--color--contrast);
    background-image: url(/wp-content/uploads/2025/03/Kruh_pouze_hvezdy_cesko_miri_ke_hvezdam.svg);
}
.scroll-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 50px;
    transition: transform 0.3s ease-in-out;
}
.scroll-item {
    width: 90%;
    max-width: 700px;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    opacity: 0.5;
    background: url(/wp-content/uploads/2025/03/Predel_cesko_miri_ke_hvezdam.svg) bottom no-repeat;
    transform: scale(0.85);
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
}
:where(#prumysl, #aktivity) .scroll-item {
    max-width: 500px;
    background: url(/wp-content/uploads/2025/03/Podtrzeni_tmave.svg) bottom no-repeat;
}

.scroll-item:last-of-type {
    background: none;
}
.scroll-item h3 {
    font-size: 1.5rem;
    text-transform: uppercase;
    margin: 0.5rem;
}
:where(#prumysl, #aktivity) .scroll-item h3 {
    font-size: 1.75rem;
    color: var(--wp--preset--color--black);
}
.scroll-item p {
    font-size: 1.25rem;
    color: white;
}
:where(#prumysl, #aktivity) .scroll-item p {
    color: var(--wp--preset--color--black);
}
.scroll-item-active {
    opacity: 1;
    transform: scale(1);
}

@media (max-width: 781px) { 
    .scroll-container {
        width: 84vw;
        height: 70vh; 
        position: relative;
        border-radius: 10px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .scroll-list, .scroll-item {
        padding: 10px;
    }
    .scroll-item h3 {
        font-size: 1rem;
        text-transform: uppercase;
        margin: 0.25rem;
    }
    .scroll-item p {
        font-size: 0.85rem;
    }
    .scroll-hover-area::before {
        display: none;
        z-index: -1;
    }
}

/* Zaci a univerzity */
@media (min-width: 782px) {
    .zaci-uvod, .zaci-mise, .zaci-newsletter {
        position: relative;
        overflow: visible;
    }
    .zaci-uvod::after, .zaci-newsletter::after {
        content: "";
        position: absolute;
        top: -150px;
        right: -10%;
        width: 50%;
        height: 100%;
        background-image: url(/wp-content/uploads/2025/03/Prvek_1.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top right;
    }
    .zaci-uvod::after {
        top: 0;
        mask-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5));
        -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5));
    }
    .zaci-uvod::before, .zaci-mise::before {
        content: "";
        position: absolute;
        bottom: -150px;
        left: -10%;
        width: 50%;
        height: 100%;
        background-image: url(/wp-content/uploads/2025/03/Prvek_7-1.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left center;
        z-index: 2;
    }
}
@media (min-width: 782px) {
    :where(.zaci-cards, .rounds) .wp-block-columns > .wp-block-column {
        cursor: pointer;
    }
    :where(.zaci-cards, .rounds) .wp-block-columns > .wp-block-column > div > div :not(h3,br) {
        display: none;
    }
    :where(.zaci-cards, .rounds) .wp-block-columns > .wp-block-column:hover > div > div :not(h3,br) {
        display: block;
    }
    :where(.zaci-cards, .blue-tiles, .rounds) a {
        text-decoration: none;
    }

    .blue-tiles .wp-block-columns > .wp-block-column:first-of-type h3 {
        margin-left: 0 !important;
    }
    .blue-tiles .wp-block-columns > .wp-block-column:nth-of-type(2) h3 {
        margin-right: 0 !important;
    }

    .zaci-cards.wp-elements-b7e1ea8c0dc4e3421fac2d7c5969b82e > div.wp-block-columns > div.wp-block-column > div:hover > div {
        background-image: url(/wp-content/uploads/2025/03/Ztmaveni_hover_Registr_esa_graduates_hackathon_challenge.svg);
    }
    .zaci-cards.red-hover > div.wp-block-columns > div.wp-block-column > div:hover {
        background-color: var(--wp--preset--color--custom-red) !important;
    }
    .zaci-cards.red-hover > div.wp-block-columns > div.wp-block-column > div:hover h3 {
        color: #fff !important;
    }
}


/* Footer */
footer.wp-block-template-part {
    margin-block-start: 0;
}
.predel-paticka {
    background-size: auto !important;
    position: relative;
    top: -5px;
}

/* Accessibility hacks */
/*
:where(.wp-site-blocks *:focus) {
    outline-width: 2px;
    outline-style: solid;
    outline-color: yellow
} */

/* Forms */
.wpcf7-spinner {
    display: none !important;
}
input[type="number"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 input[type="text"],
.wpcf7 textarea {
    padding: 0.5rem 0.75rem;
    font-size: var(--wp--preset--font-size--normal);
    font-family: var(--wp--preset--font-family--barlow);
    border-radius: 0.5rem;
    max-width: 100%
}
.wpcf7 textarea {
    width: 95%
}
span.wpcf7-list-item-label {
    font-size: var(--wp--preset--font-size--small);
}
.wpcf7-list-item {
    margin: 0 !important;
}

/* Mobile styles */
@media(min-width:782px) {
    .hide-on-desktop {
        display: none !important
    }
}
@media(max-width:781px) {
    :root {
        --wp--preset--spacing--10: 1.25rem;
        --wp--preset--spacing--20: min(2rem, 3vw);
        --wp--preset--spacing--30: min(3rem, 4vw);
        --wp--preset--spacing--40: min(5rem, 6vw);
        --wp--preset--spacing--50: min(8rem, 10vw);
        --wp--preset--spacing--60: min(12rem, 15vw);
        --wp--preset--spacing--70: 4rem;
        --wp--preset--spacing--80: 6rem;
    }
    
    header .wp-block-site-logo img {
        width: 100px
    }
    .odpocet {
        margin-top: -60px !important
    }
    .hide-on-mobile {
        display: none !important
    }
    fieldset {
        padding: 0 5px
    }
    .wp-block-vbb-video-bg .vbbVideoPlayer {
        left: -75% !important
    }
    main > div.wp-block-group.alignfull.has-background,
    .entry-content.wp-block-post-content  > div.wp-block-group.alignfull.has-background {
       background-position: top center !important;
    }
    main > div.wp-block-group.alignfull.has-background:last-child,
    .entry-content.wp-block-post-content  > div.wp-block-group.alignfull.has-background:last-child {
       padding-bottom: 5rem !important;
    }
    #mc_embed_signup .mc-field-group {
        width: 100% !important;
    }
    input#mc-embedded-subscribe {
        width: 100% !important;
    } 
    #mc_embed_signup_scroll .wp-block-button.is-style-black-outline {
        width: 100% !important;
    }
    .blue-tiles .wp-block-columns > .wp-block-column .wp-block-group {
        text-align: center;
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }
    .blue-tiles .wp-block-columns > .wp-block-column .has-text-align-right {
        text-align: center;
    }
    .blue-tiles .wp-block-columns > .wp-block-column h3 {
        text-align: center !important;
    }
    .is-style-podtrzene-tlacitka {
        flex-direction: column !important;
    }
    .is-style-podtrzene-tlacitko > a::after {
        left: 12px;
        right: 12px;
    }
    .same-size-mobile.wp-block-buttons>.wp-block-button {
        display: block;
        width: 75%;
    }
}

.fieldset-cf7mls-wrapper .fieldset-cf7mls {
    width: auto !important
}
span.wpcf7-list-item-label {
    font-size: 14px
}
span.wpcf7-list-item {
    margin-right: 10px !important
}
button.cf7mls_back {
    display: none
}
button.cf7mls_next {
    background-color: #db2f3f !important
}
.fieldset-cf7mls .cf7mls_next {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block
}
form.cf7mls input.wpcf7-form-control.wpcf7-submit {
    float: none !important
}
.grecaptcha-badge {
    display: none !important
}

/* Mailchimp styles */
#mc_embed_signup .mc-field-group label {
    text-align: center !important;
}