/*
Theme Name: Restaurante De La O
Theme URI: https://restaurantedelao.es
Author: Baética Digital
Author URI: https://baetica.com
Description: Tema personalizado para Restaurante De La O, diseñado por Plácida Design y desarrollado por Baética Digital
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: restaurante-de-la-o
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 0;
	outline-style: none;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: none;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption {
	text-wrap: pretty;
}

p {
	text-wrap: balance;
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
:where(pre) {
	overflow-x: auto;
}

:root {
	/* 782vw/1024vw = 50px => 113px */
	--wp--spacing--custom-dish-section: clamp(3.125rem, -9.5987rem + 26.0331vw, 7.0625rem);
}

.u-flex-column {
	flex-direction: column;
}

/* Gutenberg - Grid */
@media (max-width: 781.99px) {
	.u-grid-mobile {
		grid-template-columns: 1fr;
	}

	.u-grid-mobile>* {
		grid-column: span 12;
	}

	.u-flex-column-mobile {
		flex-direction: column;
	}

	.u-align-start-mobile {
		align-items: flex-start;
	}
}

/* Margin */
.u-margin-none {
	margin: 0;
}

/* Header */
.c-header__brand a {
	text-decoration: none !important;
}

header.wp-block-template-part {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 499;
	background-color: var(--wp--preset--color--base);
}

header.wp-block-template-part>.wp-block-group,
header.wp-block-template-part>.wp-block-group[style] {
	margin-bottom: 0 !important;
}

@media (max-width: 1023.99px) {
	.c-header__menu--aside>.c-theme-toggle {
		display: none;
	}
}

@media (max-width: 907.99px) {
	.c-header__menu--main .c-lang-selector {
		display: none;
	}
}

@media (max-width: 605.99px) {
	.c-header__menu--main .wp-block-navigation__container> :first-child {
		display: none;
	}


}

body {
	margin-top: calc(var(--header-height, 48px) + 22px);
}

/* Font weight */
.has-medium-font-weight {
	font-weight: 500;
}

.has-regular-font-weight {
	font-weight: 400;
}

.has-light-font-weight {
	font-weight: 300;
}

.has-bold-font-weight {
	font-weight: 700;
}

.has-heading-2-font-size {
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: -1.424px;
}

body.single-exposicion-evento .entry-content {
	padding-left: 0;
	padding-right: 0;
}

body.single-exposicion-evento .entry-content h1,
body.single-exposicion-evento .entry-content h2,
body.single-exposicion-evento .entry-content h3,
body.single-exposicion-evento .entry-content h4,
body.single-exposicion-evento .entry-content h5,
body.single-exposicion-evento .entry-content h6 {
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.2;
	font-weight: 400;
}

@media (max-width: 781.99px) {
	.c-single-event__content {
		display: flex !important;
		flex-direction: column !important;
	}
}

.c-single-event__content-meta {
	position: relative;
}

.c-single-event__meta-wrapper {
	position: sticky;
	top: 0;
	z-index: 1;
}


.c-accordion {
	display: grid;
	grid-template-rows: min-content 0fr;
	transition: grid-template-rows 0.3s ease-in-out;
}

.c-accordion>* {
	overflow: hidden;
}

.c-accordion.is-open {
	grid-template-rows: min-content 1fr;
}

.c-accordion__toggler {
	cursor: pointer;
}

/* FSLightbox */
.fslightbox-container {
	background: rgb(0, 0, 0);
}

@media (min-width: 769px) {
	.fslightbox-container {
		background: rgb(0, 0, 0);
	}
}

.fslightbox-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: var(--wp--style--block-gap);
	padding-right: var(--wp--style--block-gap);
	z-index: 99;
}

.fslightbox-nav .fslightbox-toolbar {
	order: 3;
}

.fslightbox-caption {
	text-transform: uppercase;
	color: var(--wp--preset--color--white);
}

.fslightbox-nav .fslightbox-toolbar-button {
	background: transparent;
	color: var(--wp--preset--color--white);
	font-size: var(--wp--preset--font-size--custom-body);
	text-transform: uppercase;
}

.fslightbox-nav .fslightbox-toolbar-button[title="Enter fullscreen"] {
	display: none;
}

.fslightbox-nav .fslightbox-toolbar-button[title=Close],
.fslightbox-nav .fslightbox-toolbar-button[title=Close]:hover {
	cursor: pointer;
}

.fslightbox-nav .fslightbox-title-wrap {
	order: 2;
	grid-column: 3 / -3;
}

.fslightbox-nav .fslightboxsn {
	order: 1;
	margin: 0;
}

