/*
Theme Name: Amics de Coaner
Theme URI: https://amicsdecoaner.cat
Author: Amics de Coaner
Description: Child theme d'''Amics de Coaner, basat en Twenty Twenty-Five. Natura, país i cultura del terme de Coaner.
Template: twentytwentyfive
Requires at least: 6.4
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: coaner
*/


/* Vídeo incrustat (Vimeo/YouTube) a amplada completa, sempre 16:9, sense vores */
.wp-block-embed.is-type-video .wp-block-embed__wrapper {
	position: relative;
	padding-top: 56.25%;
	height: 0;
	overflow: hidden;
}

.wp-block-embed.is-type-video .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

.wp-block-embed.is-type-video {
	margin: 0;
}

.wp-block-embed.is-type-video figcaption {
	display: none;
}
/* Newsletter del footer: graella amb títol+botó a dalt, camp i checkbox a sota */
.coaner-newsletter {
	display: grid;
	grid-template-columns: max-content 1fr;
	column-gap: 1rem;
	row-gap: 0.3rem;
	align-items: start;
}

.coaner-newsletter h4 {
	grid-column: 1;
	grid-row: 1;
	margin: 0 !important;
	white-space: nowrap;
}

/* "Aplana" tots els embolcalls del formulari perquè els seus fills
   participin directament a la graella del bloc pare */
.coaner-newsletter .fluentform,
.coaner-newsletter .fluentform form,
.coaner-newsletter form,
.coaner-newsletter fieldset,
.coaner-newsletter .ff-el-group,
.coaner-newsletter .ff-el-input--content {
	display: contents;
}

/* Amaga les etiquetes de text ("Email", "Casilla de selección") i el títol ocult */
.coaner-newsletter .ff-el-input--label,
.coaner-newsletter legend {
	display: none !important;
}

.coaner-newsletter .ff-btn-submit {
	grid-column: 2;
	grid-row: 1;
	justify-self: end;
	align-self: start;
	position: static;
	background-color: #7a3247 !important;
	border-color: #7a3247 !important;
	color: #ffffff !important;
	font-family: "Poppins", sans-serif !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	border-radius: 3px;
}

.coaner-newsletter .ff-btn-submit:hover {
	background-color: #e99887 !important;
	border-color: #e99887 !important;
}

.coaner-newsletter input.ff-el-form-control[type="email"],
.coaner-newsletter input.ff-el-form-control[type="text"] {
	grid-column: 1 / -1;
	grid-row: 2;
}

.coaner-newsletter .ff-el-form-check {
	grid-column: 1 / -1;
	grid-row: 3;
}

/* Missatges d'èxit/error de l'enviament: fila pròpia a sota de tot */
.coaner-newsletter .ff-message-success,
.coaner-newsletter .ff-errors-in-stack {
	grid-column: 1 / -1;
	grid-row: 4;
	margin: 0.5rem 0 0 0 !important;
	padding: 0 !important;
	font-family: "Poppins", sans-serif !important;
	font-size: 0.75rem !important;
	color: #7a3247 !important;
	background: transparent !important;
	border: none !important;
}

/* Reduir tot lespaiat/marges interns del formulari de newsletter */
.coaner-newsletter form,
.coaner-newsletter .fluentform,
.coaner-newsletter fieldset,
.coaner-newsletter .ff-el-group,
.coaner-newsletter .ff-el-form-check {
	margin: 0 !important;
	padding: 0 !important;
}

/* Camp de correu del newsletter: transparent, amb línia inferior burgundy, Abril Text */
.coaner-newsletter input[type="email"],
.coaner-newsletter input[type="text"] {
	background: transparent !important;
	border: none !important;
	border-bottom: 2px solid #7a3247 !important;
	border-radius: 0 !important;
	font-family: "abril-text", Georgia, serif !important;
	font-weight: 300 !important;
	font-size: 1.3rem !important;
	color: #84a597 !important;
	padding: 0.4rem 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	width: 100%;
}

.coaner-newsletter input[type="email"]::placeholder,
.coaner-newsletter input[type="text"]::placeholder {
	font-family: "abril-text", Georgia, serif !important;
	font-weight: 300 !important;
	font-size: 1.3rem !important;
	color: #84a597 !important;
}

