@charset "UTF-8";
/*!
Theme Name: Luviana Child
Theme URI: https://motopress.com/products/luviana
Author: MotoPress
Author URI: https://motopress.com
Description: Tema child di Luviana personalizzato per OrtoNoto. Include font personalizzati (Playfair Display, Roboto), stili tipografici custom, template header trasparente e componenti specifici.
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: luviana
Template: luviana
*/

/* ==========================================================================
   TEMA CHILD LUVIANA - ORTONOTO
   ========================================================================== 
   
   Questo file è il punto di ingresso principale del tema child.
   Gli stili sono organizzati in file modulari:
   
   - css/fonts.css         → Font personalizzati e classi Gutenberg
   - css/typography.css    → Stili tipografici OrtoNoto  
   - css/templates.css     → Template personalizzati (header trasparente, ecc.)
   - css/components.css    → Componenti riutilizzabili
   
   Questa struttura modulare facilita la manutenzione e l'aggiornamento
   del codice mantenendo una separazione logica delle responsabilità.
   
   ========================================================================== */

/* ==========================================================================
   Custom properties (CSS Variables)
   ========================================================================== */

:root {
    /* Colori brand OrtoNoto (da definire se necessario) */
    --ortonoto-primary: #000000;
    --ortonoto-secondary: #ffffff;
    
    /* Spaziature personalizzate */
    --ortonoto-spacing-xs: 0.5rem;
    --ortonoto-spacing-sm: 1rem;
    --ortonoto-spacing-md: 1.5rem;
    --ortonoto-spacing-lg: 3rem;
    --ortonoto-spacing-xl: 5rem;
}

/* ==========================================================================
   Override globali e stili specifici
   ========================================================================== */

/* Qui vanno solo gli override globali e gli stili che non rientrano 
   nelle categorie dei file modulari */

.wp-block-image img {
    box-shadow: none !important;
}

/* ==========================================================================
   FOOTER PERSONALIZZATO - LUVIANA CHILD
   ========================================================================== */

/* Stili di base per il footer personalizzato */
.site-footer {
    /* Aggiungi qui le tue personalizzazioni per il footer */
}

/* Personalizzazioni per i social media nel footer */
.footer-social {
    margin: 1rem 0;
    text-align: center;
}

.footer-social a {
    display: inline-block;
    margin: 0 0.5rem;
    font-size: 1.5rem;
    color: #666;
    transition: color 0.3s ease;
}

.footer-social a:hover {
    color: var(--ortonoto-primary, #000);
}

/* Personalizzazioni per le informazioni di contatto */
.footer-contact {
    margin: 1rem 0;
    text-align: center;
    font-size: 0.9rem;
    color: #666;
}

/* Personalizzazioni per i link aggiuntivi */
.footer-links {
    margin: 1rem 0;
    text-align: center;
    font-size: 0.9rem;
}

.footer-links a {
    color: #666;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-links a:hover {
    color: var(--ortonoto-primary, #000);
}

/* Personalizzazioni per i widget footer specifici */
.footer-widget-1,
.footer-widget-2,
.footer-widget-3,
.footer-widget-4 {
    /* Aggiungi qui stili specifici per ogni widget */
}

/* Stili per widget personalizzato aggiuntivo */
.footer-widget-custom {
    background: #f9f9f9;
    padding: 1rem;
    border-radius: 5px;
    margin-top: 1rem;
}

.footer-widget-custom h3 {
    color: var(--ortonoto-primary, #000);
    margin-bottom: 0.5rem;
}

/* Personalizzazioni per link nei widget footer */
.footer-widgets .widget-area a {
    color: #666;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-widgets .widget-area a:hover {
    color: var(--ortonoto-primary, #000);
}

/* Personalizzazioni responsive per il footer */
@media (max-width: 768px) {
    .footer-social,
    .footer-contact,
    .footer-links {
        font-size: 0.8rem;
    }
    
    .footer-social a {
        font-size: 1.3rem;
        margin: 0 0.3rem;
    }
    
    .footer-widget-custom {
        margin-top: 1.5rem;
        padding: 0.8rem;
    }
}

/* ==========================================================================
   PULSANTI GUTENBERG PERSONALIZZATI - LUVIANA CHILD
   ========================================================================== */

/* Override degli stili base dei pulsanti */
.wp-block-button__link {
    /* Mantieni gli stili del tema padre e aggiungi personalizzazioni */
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* Stile personalizzato: Pulsante Primario OrtoNoto */
.wp-block-button.is-style-ortonoto-primary .wp-block-button__link {
    /* Stili di base - verranno sovrascritti dai colori Gutenberg se impostati */
    background: transparent;
    color: #ffffff;
    border: 2px solid #fff;
    border-radius: 50px !important;
    padding: 1.5rem 3rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 0.9rem !important;
    transition: all 0.3s ease !important;
}

.wp-block-button.is-style-ortonoto-primary .wp-block-button__link:hover {
    background: #fff;
    color: #000 !important;
    border-color: #fff !important;
}

/* Effetti hover comuni per entrambi i casi */
.wp-block-button.is-style-ortonoto-primary .wp-block-button__link:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}

/* Stile personalizzato: Pulsante Secondario OrtoNoto */
.wp-block-button.is-style-ortonoto-secondary .wp-block-button__link {
    /* Stili di base */
    background: #0D3B7C !important;
    color: #fff !important;
    border: 2px solid #0D3B7C !important;
    border-radius: 50px !important;
    padding: 1.5rem 3rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 0.9rem !important;
    transition: all 0.3s ease !important;
}


.wp-block-button.is-style-ortonoto-secondary .wp-block-button__link:hover {
    background: #fff !important;
    color: #0D3B7C !important;
    border-color: #0D3B7C !important;
}



/* 

/* Responsive design per i pulsanti personalizzati */
@media (max-width: 768px) {
    .wp-block-button.is-style-ortonoto-primary .wp-block-button__link,
    .wp-block-button.is-style-ortonoto-secondary .wp-block-button__link {
        padding: 0.8rem 1.5rem !important;
        font-size: 0.8rem !important;
    }
}


/*
.socials-menu-mobile-container {
    display: none !important;
}*/
ul .wpml-ls-menu-item a {
    justify-content: center;
}
@media (max-width: 768px) {
    .site-branding .custom-logo {
        display: block;
        max-width: 60px;
    }
}