.fslightbox-nav .fslightbox-toolbar,
.fslightbox-nav .fslightboxsn {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}

.fslightbox-title {
	color: var(--wp--preset--color--white);
}

@media (max-width: 781.98px) {
	.fslightbox-title-wrap {
		display: none;
	}
}

.fslightbox-source {
	max-height: 85vh;
	max-width: 95vw;
}

@media (max-width: 781.98px) {
	.fslightbox-slide-btn {
		display: none;
	}
}

.fslightbox-slide-btn {
	background: none !important;
	display: none;
}

@media (min-width: 768px) {
	.fslightbox-slide-btn-container {
		padding: 0;
		top: 45px;
		height: calc(100dvh - 45px);
		transform: none;
	}
}

@media (hover: hover) {

	.fslightbox-slide-btn-container-previous,
	.fslightbox-slide-btn-container-next {
		width: 50vw;
	}

	.fslightbox-slide-btn-container-previous .fslightbox-slide-btn,
	.fslightbox-slide-btn-container-next .fslightbox-slide-btn {
		display: none !important;
	}
}

@media (hover: hover) {
	.fslightbox-slide-btn-container-previous:hover {
		cursor: url("/wp-content/themes/restaurante-de-la-o/assets/images/cursors/arrow-left.svg"), auto;
	}
}

@media (hover: hover) {
	.fslightbox-slide-btn-container-next:hover {
		cursor: url("/wp-content/themes/restaurante-de-la-o/assets/images/cursors/arrow-right.svg"), auto;
	}
}

@media (max-width: 781.99px) {
	.fslightbox-container>.fslightbox-absoluted>.fslightbox-absoluted img {
		max-width: 80vw;
		margin-left: auto;
		margin-right: auto;
		object-fit: contain;
	}
}

@media (min-width: 782px) {
	.fslightbox-container>.fslightbox-absoluted>.fslightbox-absoluted img {
		max-height: 85vh;
		object-fit: contain;
	}
}

.fslightbox-slide-number-container {
	color: var(--wp--preset--color--contrast);
}

@media (min-width: 782px) {
	.fslightbox-slide-number-container {
		display: none;
	}
}

.fslightbox-nav {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 20px;
}

.fslightbox-nav .fslightbox-toolbar {
	order: 99;
	grid-column: -2 / -1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.fslightbox-nav .fslightboxsn {
	order: 1;
	grid-column: 1 / 3;
}

.fslightbox-nav .fslightbox-caption {
	order: 50;
	grid-column: 3 / 12;

	text-align: center;
}

@media (min-width: 1024px) {
	.fslightbox-nav .fslightboxsn {
		grid-column: 1 / 2;
	}

	.fslightbox-nav .fslightbox-title-wrap {
		grid-column: 3 / -3;
		text-align: center;
	}

	.fslightbox-nav .fslightbox-caption{
		display: none;
	}

	.fslightbox-nav .fslightbox-toolbar {
		grid-column: -2 / -1;
		text-align: right;
	}
}

.fslightbox-button--close {
	width: auto !important;
}

footer.wp-block-template-part .c-footer__logo img {
	transition: filter 0.3s ease-in-out;
}

body.theme-dark footer.wp-block-template-part .c-footer__logo img {
	filter: brightness(0) invert(1);
}

.current-menu-item .wp-block-navigation-item__content {
	text-decoration: underline;
}

footer {
	margin-block-start: 0px !important;
}

.c-footer__header {
	position: sticky;
	top: calc(var(--header-height, 48px) - 1px);
	z-index: 50;
	background-color: var(--wp--preset--color--base);
}


@media (max-width: 781.99px) {

	.c-events-home__header.c-accordion__toggler>.c-events-home__header-title,
	.c-section-gallery__header.c-accordion__toggler>.c-section-gallery__header-title {
		grid-column: span 12 !important;
	}

	.c-events-home__header.c-accordion__toggler>.c-events-home__header-subtitle,
	.c-section-gallery__header.c-accordion__toggler>.c-section-gallery__header-subtitle {
		display: none !important;
	}

	.c-footer__post {
		display: flex !important;
		flex-direction: column-reverse !important;
	}

	.c-footer__post-legal {
		gap: 0 !important
	}

	.c-footer__logo.c-footer__logo--desktop {
		display: none !important;

	}

	.c-footer__logo.c-footer__logo--mobile {
		padding-bottom: 20px !important;
	}
}

@media (min-width: 782px) {
	.c-footer__logo.c-footer__logo--mobile {
		display: none !important;
	}
}