.coaner-newsletter input[type="email"]:focus,
.coaner-newsletter input[type="text"]:focus,
.coaner-newsletter input[type="email"]:active,
.coaner-newsletter input[type="text"]:active,
.coaner-newsletter input[type="email"]:-webkit-autofill,
.coaner-newsletter input[type="text"]:-webkit-autofill {
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
	background-color: transparent !important;
	border-bottom-color: #7a3247 !important;
}

/* Truc per evitar el fons groc/blau que Chrome/Safari apliquen a l'autocompletar */
.coaner-newsletter input:-webkit-autofill,
.coaner-newsletter input:-webkit-autofill:hover,
.coaner-newsletter input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
	box-shadow: 0 0 0px 1000px transparent inset !important;
	-webkit-text-fill-color: #84a597 !important;
	transition: background-color 0s ease-in-out 0s;
}

/* Icones de xarxes socials del footer: quadrades en lloc de rodones */
.wp-block-social-links .wp-social-link {
	border-radius: 4px;
}

/* Text del formulari Fluent Forms del newsletter (footer) */
.coaner-newsletter .fluentform label,
.coaner-newsletter .fluentform .ff-el-form-control {
	color: #84a597 !important;
}

/* Text del checkbox (acceptació de política de dades), Poppins com "Avís legal" */
.coaner-newsletter .fluentform .ff-el-form-check-label,
.coaner-newsletter .fluentform .ff-el-form-check-label label {
	font-family: "Poppins", sans-serif !important;
	font-weight: 500 !important;
	font-size: 0.65rem !important;
}

/* Casella del checkbox: quadrat blanc net, sense vora ni línia */
.coaner-newsletter .fluentform input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	width: 16px;
	height: 16px;
	background-color: #ffffff;
	border: none;
	border-radius: 0;
	box-shadow: none;
	outline: none;
	cursor: pointer;
	position: relative;
}

.coaner-newsletter .fluentform input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 8px;
	height: 8px;
	background-color: #7a3247;
}

/* Enllaços legals del footer (Avís legal, Política de cookies...) sense subratllat, en Poppins */
footer a,
.wp-block-template-part[data-type="footer"] a {
	text-decoration: none;
	font-family: "Poppins", sans-serif;
}

/* Element actiu del menú de navegació (indicador "on som") */
.wp-block-navigation .current-menu-item > a,
.wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
	color: #eaad98 !important;
}

/* Treu l'espai per defecte entre els blocs de primer nivell
   (header, contingut principal, footer) que WordPress afegeix sol */
