/*--------------------------------------------------
    Compro Oro Siena - fase grafica (font e colori dal PDF)

    Font e colore oro sono già stati sostituiti globalmente
    in style.css / default.css:
      Prata        -> Marcellus  (titoli)
      Rubik/Roboto -> Manrope    (corpo del testo)
      #fcd462 / #f8d161 / #d2ae49 -> #B7924A (oro)
    Qui restano solo gli override strutturali del sito.
---------------------------------------------------*/

:root{
	--gold-color: #B7924A;
	--title-font: "Marcellus", serif;
	--text-font: "Manrope", sans-serif;
}

/*--------------------------------------------------
    Compro Oro Siena - override sito
---------------------------------------------------*/

/* Box categorie in home: non sono più link a pagina interna
   (erano <a href="shop-left.html">), quindi niente cursore mano */
.categories-box-layout .categories-box{
	cursor: default;
}

/* FAQ: il tema stila .faq-wrapper .accordion .card ma non il corpo */
/* Bootstrap 5 imposta --bs-btn-color sul .btn: senza questo override
   il testo della domanda resta nero su fondo nero */
.faq-wrapper .accordion .card .card-header .btn,
.faq-wrapper .accordion .card .card-header .btn:hover,
.faq-wrapper .accordion .card .card-header .btn:focus{
	--bs-btn-color: #fff;
	--bs-btn-hover-color: var(--gold-color);
	color: #fff;
	font-family: var(--title-font);
	font-size: 20px;
	padding: 20px 40px 20px 0;
	text-align: left;
	justify-content: flex-start;
	box-shadow: none;
}

.faq-wrapper .accordion .card .card-header .btn:hover{
	color: var(--gold-color);
}

/* Il tema pilota il segno +/- da [aria-expanded], ma Bootstrap 5 qui aggiorna
   solo la classe .collapsed sul bottone: agganciamo l'icona a quella. */
.faq-wrapper .accordion .card-header .btn.collapsed::before{
	transform: rotate(90deg);
}

.faq-wrapper .accordion .card-header .btn:not(.collapsed)::before{
	transform: rotate(0);
}

.faq-wrapper .accordion .card .card-body{
	padding: 20px 0 10px;
}

.faq-wrapper .accordion .card .card-body p{
	color: #a3a3a3;
	margin-bottom: 0;
}


/* ==========================================================================
   Compro Oro Siena - aggancio al pannello di controllo
   ========================================================================== */

/* I testi lunghi ora arrivano dall'editor del pannello, che per sicurezza toglie
   gli attributi style: gli elenchi puntati avevano il pallino scritto lì dentro
   (<ul style="list-style-type: disc">) e senza questa regola uscirebbero nudi. */
.entry-content ul,
.entry-content ol{
	padding-left: 20px;
	margin-bottom: 30px;
}

.entry-content ul{
	list-style-type: disc;
}

.entry-content ol{
	list-style-type: decimal;
}

.entry-content li{
	margin-bottom: 6px;
}

/* Il testo ricco porta i propri <p>: nelle colonne il tema dava i margini al <p>
   che ora sta dentro un <div>, e l'ultimo paragrafo lasciava spazio di troppo. */
.abour-text > div > p:last-child,
.block-text .pe-50 > p:last-child,
.cta-text > p:last-child,
.info-box .desc > p:last-child{
	margin-bottom: 0;
}

/* Nelle pagine lunghe (Cosa compriamo, Valutazioni) il distacco fra paragrafi e
   titoli era affidato alle classi "mb-30" scritte a mano nell'HTML. Ora il testo
   arriva dall'editor, che quelle classi non le mette: lo spazio lo diamo qui. */
.about-section .entry-content > p,
.about-section .entry-content > ul,
.about-section .entry-content > ol{
	margin-bottom: 30px;
}

.about-section .entry-content > h2,
.about-section .entry-content > h3,
.about-section .entry-content > h4{
	margin-bottom: 30px;
}

.about-section .entry-content > h3,
.about-section .entry-content > h4{
	margin-top: 40px;
}

.about-section .entry-content > *:last-child{
	margin-bottom: 0;
}

/* ==========================================================================
   Compro Oro Siena - mappe con l'embed di Google
   Sostituito Mapbox GL (13/08/2026): il tema disegnava le mappe dentro un <div>
   riempito da JS, ora dentro c'e' un <iframe>. .contact-maps ha gia' altezza e
   larghezza da style.css: qui serve solo far riempire l'iframe e distinguere la
   mappa vera (Contatti) dalle fasce decorative.
   ========================================================================== */

