/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* Seleziona il pulsante invia all'interno del form */
form.wpcf7-form.init input[type="submit"] {
  background-color: #2196f3; /* Sfondo blu */
  color: #ffffff; /* Testo bianco */
  transition: background-color 0.3s ease; /* Transizione fluida per l'hover */
}

/* Stili per lo stato hover */
form.wpcf7-form.init input[type="submit"]:hover {
  background-color: #1976d2; /* Una tonalità di blu leggermente più scura per l'hover */
}

/* Stili per lo stato attivo (cliccato) */
form.wpcf7-form.init input[type="submit"]:active {
  background-color: #1565c0; /* Una tonalità di blu ancora più scura per lo stato attivo */
}

/* ######### Controllo delle liste non ordinate (ul) e numerate (ol) nel contesto specifico nelle pagine */
#content .vc_row .wpb_wrapper ul,
#content .vc_row .wpb_wrapper ol {
    margin: 10px 20px 10px 10px !important; /* top, right, bottom, left */
    padding: 0 5px 0 20px !important; /* Aumentato padding-left per list-style-position: outside */
    list-style-position: outside !important; /* FUORI - così il testo a capo si allinea correttamente */
    list-style-type: disc !important; /* Puntini per liste non ordinate */
    font-weight: 400 !important; /* Peso normale del font */
}
/* Controllo degli elementi della lista (li) */
#content .vc_row .wpb_wrapper ul li,
#content .vc_row .wpb_wrapper ol li {
    margin: 4px 0 !important; /* Spazio verticale ridotto tra gli elementi */
    padding-left: 0px !important; /* Nessuno spazio extra a sinistra */
    line-height: 1.7 !important; /* Leggibilità bilanciata */
    font-size: 13px !important; /* Dimensione uniforme del testo */
}
/* ######### Controllo della dimensione del testo nelle liste (ul, ol) del blog*/
.vc_row .wpb_wrapper ul,
.vc_row .wpb_wrapper ol {
    font-size: 13px !important; /* Dimensione del testo per liste */
}
/* Controllo della dimensione del testo nelle celle delle tabelle */
.vc_row .wpb_wrapper table {
    font-size: 12px !important; /* Dimensione del testo per tabelle */
}


/*  ############### Pulsante Cerca in Sidebar - Colori Moderati */
.widget_search .wp-block-search__button,
.widget_block .wp-block-search__button,
aside .wp-block-search__button.wp-element-button {
    /* Colore di sfondo moderato */
    background-color: #3C3B3B !important;
    
    /* Colore del testo */
    color: #ffffff !important;
    
    /* Bordo coordinato */
    border: 1px solid #3C3B3B !important;
    
    /* Padding e dimensioni */
    padding: 8px 16px !important;
    
    /* Transizione smooth */
    transition: all 0.3s ease !important;
}

/* Stato hover */
.widget_search .wp-block-search__button:hover,
.widget_block .wp-block-search__button:hover,
aside .wp-block-search__button.wp-element-button:hover {
    background-color: #5a6268 !important;
    border-color: #4e555b !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

/* Stato active/click */
.widget_search .wp-block-search__button:active,
.widget_block .wp-block-search__button:active,
aside .wp-block-search__button.wp-element-button:active {
    background-color: #4e555b !important;
    transform: translateY(0);
}

/* Stato focus (accessibilità) */
.widget_search .wp-block-search__button:focus,
.widget_block .wp-block-search__button:focus,
aside .wp-block-search__button.wp-element-button:focus {
    outline: 2px solid #007bff !important;
    outline-offset: 2px;
}

h5 {
    margin-bottom: 10px !important;
}

/* Config post blog */
.synto-article .spacer {
      height: 5px;
  }
.synto-article .spacer {
      height: 10px;
  }

  .synto-article .citation {
      margin-left: 30px;
      padding-left: 20px;
      border-left: 3px solid #ccc;
      font-style: italic;
  }