/*--------------------------------------------------
    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;
}

/* Fascia decorativa del blocco cta-mappa-punti: sta sotto al testo e al bottone e
   NON deve prendere i clic, altrimenti la mappa si mangia le interazioni di chi
   passa sopra al riquadro. Nel template era un <div> inerte, quindi il problema
   non si poneva. */
.contact-maps-sfondo{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 700px;
	pointer-events: none;
}