/*
Theme Name: guy2024
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.6
Tested up to: 6.6
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: guy2024
Tags: 
*/

/* focus outline */

:where(.wp-site-blocks :focus) {
	outline-color: var(--wp--preset--color--base);
	outline-style: dashed;
	outline-width: 1px;
}

/* mobile menu */

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--base) !important;
	color: var(--wp--preset--color--contrast) !important;
	padding: 4rem;
}

/* music player on soft landing page on mobile */

@media screen and (max-width: 600px) {

	.wp-block-cover__inner-container {
		padding: 0 !important;
	}
	.wp-block-cover__inner-container > div:nth-child(2) {
		margin: 0 !important;
	}

	body.single-soft-landing .wp-block-cover {
		padding: 0 !important;
	}

	body.single-soft-landing .wp-block-cover .wp-block-spacer {
		margin: 0 !important;
		height: 0 !important;
	}

	body.single-soft-landing figure.wp-block-post-featured-image,
		figure.wp-block-audio {
			max-width: 100vw !important;
			width: 100vw !important;
			margin: 0 !important;
	}

	body.single-soft-landing .essential_audio {
		/* background-color: var(--wp--preset--color--contrast-3); */
		height: 32px;
		margin-top: 32px;
	}

}

/* hide title on home */

body.home h1, body.home .wp-block-spacer:has(~ h1) {
	display: none;
}

/* audio player (default Gutenberg) */

figure.wp-block-audio audio {
	border-radius: 0;
    filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%);
    height: 42px;
	margin: 0;
	transform: translateY(-2px);
}

/* icons for music services on soft landing pages */

.wp-block-button.music-service {
	padding: 8px 0;
	width: 16em;
}

.wp-block-button.music-service a {
	background-position: 16px center;
	background-repeat: no-repeat;
	background-size: 36px;
}

.wp-block-button.music-service > a:hover {
	background-color: var(--wp--preset--color--contrast-3) !important;
	color: var(--wp--preset--color--base) !important;
}

.wp-block-button.music-service.spotify a {
	background-image: url( /wp-content/themes/guy2024/assets/icons/spotify.svg );
}

.wp-block-button.music-service.apple-music a {
	background-image: url( /wp-content/themes/guy2024/assets/icons/apple-music.svg );
}

.wp-block-button.music-service.itunes a {
	background-image: url( /wp-content/themes/guy2024/assets/icons/itunes.svg );
}

.wp-block-button.music-service.amazon a {
	background-image: url( /wp-content/themes/guy2024/assets/icons/amazon.svg );
}

.wp-block-button.music-service.pandora a {
	background-image: url( /wp-content/themes/guy2024/assets/icons/pandora.svg );
}

.wp-block-button.music-service.deezer a {
	background-image: url( /wp-content/themes/guy2024/assets/icons/deezer.svg );
}

.wp-block-button.music-service.qobuz a {
	background-image: url( /wp-content/themes/guy2024/assets/icons/qobuz.svg );
}