/*
Theme Name: House of Arts
Theme URI: https://houseofarts.it
Author: House of Arts
Author URI: https://houseofarts.it
Description: Minimal block theme for House of Arts — handmade art goods for museums and happy people.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 8.2
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hoa
*/

/* Navigation overlay: narrow right-side panel instead of full-screen */
.wp-block-navigation__responsive-container.is-menu-open {
	width: 320px;
	left: auto;
	right: 0;
	animation: hoa-slide-in 0.25s ease-out;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	align-items: flex-end;
	padding-top: 4rem;
	padding-right: 2rem;
}

@keyframes hoa-slide-in {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(0);
	}
}

/* Cover block: ensure inner content sits above overlay */
.wp-block-cover__inner-container {
	z-index: 1;
}

/* Secondary button style (outline variant) */
.wp-block-button.is-style-secondary .wp-block-button__link {
	background-color: transparent;
	border: 2px solid currentColor;
	color: var(--wp--preset--color--dark);
}
.wp-block-button.is-style-secondary .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--dark);
	color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--dark);
}

/* Separator default style */
.wp-block-separator {
	border-color: var(--wp--preset--color--primary);
	opacity: 1;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	width: 100px;
	margin-left: auto;
	margin-right: auto;
}

/* Media-text block: ensure image fills on mobile */
@media (max-width: 600px) {
	.wp-block-media-text {
		grid-template-columns: 1fr !important;
	}
	.wp-block-media-text .wp-block-media-text__media {
		min-height: 300px;
	}
}

/* Social links: tighter spacing in footer */
.wp-block-social-links .wp-social-link {
	margin: 0 4px;
}

/* File block: inherit parent background instead of white */
.wp-block-file.has-white-background-color {
	background-color: transparent !important;
}

/* Footer nav links */
footer .wp-block-navigation a {
	text-decoration: none;
}

/* Footer logo: blend away white JPG background, shift left to compensate image whitespace */
.hoa-footer-logo a,
.hoa-footer-logo img {
	background: transparent !important;
	mix-blend-mode: multiply;
}
.hoa-footer-logo img {
	position: relative;
	left: -20%;
}