/*
Theme Name: Sant Fost Informació
Theme URI: https://santfost.info
Author: Agustí Vila
Author URI: https://agustivila.cat
Description: Plantilla dissenyada per la web del diari digital Sant Fost Informació.
Version: 1.0.6
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sant-fost
Tags: blog, responsive, seo, block, Editor del sitio, Patrones del editor de bloques, rtl-language-support, Entrada fija, threaded-comments, translation-ready, Bloques anchos, Estilos del editor de bloques, Variaciones de estilos, Listo para accesibilidad, Blog, Porfolio, Noticias
Requires at least: 6.8
Tested up to: 7.1.2
Requires PHP: 8.3
*/

/* Theme CSS starts here */

/* ---------- Barra d'última hora (carrusel) ---------- */
.sfi-ticker-bar a,
.sfi-ticker-bar a:hover {
	color: inherit;
}
.sfi-ticker {
	flex: 1;
	min-width: 0;
	overflow: hidden;
}
.sfi-ticker .wp-block-post-template {
	display: inline-flex;
	gap: 1.25rem;
	max-width: none;
	margin: 0;
	padding-left: 100%;
	white-space: nowrap;
	animation: sfi-ticker 30s linear infinite;
}
.sfi-ticker .wp-block-post-template > li {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	margin: 0;
}
.sfi-ticker .wp-block-post-template > li:not(:first-child)::before {
	content: "\2022";
}
.sfi-ticker .wp-block-post-title {
	margin: 0;
}
.sfi-ticker-bar:hover .wp-block-post-template,
.sfi-ticker-bar:focus-within .wp-block-post-template {
	animation-play-state: paused;
}
@keyframes sfi-ticker {
	to { transform: translateX(-100%); }
}
@media (prefers-reduced-motion: reduce) {
	.sfi-ticker { overflow-x: auto; }
	.sfi-ticker .wp-block-post-template {
		animation: none;
		padding-left: 0;
	}
}

/* ---------- Selector d'idioma ---------- */
.sfi-lang a {
	color: inherit;
	text-decoration: none;
}
.sfi-lang a:hover,
.sfi-lang a:focus {
	color: var(--wp--preset--color--primary);
}

/* ---------- Capçalera: logo centrat ---------- */
.sfi-masthead > :first-child,
.sfi-masthead > :last-child {
	flex: 1 1 0;
}
.sfi-masthead > :last-child {
	justify-content: flex-end;
}
.sfi-masthead .wp-block-site-title {
	text-wrap: balance;
}
@media (max-width: 600px) {
	.sfi-masthead .wp-block-social-links .wp-block-social-link.wp-social-link {
		display: none;
	}
}

/* ---------- Nom del diari ---------- */
.wp-block-site-title {
	line-height: 1.15;
}

/* ---------- Menú de seccions: scroll horitzontal en mòbil ---------- */
@media (max-width: 781px) {
	.wp-block-navigation.sfi-sections.is-content-justification-center {
		--navigation-layout-justify: flex-start;
		--navigation-layout-wrap: nowrap;
		justify-content: flex-start;
	}
	.sfi-sections .wp-block-navigation__container {
		flex-wrap: nowrap;
		justify-content: flex-start;
		max-width: 100%;
		overflow-x: auto;
		scrollbar-width: none;
	}
	.sfi-sections .wp-block-navigation__container::-webkit-scrollbar {
		display: none;
	}
	.sfi-sections .wp-block-navigation-item {
		flex-shrink: 0;
		white-space: nowrap;
	}
}

/* ---------- Peu de pàgina ---------- */
.sfi-subscribe .wp-block-button__link {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 4px;
}
.sfi-logos img {
	height: 40px;
	width: auto;
}

/* ---------- Menú hamburguesa ---------- */
.sfi-masthead .wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50);
}
.sfi-masthead .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
	gap: 0;
	width: 100%;
}
.sfi-masthead .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
	width: 100%;
	border-bottom: 1px solid var(--wp--preset--color--border);
}
.sfi-masthead .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item:has(.wp-block-search) {
	border-bottom: 0;
	padding-bottom: var(--wp--preset--spacing--40);
}
.sfi-masthead .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
	display: block;
	width: 100%;
	padding: var(--wp--preset--spacing--40) 0;
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
}
.sfi-masthead .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content:hover,
.sfi-masthead .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content:focus {
	color: var(--wp--preset--color--primary);
}

/* ---------- Cercador ---------- */
.sfi-masthead .wp-block-search {
	width: 100%;
}
.sfi-masthead .wp-block-search__inside-wrapper {
	width: 100%;
	gap: var(--wp--preset--spacing--30);
}
.sfi-masthead .wp-block-search__input {
	flex: 1;
	padding: 0.75rem 1rem;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 4px;
	background: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--sans);
	font-size: 1rem;
}
.sfi-masthead .wp-block-search__input:focus {
	border-color: var(--wp--preset--color--primary);
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 1px;
}
.sfi-masthead .wp-block-search__button {
	margin-left: 0;
	padding: 0.75rem 1rem;
	border-radius: 4px;
}

/* ---------- Peu centrat en mòbil ---------- */
@media (max-width: 600px) {
	footer.wp-block-template-part {
		text-align: center;
	}
	footer.wp-block-template-part .is-layout-flex {
		justify-content: center;
		align-items: center;
	}
	footer.wp-block-template-part .wp-block-group.sfi-legal {
		align-items: center;
	}
	footer.wp-block-template-part .wp-block-navigation {
		--navigation-layout-justify: center;
		--navigation-layout-justification-setting: center;
		justify-content: center;
	}
	footer.wp-block-template-part .wp-block-navigation__container,
	footer.wp-block-template-part .wp-block-social-links {
		justify-content: center;
	}
}