/*
Theme Name: Hotel Hviezdoslav Block
Author: HTSys
Description: A warm and elegant block theme for a hotel website.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 2.0.0
Text Domain: hotelhviezdoslav-block
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Inria+Serif:wght@400;700&family=Great+Vibes&family=Playfair+Display:wght@400;500;600;700&display=swap');

html {
    scroll-behavior: smooth;
    scroll-padding-top: 120px;
}

.hotelhviezdoslav-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 1rem;
	padding: 0 32px 0 0;
	position: fixed;
	z-index: 100;
    left: 0;
    right: 0;
    background: none;
    transition: background 0.3s ease-in-out;
}

.hotelhviezdoslav-header:hover {
    background: rgba(48, 38, 38, 0.5);
}

.hotelhviezdoslav-header__left {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.hotelhviezdoslav-header__left .hotelhviezdoslav-navigation {
    position: relative;
    margin-right: 0.5rem;
}

.hotelhviezdoslav-header__left .hotelhviezdoslav-navigation::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 2px;
    height: 32px;
    background: rgba(255, 255, 255, 0.8);
    transform: translateY(-50%);
}

.hotelhviezdoslav-header__logo {
    position: absolute;
    left: 0;
    right: 0;
	justify-self: center;
	align-self: start;
	text-align: center;
    margin: 0;
    padding: 0;
}

.hotelhviezdoslav-header__background {
    width: 100%;
    height: 100px;
    position: fixed;
    background: rgba(48, 38, 38, 0.5);
    z-index: 49;
}

.front-page-image {
    position: relative;
    margin-top: 0;
    z-index: 50;
}

main.wp-block-group {
    margin: 0;
}

footer {
    margin-top: 0;
}

@media (max-width: 768px) {
    .hotelhviezdoslav-header__background {
        display: none;
    }

    .hotelhviezdoslav-header {
        position: static;
        left: auto;
        right: auto;
        z-index: auto;
        width: 100%;
        padding: 0.75rem 1rem;
        align-items: center;
        justify-content: start;
        column-gap: 0;
        background: rgba(48, 38, 38, 0.7);
    }

    .hotelhviezdoslav-header__left {
        width: auto;
        max-width: 100%;
        gap: 1rem;
        flex-wrap: wrap;
        order: 1;
    }

    .hotelhviezdoslav-header__left .hotelhviezdoslav-navigation {
		padding-right: 0;
		margin-right: 0;
	}

    .hotelhviezdoslav-navigation {
        width: auto;
        justify-content: start;
    }

    .hotelhviezdoslav-header__logo {
        position: static;
        left: auto;
        right: auto;
        order: 0;
        width: auto;
        margin: 0;
    }

    .hotelhviezdoslav-reservation-button {
        display: none;
    }

    main.wp-block-group > .wp-block-group:not(.front-page-image) {
        padding-inline: clamp(1rem, 4vw, 1.5rem);
        box-sizing: border-box;
    }
}

.alignwide {
    padding: 0 1.5rem;
}

.editor-styles-wrapper .wp-block[data-type^="hotelhviezdoslav/"] a {
    pointer-events: none;
    cursor: default;
}

.block-editor-iframe__body .hotelhviezdoslav-header {
    background: rgba(48, 38, 38, 0.7);
}

.card-spacing .hotelhviezdoslav-podujatie-card {
    margin: 2rem 0;
}

.wp-block-gallery {
    margin: 2.5rem 0;
}

.wp-block-paragraph,
.wp-block-table,
.wp-block-list {
    max-width: 800px;
    margin: 1em auto;
    text-align: justify
}

.scroll-animate {
    opacity: 0;
    transform: var(--base-transform) translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.scroll-animate.show {
    opacity: var(--base-opacity, 1);
    transform: var(--base-transform) translateY(0);
}

blockquote p:first-child {
    margin-bottom: 8px;
}

blockquote p:last-child {
    margin-bottom: 32px;
}

.wp-block-pullquote.is-style-hviezdoslav-citacia blockquote p {
    margin: 0;
    max-width: 600px;
    line-height: 1.7;
    font-family: var(--wp--preset--font-family--great-vibes, "Great Vibes", cursive);
    font-style: italic;
    font-size: 48px;
    color: var(--wp--preset--color--muted, #6f6258);
}

.wp-block-pullquote.is-style-hviezdoslav-citacia cite {
    display: block;
    margin-top: 1rem;
    font-family: var(--wp--preset--font-family--serif, Georgia, serif);
    font-style: normal;
    font-size: 1rem;
    opacity: 0.8;
}

.restaurantmenu * {
    text-align: center !important;
}