/*
Theme Name: MMX
Theme URI: 
Author: chladog
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: mmx
Tags: 
*/

@keyframes headerGradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


.backdrop-blur {
  backdrop-filter: blur(4px) saturate(50%);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1), 0 4px 30px rgba(0, 0, 0, 0.2);
  aspect-ratio: 1 / 1;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 220px;
}

.site-header {
  /* backdrop-filter: blur(5px)  brightness(150%) saturate(20%); */
  background-color: hsla(0, 0%, 42%, 1);

  /* background: linear-gradient(-45deg,
    hsla(0, 0%, 42%, 0.75),  
    hsla(30, 35%, 42%, 0.75),  
    hsla(200, 30%, 42%, 0.75), 
    hsla(205, 13%, 42%, 0.75)   
  );
	background-size: 400% 400%; */
	/* animation: headerGradient 15s ease infinite; */
  background: linear-gradient(-45deg,
    hsla(0, 0%, 35%, 1),  
    hsla(30, 35%, 35%, 1),  
    hsl(200, 13%, 35%), 
    hsla(205, 13%, 35%, 1)   
  );
	background-size: 400% 400%;
	animation: headerGradient 15s ease infinite;

  box-shadow: var(--wp--preset--shadow--natural);
}


:where(
.has-accent-6-background-color, .has-custom-glass-dark-background-color) {
  backdrop-filter:blur(9px) saturate(220%) contrast(65%) brightness(60%);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1), 0 4px 30px rgba(0, 0, 0, 0.2);
}



iframe {
    border:none;
    background-color:rgba(0,0,0,.25);
    height: 100%;
    width: 100%;
}

.map {
      height: 350px;
}

@media (max-width: 781px) {
  .map {
    max-height:50vh;
    height: 350px;
  }
}

.is-vertically-aligned-stretch > .wp-block-cover {
  height: 100%;
}

.is-menu-open .wp-block-navigation__responsive-container-content {
      padding-inline: var(--wp--preset--spacing--50);
}

@keyframes fadeInSlide {
  from {
    opacity: 0;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
  }
  to {
    opacity: 1;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
  }
}

@keyframes fadeOutSlide {
  from {
    opacity: 1;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
  }
  to {
    opacity: 0;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
  }
}

@supports (view-transition-name: none) {
  /* Enable cross-document transitions (Chromium-based browsers) */
  @view-transition {
    navigation: auto;
  }

  /* Ensure the root participates in View Transitions */
  :root {
    view-transition-name: root;
  }

  ::view-transition-old(root) {
    animation: 400ms ease-out both fadeOutSlide;
  }

  ::view-transition-new(root) {
    animation: 400ms ease-out both fadeInSlide;
  }
}

:root {
    scroll-behavior: smooth; /* Volitelné: plynulý posun */
    scroll-padding-top: 120px; /* Offset pro všechny kotvy */
}


.wp-block-navigation .wp-block-navigation-item__label {
	white-space: nowrap;
}

.wp-block-social-links {
  gap: 4px;
}

:root :where(.wp-block-site-tagline) {
  color: inherit;
}