/*
Theme Name:   Divi 5 Child Theme
Theme URI:    https://tuosito.it/
Description:  Child theme personalizzato per Divi 5, ottimizzato per progetti WordPress custom (siti hospitality, municipali, professionali).
Author:       Kourosh
Author URI:   https://tuosito.it/
Template:     Divi
Version:      1.0.0
Text Domain:  divi-child
*/

/* ==========================================================================
   1. VARIABILI CSS GLOBALI
   Personalizza qui la palette e i valori riutilizzati in tutto il tema.
   ========================================================================== */
:root {
  --color-primary:   #2c3e50;
  --color-secondary: #c9a66b;
  --color-accent:    #a8bfa3;
  --color-light:     #faf6f1;
  --color-dark:      #1a1a1a;

  --font-heading: "Poppins", sans-serif;
  --font-body:    "Inter", sans-serif;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  --transition-fast: 0.2s ease;
  --transition-mid:  0.4s ease;
}

/* ==========================================================================
   2. RESET / FIX SPECIFICI DIVI 5
   ========================================================================== */

/* Divi 5 usa Flexbox per la maggior parte dei layout: evita margini fantasma */
.et-l .et_pb_section {
  box-sizing: border-box;
}

/* Fix comune: rimuove lo spazio bianco generato da smooth scroll / iframe embed */
body {
  overflow-x: hidden;
}

/* ==========================================================================
   3. TIPOGRAFIA
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--color-primary);
}

body, p, li, a {
  font-family: var(--font-body);
}

/* ==========================================================================
   4. UTILITY CLASS RIUTILIZZABILI NEI MODULI DIVI
   ========================================================================== */
.u-radius-sm { border-radius: var(--radius-sm); }
.u-radius-md { border-radius: var(--radius-md); }
.u-radius-lg { border-radius: var(--radius-lg); }

.u-shadow-soft {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.u-transition {
  transition: all var(--transition-mid);
}

/* ==========================================================================
   5. RESPONSIVE HELPERS
   ========================================================================== */
@media (max-width: 767px) {
  .u-hide-mobile { display: none !important; }
}

@media (min-width: 768px) {
  .u-hide-desktop { display: none !important; }
}