/*
Theme Name:  Salient Child Theme
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Description: Child theme di Salient per il sito SIARV.
Author:      ThemeNectar
Author URI:  https://themenectar.com
Template:    salient
Version:     1.0
Text Domain: salient-child
*/

/*
 * Font, dimensioni dei testi, colori e menu si impostano in Salient Options
 * (Typography, Header Navigation, General Settings). Qui solo ciò che il tema non offre.
 */

/*-------------------------------------------------------------------------
 * 1. FONT YORKTEN SLAB
 * Non è su Google Fonts: è registrato in functions.php tra i font personalizzati
 * e si sceglie in Salient Options → Typography (titoli H1–H6).
 *-------------------------------------------------------------------------*/

@font-face {
	font-family: 'Yorkten Slab';
	src: url('fonts/yorktenslab-regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/*-------------------------------------------------------------------------
 * 2. MENU MOBILE
 * Font e peso arrivano da Salient Options → Typography → Navigation, ma
 * simple-dropdown.css (caricato dopo) fissa 14px: "body" serve a superarlo.
 *-------------------------------------------------------------------------*/

body #header-outer #mobile-menu ul li a {
	font-size: 18px;
}

/*-------------------------------------------------------------------------
 * 3. BOTTONI
 * Dimensioni, padding, colori e forma si impostano nell'elemento "Button" di Salient.
 * Il peso del testo non è tra le sue opzioni: dal mockup, Roboto Bold per i bottoni pieni
 * (tipo "Basic"); i link con freccia ("Arrow Animation") restano a peso normale.
 *-------------------------------------------------------------------------*/

.nectar-cta[data-style="basic"] .link_text {
	font-weight: 700;
}

/*-------------------------------------------------------------------------
 * 4. FOOTER
 *-------------------------------------------------------------------------*/

/* Colonne come da mockup: indirizzi nella prima metà, i due menu dal 48% in poi.
   Salient stampa 4 colonne span_3: Footer Area 2 (vuota) viene nascosta. */
@media only screen and (min-width: 1000px) {
	#footer-widgets .container > .row {
		display: grid;
		grid-template-columns: 48% 18% 1fr;
	}

	/* Il clearfix di Salient (::before/::after) diventerebbe una cella della griglia */
	#footer-widgets .container > .row::before,
	#footer-widgets .container > .row::after {
		display: none;
	}

	#footer-widgets .container > .row > .col {
		width: auto;
		margin: 0;
		float: none;
	}

	#footer-widgets .container > .row > .col:nth-child(2) {
		display: none;
	}
}

/* Barra copyright: testo a sinistra, telefono allineato al secondo menu, fax a destra */
#copyright .container > .col.span_5 {
	width: 100%;
}

#copyright .container > .col.span_7 {
	display: none;
}

#copyright .container > .col.span_5 p {
	display: grid;
	grid-template-columns: 66% 1fr auto;
	align-items: baseline;
}

#copyright .siarv-copyright__fax {
	text-align: right;
}

@media only screen and (max-width: 999px) {
	#copyright .container > .col.span_5 p {
		grid-template-columns: 1fr;
		row-gap: 4px;
	}

	#copyright .siarv-copyright__fax {
		text-align: left;
	}
}

/*-------------------------------------------------------------------------
 * 5. ZOOM SULLE IMMAGINI AL PASSAGGIO DEL MOUSE
 * Salient lo offre solo per l'elemento "Image With Animation" ("Zoom In Crop"):
 * qui per lo sfondo di colonna e per l'immagine dentro un Text Block.
 * Uso: in WPBakery, colonna → Extra class name "siarv-zoom-hover".
 *-------------------------------------------------------------------------*/

.siarv-zoom-hover .column-image-bg,
.siarv-zoom-hover .wpb_text_column img {
	transition: transform 0.6s ease;
}

/* L'immagine del Text Block è dentro un <p>: lo si usa come cornice */
.siarv-zoom-hover .wpb_text_column p:has(> img) {
	overflow: hidden;
}

.siarv-zoom-hover:hover .column-image-bg,
.siarv-zoom-hover:hover .wpb_text_column img {
	transform: scale(1.05);
}

@media (prefers-reduced-motion: reduce) {
	.siarv-zoom-hover:hover .column-image-bg,
	.siarv-zoom-hover:hover .wpb_text_column img {
		transform: none;
	}
}