.contact-maps iframe{
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

/* P.IVA nel piede, sotto il trafiletto del logo: e' un dato di servizio, non
   deve pesare come il testo sopra. Il paragrafo sopra ha margine inferiore
   zero, quindi lo stacco lo dà tutto questo margine. */
.footer-two .site-info-widget .piva-piede{
	margin-top: 15px;
	font-size: 14px;
	opacity: .7;
}

/* ==========================================================================
   Compro Oro Siena - indirizzo e orari da mobile (14/08/2026)
   Il cliente: da telefono la fascia in cima (indirizzo + orari) mangiava schermo.
   Sotto i 992px - dove il tema passa all'header mobile con l'hamburger - la fascia
   si nasconde e le stesse informazioni compaiono in cima al menu che si apre.
   ========================================================================== */

/* Il blocco vive solo nel menu mobile: a schermo largo l'aside e' display:none */
.sigma-mobile-menu .menu-mobile-info{
	padding: 30px 16px 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	font-family: var(--text-font);
	font-size: 14px;
	line-height: 1.5;
	color: #fff;
}

.sigma-mobile-menu .menu-mobile-info-indirizzo{
	margin-bottom: 12px;
}

/* Flex e non testo inline: l'indirizzo va a capo (il menu e' largo 300px) e la seconda riga
   deve allinearsi al testo, non finire sotto all'icona. */
.sigma-mobile-menu .menu-mobile-info-indirizzo,
.sigma-mobile-menu .menu-mobile-info-orari li{
	display: flex;
	align-items: flex-start;
}

.sigma-mobile-menu .menu-mobile-info-orari li{
	margin-bottom: 4px;
}

.sigma-mobile-menu .menu-mobile-info-orari li:last-child{
	margin-bottom: 0;
}

/* Larghezza fissa: il segnaposto e l'orologio hanno glifi di larghezza diversa e senza
   questo i testi partirebbero da due colonne diverse. */
.sigma-mobile-menu .menu-mobile-info i{
	flex: 0 0 auto;
	width: 16px;
	margin-right: 8px;
	text-align: center;
	line-height: inherit;
	color: var(--gold-color);
}

/* L'indirizzo porta dentro il link alla mappa (Utils::indirizzoSedeFront): nella fascia il
   tema lo teneva bianco (header-three .header-top a), qui lo tingerebbe d'oro come le voci
   del menu. Resta bianco come la grafica approvata, d'oro c'e' solo l'icona. */
.sigma-mobile-menu .menu-mobile-info a{
	color: inherit;
}

/* Il tema dava alla lista del menu 40px sopra e sotto: sopra ci sta il blocco info */
.sigma-mobile-menu .menu-mobile-info + .sigma-main-menu{
	padding-top: 20px;
}

@media (max-width: 991px){
	header.header-three .header-top{
		display: none;
	}

	/* La fascia occupava ~95px (contenuto + margine) e l'header e' fuori dal flusso: lo
	   spazio per lui lo fa questo margine, che senza il ritocco lascerebbe un vuoto fra
	   la barra col logo e il banner della pagina. */
	.breadcrumb-area{
		margin-top: 60px;
	}
}

@media (max-width: 575px){
	.breadcrumb-area{
		margin-top: 55px;
	}
}

/* Fascia mappa del blocco cta-mappa-punti: sta dietro al testo e al bottone.
   Essendo in posizione assoluta si dipinge SOPRA il contenuto statico, e prima
   (13/08) si spegnevano i clic in blocco per non rubarli al riquadro.
   Dal 14/08 la mappa e' invece cliccabile — il cliente vuole la scheda Google
   con "Indicazioni" — e il riquadro resta raggiungibile perche' lo si porta
   davanti con lo z-index. La rotellina non viene rubata: l'embed di Google
   chiede CTRL per lo zoom e lascia scorrere la pagina. */
.contact-maps-sfondo{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 700px;
}

/* Il contenitore sta davanti alla mappa ma e' trasparente ai clic: altrimenti la
   sua area vuota (tutta la larghezza della fascia) coprirebbe la mappa. I clic li
   riprendono solo i due blocchi che hanno davvero contenuto. */
.cta-section .container{
	position: relative;
	z-index: 2;
	pointer-events: none;
}

.cta-section .cta-text,
.cta-section .cta-features{
	pointer-events: auto;
}