/*
Theme Name: Llits i sofas
Theme URI: https://ebavs.net/
Author: EBAVS/
Author URI: https://ebavs.net/
Description: Llits i sofas
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.9
Text Domain: llits-i-sofas
Tags: one-column, custom-colors, custom-menu, custom-logo, e-commerce, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments
Template: extendable
*/

.wp-block-heading {
	hyphens: none!important;
}

p.mes-info:hover:after {
	margin-left: 1.25rem;
}

.mes-info:after {
	content: url(./assets/icons/next-link.svg);
	display: inline-block;
	margin-left: 0.5rem;
	top: 7px;
    position: relative;
	transition: margin-left 0.3s ease;
}

.flex-column {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	justify-content: space-between;
	min-height: 20rem;
}

.flex-column > * {
	flex: 1;
}



/******** ACCORDION ********/
details.wp-block-details summary::marker {
	content: none;
}
/* safari hack */
details.wp-block-details summary {
    list-style-type: none;
}

summary::-webkit-details-marker {
	display: none;
}

details.wp-block-details summary::after {
	content: '+';

	display: inline-block;
	text-align: right;
	float: right;

	margin-left: 0.5rem;

	transform: rotate(0deg);
	transition: transform 0.5s ease-in-out;

	font-size: 2rem;
    line-height: 1;
    font-weight: 400;
    font-family: 'Poppins';
}

details.wp-block-details[open] summary::after {
	content: '-';
	transform: rotate(180deg);
}

details.wp-block-details {
	interpolate-size: allow-keywords;
}

details.wp-block-details::details-content {
	transition: block-size 0.5s, content-visibility 0.5s allow-discrete;
	overflow: hidden;
	block-size: 0;
}

details.wp-block-details[open]::details-content {
	block-size: auto;
}

details.wp-block-details summary:focus {
	outline: none;
}

details.wp-block-details summary > strong {
	width: 90%;
	display: inline-block;
}


.gradient::after {
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5rem;
    background: linear-gradient(to top, 
        rgba(255, 255, 255, 1) 0%,     /* blanco sólido abajo */
        rgba(255, 255, 255, 0) 100%    /* transparente arriba */
    );
    pointer-events: none; 
}

p.vertical-align-middle > img {
	vertical-align: bottom;
}

.w-full {
	width: 100%;
}

.image-full > a > img {
	width: 100%;
}

/** Submenús de navegación **/
.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    background-color: var(--wp--preset--color--primary) !important;
	/** border: 1px solid var(--wp--preset--color--tertiary) !important; **/
}

.wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item a {
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--tertiary) !important;
}

.btn-plus > a:hover {
	background-color: var(--wp--preset--color--background);
	color: var(--wp--preset--color--primary);
}


.wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list {
	display: block!important;
}

@media (max-width: 768px) {
    div:has(nav.wp-block-navigation) {
        justify-content: flex-end;
    }

	.wp-block-navigation .wp-block-navigation-item {
		line-height: 1.75;
	}

	.wp-block-navigation .wp-block-navigation-item > a:focus {
		outline: none;
	}

	footer.wp-block-template-part {
		text-align: center;
	}

	footer nav.wp-block-navigation.wp-block-navigation-is-layout-flex {
		align-content: center;
	}
	
	footer nav.wp-block-navigation.wp-block-navigation-is-layout-flex > ul.wp-block-navigation__container {
		align-items: center;
	}

	details.wp-block-details summary > strong {
		width: 80%;
	}
}

/* Forzar el modo hamburguesa a resoluciones mayores (>=1280px) */
@media (max-width: 1280px) {
	:root :where(.wp-block-navigation) {
		font-size: var(--wp--preset--font-size--large);
	}
	
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
		gap:1rem;
	}

	.wp-block-navigation__submenu-container {
		padding-top: 1rem!important;
	}

	.wp-block-navigation__responsive-container {
	  display: none;
	}
  
	.wp-block-navigation__responsive-container-open:not(.is-menu-open) {
	  display: block;
	}
  
	.wp-block-navigation__responsive-container.is-menu-open {
	  display: block;
	}
  
	.wp-block-navigation__responsive-container-open {
	  display: block;
	}
  
	.wp-block-navigation__container {
	  display: none;
	}
  
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	  display: block;
	}

	div:has(nav.wp-block-navigation) {
        justify-content: flex-end!important;
    }

	.top-descans {
		flex-basis: 100%!important;
		text-align: center;
	}
	.top-descans > p {
		padding-top: 0!important;
	}

	.wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list > li {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
}

@media (min-width: 1281px) {
	.wp-block-navigation__responsive-container-open {
		display: none !important;
	}

	.wp-block-navigation__container {
		display: flex !important;
	}
}
  
@media (min-width: 768px) and (max-width: 1280px) {
	.wp-block-columns {
		flex-wrap: wrap!important;
	}

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(.top-descans) {
        flex-basis: 45%!important;
        flex-grow: 1!important;
    }

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:first-child:not(.top-descans) {
		flex-basis: 55%!important;
	}
}