/*
 * Salem Spose – personalizzazioni del template Cassiopeia
 * File: media/templates/site/cassiopeia/css/user.css
 * (caricato automaticamente da Cassiopeia, non viene sovrascritto dagli aggiornamenti di Joomla)
 */

:root {
	--salem-oro: #b08a52;
	--salem-oro-scuro: #8f6d3d;
	--salem-oro-chiaro: #f7f1e8;
	--salem-testo: #2f2a26;
	--salem-grigio: #7a7068;
	--salem-bordo: #e6ddd2;
}

/* ---------- Intestazione ---------- */
.container-header {
	background: #fff !important;
	background-image: none !important;
	border-bottom: 1px solid var(--salem-bordo);
	box-shadow: none;
}
.container-header .grid-child {
	padding-top: .75rem;
	padding-bottom: .75rem;
}
.container-header .navbar-brand {
	margin: 0;
	padding: 0;
}
.container-header .brand-logo img {
	height: 72px;
	width: auto;
	max-width: 100%;
}

/* ---------- Menu principale (modulo Menu di Joomla, layout "collapse-metismenu" di Cassiopeia) ---------- */
.container-header .container-nav {
	position: relative;
	padding: 0;
	background: var(--salem-oro-chiaro);
	border-top: 1px solid var(--salem-bordo);
	/* barra a tutta larghezza anche dentro il contenitore centrato */
	box-shadow: 0 0 0 100vmax var(--salem-oro-chiaro);
	clip-path: inset(0 -100vmax);
}
.container-header .mod-menu.metismenu {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
	margin: 0;
	padding: 0;
}
.container-header .metismenu > li.level-1 > a,
.container-header .metismenu > li.level-1 > button,
.container-header .metismenu > li.level-1 > .mod-menu__heading {
	display: flex;
	align-items: center;
	gap: .1rem;
	padding: .8rem .9rem .7rem;
	border-bottom: 3px solid transparent;
	color: var(--salem-testo);
	font-size: .92rem;
	font-weight: 500;
	letter-spacing: .02em;
	text-decoration: none;
	transition: color .15s, border-color .15s;
}
.container-header .metismenu > li.level-1 > a .p-2 {
	padding: 0 .35rem 0 0 !important;
	color: var(--salem-oro);
	font-size: .9em;
}
.container-header .metismenu > li.level-1 > a:hover,
.container-header .metismenu > li.level-1 > a:focus {
	color: var(--salem-oro-scuro);
}
.container-header .metismenu > li.level-1.active > a,
.container-header .metismenu > li.level-1.current > a {
	color: var(--salem-oro-scuro);
	font-weight: 600;
	border-bottom-color: var(--salem-oro);
}
.container-header .container-nav .navbar { width: 100%; padding: 0; }
.container-header .container-nav .navbar-collapse { flex-grow: 1; }
/* Il separatore "|" non serve: Mio account e Logout vanno a destra */
.container-header .metismenu > li.divider { display: none; }
.container-header .metismenu > li.divider + li { margin-left: auto; }

/* Menu su smartphone (pulsante con le tre linee di Cassiopeia) */
.container-header .navbar-toggler {
	margin: .5rem 0;
	border-color: var(--salem-bordo);
	color: var(--salem-testo);
}
@media (max-width: 991.98px) {
	.container-header .mod-menu.metismenu { flex-direction: column; }
	.container-header .metismenu > li.divider + li { margin-left: 0; }
	.container-header .metismenu > li.level-1 > a { padding: .55rem .9rem; border-bottom: 0; border-left: 3px solid transparent; }
	.container-header .metismenu > li.level-1.active > a { border-left-color: var(--salem-oro); }
}

/* ---------- Titoli di pagina ---------- */
.site-grid .page-header h1,
.com_fabrik .page-header h1 {
	font-size: 1.6rem;
	font-weight: 600;
	color: var(--salem-testo);
	margin: 1.5rem 0 1rem;
}

/* Nella scheda cliente a schermo il logo è già nell'intestazione del sito
   (nel PDF resta: il PDF usa un'impaginazione propria) */
.salem-scheda .salem-intro img { display: none; }
.salem-scheda .salem-intro { margin-top: 1.25rem; }