@charset "UTF-8";

/* =========================
   BASE
========================== */
html {
	font-size: 14px;
}

body {
	font-family: var(--font-body);
	font-size: var(--text-paragraph);
	line-height: 1.6;
	color: var(--color-cream);
	background: url(https://horskaboudavobrimdole.cz/wp-content/uploads/2026/06/BOUDA-back-01.jpg);
	background-color: var(--color-black);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.wp-block-spacer{
	height: var(--wp--preset--spacing--160)!important;
}

/* =========================
   MAIN-NAV
========================== */
header .wp-block-navigation__responsive-container ul li a,
header .wp-block-navigation__responsive-container ul li a span{
    font-size: 22px;
    font-weight: 500;	
}

header .wp-block-navigation__container{
	gap: var(--wp--preset--spacing--60)
}

@media only screen and (max-width: 600px){
	header .wp-block-site-logo.is-default-size img{
		width: 80px;
	}
	
	header .wp-block-navigation__responsive-container{
		background-color: var(--color-overlay)!important;
	}

	header .wp-block-navigation__responsive-container ul{
		align-items: center!important;
		width: 100%;	
	}

	header .wp-block-navigation__responsive-container ul li a,
	header .wp-block-navigation__responsive-container ul li a span{
		font-size: var(--text-h3);
		color: var(--color-cream);
		text-decoration: none;
	}

	header .wp-block-navigation__responsive-container ul li:hover a,
	header .wp-block-navigation__responsive-container ul li:hover a span{
		color: var(--color-red);
		text-decoration: underline;
	}

	header .wp-block-navigation__responsive-container-close{
		color: var(--color-red);
	}
}

/* =========================
   Media-text
========================== */
.wp-block-media-text{
	gap: var(--wp--preset--spacing--160);
}

.wp-block-media-text .wp-block-media-text__content{
	padding: 0;
}

.wp-block-buttons{
	gap: var(--wp--preset--spacing--60);
}

.wp-block-button a{
	border-radius: 0;
    font-size: 20px;
    font-weight: 600;
	transition: all 0.2s ease-in-out;
}

.wp-block-button a:hover{
	opacity: 0.8;
	text-decoration: none;
	transform: scale(1.1);
}

.wp-block-button.is-style-fill a{
	background-color: var(--color-red);
	color: var(--color-cream);
}

.wp-block-button.is-style-outline a{
	border-color: var(--color-red);
	color: var(--color-red);
}

/* =========================
   FOOTER
========================== */
@media only screen and (max-width: 600px){
	footer #copy{
		flex-direction: column;
		align-items: center;
	}
}