/*
Theme Name: Noleggio Operativo Child
Theme URI: https://esempio.it
Description: Child theme per Noleggio Operativo - Usa questo tema per tutte le tue personalizzazioni
Author: Gabriele
Author URI: https://esempio.it
Template: tema-noleggio-operativo
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: noleggio-operativo-child
*/

/*
=================================================================
  CHILD THEME - Aggiungi qui le tue personalizzazioni CSS
=================================================================

IMPORTANTE: NON modificare il tema parent!
Tutte le personalizzazioni vanno fatte qui nel child theme.

Esempi di personalizzazioni comuni:
*/

/* 
-----------------------------------
  PERSONALIZZAZIONI COLORI
-----------------------------------
*/

/* 
Decommentare per cambiare i colori principali:

body {
    --color-primary: #3498db;
    --color-secondary: #2ecc71;
    --color-dark: #2c3e50;
}

.btn-primary {
    background: var(--color-primary);
}

.btn-secondary {
    background: var(--color-secondary);
}
*/

/* 
-----------------------------------
  PERSONALIZZAZIONI HEADER
-----------------------------------
*/

/*
Esempio: Cambiare l'altezza dell'header

.site-header {
    padding: 1.5rem 0;
}
*/

/*
Esempio: Cambiare il colore del logo

.site-logo {
    color: #ff0000;
}
*/

/* 
-----------------------------------
  PERSONALIZZAZIONI HERO
-----------------------------------
*/

/*
Esempio: Cambiare il gradiente della hero section

.hero {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
*/

/*
Esempio: Cambiare la dimensione del titolo hero

.hero h1 {
    font-size: 3.5rem;
}
*/

/* 
-----------------------------------
  PERSONALIZZAZIONI TIPOGRAFIA
-----------------------------------
*/

/*
Esempio: Cambiare il font principale

body {
    font-family: 'Arial', sans-serif;
}
*/

/*
Esempio: Modificare le dimensioni dei titoli

h1 { font-size: 3rem; }
h2 { font-size: 2.5rem; }
h3 { font-size: 2rem; }
*/

/* 
-----------------------------------
  PERSONALIZZAZIONI BOTTONI
-----------------------------------
*/

/*
Esempio: Bottoni più arrotondati

.btn {
    border-radius: 25px;
}
*/

/*
Esempio: Effetto hover personalizzato

.btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(52, 152, 219, 0.3);
}
*/

/* 
-----------------------------------
  PERSONALIZZAZIONI CARD
-----------------------------------
*/

/*
Esempio: Bordo colorato sulle card vantaggi

.vantaggio-card {
    border-top: 4px solid #3498db;
}
*/

/* 
-----------------------------------
  PERSONALIZZAZIONI FOOTER
-----------------------------------
*/

/*
Esempio: Cambiare colore di sfondo del footer

.site-footer {
    background: #1a252f;
}
*/

/* 
-----------------------------------
  RESPONSIVE PERSONALIZZATO
-----------------------------------
*/

/*
Esempio: Modifiche solo per tablet

@media (max-width: 768px) {
    .hero h1 {
        font-size: 2.5rem;
    }
}
*/

/*
Esempio: Modifiche solo per mobile

@media (max-width: 480px) {
    .container {
        padding: 0 15px;
    }
}
*/

/* 
-----------------------------------
  LE TUE PERSONALIZZAZIONI
-----------------------------------
Aggiungi qui sotto i tuoi stili personalizzati:
*/