.wp-site-blocks > * {
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

/* ===== REBOST (WooCommerce) ===== */

/* Graella de productes */
.woocommerce ul.products,
.wc-block-grid__products {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}

@media (max-width: 1024px) {
	.woocommerce ul.products,
	.wc-block-grid__products {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.woocommerce ul.products,
	.wc-block-grid__products {
		grid-template-columns: 1fr;
	}
}

.woocommerce ul.products li.product {
	width: 100% !important;
	margin: 0 !important;
	float: none !important;
}

/* Imatges de producte: quadrades, cantonades quasi rectes */
.woocommerce ul.products li.product img,
.wc-block-grid__product-image img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 3px;
}

/* Títol del producte */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title {
	font-family: "Poppins", sans-serif !important;
	font-weight: 800 !important;
	color: #7a3247 !important;
	font-size: 1rem;
	text-transform: none;
}

/* Amaga el preu i qualsevol resta de botó de compra (mode aparador) */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button,
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product form.cart {
	display: none !important;
}

/* Pàgina de producte individual: títol i descripció */
.woocommerce div.product .product_title {
	font-family: "Poppins", sans-serif !important;
	font-weight: 800 !important;
	color: #7a3247 !important;
}

.woocommerce div.product .woocommerce-product-details__short-description,
.woocommerce div.product .summary p {
	font-family: "abril-text", Georgia, serif !important;
	font-weight: 300 !important;
	color: #7a3247 !important;
}

/* Galeria d'imatges del producte: miniatures amb cantonades quasi quadrades */
.woocommerce div.product div.images img,
.woocommerce div.product div.images .flex-control-thumbs img {
	border-radius: 3px;
}

/* Banner superior del Rebost ("records disponibles...") */
.coaner-rebost-banner {
	background-color: #e99887;
	padding: 1.2rem 2rem;
	text-align: center;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-size: 0.9rem;
	color: #7a3247;
}

/* Treu l'espai entre blocs consecutius que tenen color de fons
   (ex. seccions apilades de colors diferents, com a Fes-te soci) */
.wp-block-group[class*="has-background"] + .wp-block-group[class*="has-background"],
.wp-block-group[style*="background-color"] + .wp-block-group[style*="background-color"] {
	margin-top: 0 !important;
	margin-block-start: 0 !important;
}

/* Correu de contacte del footer: Abril Text en cursiva, una mica més gran */
.coaner-footer-email {
	font-style: italic;
	font-size: 1.05rem;
}

/* Alçada del header: 175px a escriptori, més reduïda en tablet i mòbil */
@media (max-width: 1024px) {
	.site-header,
	header.wp-block-template-part .wp-block-group {
		min-height: 130px !important;
	}
}

@media (max-width: 600px) {
	.site-header,
	header.wp-block-template-part .wp-block-group {
		min-height: 90px !important;
	}
}

/* Mapa de la pàgina de Contacte: proporció fixa, responsive */
.coaner-map-embed {
	position: relative;
	width: 100%;
	padding-top: 56%;
	overflow: hidden;
}

.coaner-map-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Formulari de contacte (Escriu-nos): camps blancs plens, quasi quadrats */
.coaner-contact-form .ff-el-form-control {
	background-color: #ffffff !important;
	border: none !important;
	outline: none !important;
	border-radius: 3px !important;
	box-shadow: none !important;
	padding: 0.75rem 1rem !important;
	font-family: "abril-text", Georgia, serif !important;
	color: #7a3247 !important;
}

.coaner-contact-form .ff-el-form-control:focus {
	border: none !important;
	outline: none !important;
	box-shadow: 0 0 0 2px #7a3247 !important;
}

.coaner-contact-form textarea.ff-el-form-control {
	min-height: 160px;
}

.coaner-contact-form .ff-el-input--label label {
	font-family: "Poppins", sans-serif !important;
	font-weight: 700 !important;
	font-size: 0.8rem !important;
	color: #7a3247 !important;
	text-transform: uppercase;
}

.coaner-contact-form .ff-btn-submit {
	background-color: #7a3247 !important;
	border: none !important;
	color: #ffffff !important;
	font-family: "Poppins", sans-serif !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	border-radius: 3px !important;
}

.coaner-contact-form .ff-btn-submit:hover {
	background-color: #e99887 !important;
	border: none !important;
}

/* Formulari de soci (Fes-te soci): camps amb fons blanc */
.coaner-membership-form .ff-el-form-control {
	background-color: #ffffff !important;
	border: none !important;
	outline: none !important;
	border-radius: 3px !important;
	box-shadow: none !important;
	padding: 0.75rem 1rem !important;
	font-family: "abril-text", Georgia, serif !important;
	color: #7a3247 !important;
}

.coaner-membership-form .ff-el-form-control:focus {
	border: none !important;
	outline: none !important;
	box-shadow: 0 0 0 2px #7a3247 !important;
}

.coaner-membership-form .ff-el-input--label label {
	font-family: "Poppins", sans-serif !important;
	font-weight: 700 !important;
	font-size: 0.8rem !important;
	color: #7a3247 !important;
	text-transform: uppercase;
}

.coaner-membership-form .ff-btn-submit {
	background-color: #7a3247 !important;
	border: none !important;
	color: #ffffff !important;
	font-family: "Poppins", sans-serif !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	border-radius: 3px !important;
}

.coaner-membership-form .ff-btn-submit:hover {
	background-color: #e99887 !important;
	border: none !important;
}

/* El hover per defecte dels enllaços és coral; sobre fons coral (Contacte,
   Fes-te soci) quedaria invisible, així que aquí el canviem a blanc */
.has-coral-background-color a:hover {
	color: #ffffff !important;
}