/*
 Theme Name:   GeneratePress Child — domyflor
 Theme URI:    https://www.domyflor.com
 Description:  Child theme di GeneratePress per la piattaforma domyflor
 Author:       domyflor
 Author URI:   https://www.domyflor.com
 Template:     generatepress
 Version:      1.0.0
 Text Domain:  generatepress-child
*/

/*
 * Questo file viene caricato DOPO il CSS di GeneratePress
 * quindi tutte le regole qui sotto vincono senza !important
 * sulle variabili CSS (che !important non supporta).
 *
 * Usato per:
 * - Sovrascrivere variabili colore GP con palette botanica domyflor
 * - Reset layout globali fissi uguali per tutti i fioristi
 */

/* ════════════════════════════════════════
   VARIABILI GENERATEPRESS → PALETTE BOTANICA
   Queste sovrascrivono i colori di default GP
   perché questo file viene caricato dopo generate.min.css
════════════════════════════════════════ */
:root {
    --contrast:   #3D2B1F;
    --contrast-2: #7A6855;
    --contrast-3: #E8D5B0;
    --base:       #F2EDE4;
    --base-2:     #FAF7F2;
    --base-3:     #FFFFFF;
    --accent:     #5C7D60;
}

/* Header mobile — titolo su riga intera sotto il logo */
@media (max-width: 768px) {
    .site-branding {
        flex-wrap: wrap !important;
    }
    .site-branding::before {
        width: 100% !important;
        height: 36px !important;
        margin-right: 0 !important;
        margin-bottom: 4px !important;
        background-position: left center !important;
    }
    .main-title {
        width: 100% !important;
        text-align: left !important;
    }
    .main-title a {
        font-size: 1.3rem !important;
    }
}

/* ── Pagine configuratore e ispirazioni a tutta pagina ──
   Togliamo lo sfondo bianco che GeneratePress mette su .inside-article
   (e contenitori simili) così si vede il beige del tema ai lati ── */
.dmd-fullbleed .inside-article,
.dmd-fullbleed .entry-content,
.dmd-fullbleed.separate-containers .inside-article,
.dmd-fullbleed .site-content .content-area {
	background-color: transparent;
	box-shadow: none;
	border: none;
}

/* ── Pagine legali (Privacy, Termini) — box contenuto a tema ──
   Il .content-area è doppio/annidato e largo 100%; targetizziamo
   direttamente .inside-article (il box con sfondo) dandogli
   larghezza massima e centraggio ── */
body.dmd-legal .inside-article {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px;
	box-sizing: border-box;
}
@media (max-width: 768px) {
	body.dmd-legal .inside-article {
		padding: 24px 18px;
		margin-left: 12px;
		margin-right: 12px;
	}
}