/* ==========================================================================
   01 - VARIABILI CSS GLOBALI E UTILITÀ (VERSIONE DEFINITIVA)
   ========================================================================== */

:root {
    /* Palette Thailand Fantastic */
    --tf-green:        #2E8B57;
    --tf-green-dark:   #186337;
    --tf-green-light:  #F5F9F7;
    --tf-green-border: #e2eee8;
    --tf-green-border2:#d4e8dd;
    --tf-text:         #333333;
    --tf-muted:        #718096;
    --tf-dark:         #111111;
    --tf-white:        #ffffff;
    
    /* Misure e Ombre */
    --tf-radius:       12px;
    --tf-radius-sm:    8px;
    --tf-shadow:       0 4px 10px rgba(0, 0, 0, 0.05);
    --tf-shadow-md:    0 4px 24px rgba(46, 139, 87, 0.08);
    --tf-shadow-btn:   0 4px 14px rgba(46, 139, 87, 0.35);
    --tf-transition:   all 0.2s ease;
    
    /* Tipografia editoriale */
    --tf-font-h:       'Playfair Display', Georgia, serif;
    --tf-font-b:       'Nunito', system-ui, sans-serif;
}

/* --- STRUTTURA DI BASE E FORZATURA TITOLI --- */
.tf-section { padding: 40px 20px; font-family: var(--tf-font-b); color: var(--tf-text); }
.tf-section-inner { max-width: 1100px; margin: 0 auto; }

/* Questi stili assicurano che le intestazioni siano centrate come richiesto */
.tf-header { text-align: center !important; margin-bottom: 36px; width: 100% !important; display: block !important; }
.tf-header .overline { 
    font-size: 0.72rem !important; 
    font-weight: 800 !important; 
    letter-spacing: 0.12em !important; 
    text-transform: uppercase !important; 
    color: var(--tf-green) !important; 
    display: block !important; 
    margin-bottom: 8px !important; 
    text-align: center !important; 
}
.tf-header h2 { 
    font-family: var(--tf-font-h) !important; 
    font-size: 2.2rem !important; 
    color: var(--tf-dark) !important; 
    margin-bottom: 12px !important; 
    margin-top: 0 !important; 
    text-align: center !important; 
    line-height: 1.2 !important;
}
.tf-header p { 
    color: var(--tf-muted) !important; 
    max-width: 600px !important; 
    margin: 0 auto !important; 
    font-size: 0.95rem !important; 
    line-height: 1.6 !important; 
    text-align: center !important; 
}

/* Nasconde i breadcrumbs di Rank Math solo in Homepage */
.home .rank-math-breadcrumb {
    display: none !important;
}