/*
 Theme Name:   RyanCole Child Theme
 Theme URI:    https://ryan-cole.ancorathemes.com/
 Description:  RyanCole Child Theme
 Author:       AncoraThemes
 Author URI:   https://ancorathemes.com
 Template:     ryancole
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  ryancole
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

/* =========================================================================
   IKYTA — Ritocchi CSS (recuperati dal tema padre "ryancole")
   Da APPENDERE in fondo allo style.css del tema child "ryancole-child".
   NON rimuovere l'intestazione /* Theme Name ... Template: ryancole */ /* né le
   regole già presenti nel file: aggiungi questo blocco DOPO.
   -------------------------------------------------------------------------
   Perché sta qui: queste regole erano nel "CSS aggiuntivo" del tema PADRE.
   Col passaggio al tema child non venivano più caricate (il CSS aggiuntivo
   è salvato per singolo tema). Spostandole nello style.css del child, restano
   agganciate al tema che va online col cutover e non si perdono più.
   ========================================================================= */


/* === MENU HEADER: spaziatura voci principali ============================= */
header .sc_layouts_menu_nav > li > a,
header .sc_layouts_menu_nav > li.menu-item-has-children > a,
.site_header .sc_layouts_menu_nav > li > a,
.site_header .sc_layouts_menu_nav > li.menu-item-has-children > a {
  padding: 1.7em !important;
}


/* === SOTTOMENU (dropdown): sfondo bianco ================================= */
.sc_layouts_menu_popup .sc_layouts_menu_nav,
.sc_layouts_menu_popup .sc_layouts_menu_nav > li > ul,
.sc_layouts_menu_nav > li > ul ul,
.sc_layouts_menu_nav > li ul:not(.sc_item_filters_tabs) {
  background-color: #fff !important;
}

/* Sottomenu: testo scuro leggibile (fix voci "invisibili") */
body .sc_layouts_menu_nav > li ul li > a,
body .sc_layouts_menu_nav > li ul li > a:link,
body .sc_layouts_menu_nav > li ul li > a:visited {
  color: #505050 !important;
}

/* Sottomenu: stato hover (testo arancio su sfondo blu scuro) */
ul.sc_layouts_menu_nav > li ul li > a:hover,
ul.sc_layouts_menu_nav > li ul li:hover > a,
.sc_layouts_menu_popup ul.sc_layouts_menu_nav > li ul li > a:hover {
  color: #f59d11 !important;
  background-color: #003466 !important;
}

/* Sottomenu: voce corrente / pagina attiva */
.sc_layouts_menu_nav > li li.current-menu-item > a,
.sc_layouts_menu_nav > li li.current_page_item > a,
.sc_layouts_menu_nav > li li > a.active {
  color: #f59d11 !important;
  background-color: #dcdcdc !important;
}


/* === TITOLO PAGINA: sottotitolo/caption in bianco sul banner ============= */
.sc_layouts_title_title > .sc_layouts_title_caption {
  color: #fff !important;
}


/* === MENU FOOTER: spaziatura voci (desktop) ============================== */
.footer_wrap .sc_layouts_menu_nav > li > a,
.menu_footer_nav_area .sc_layouts_menu_nav > li > a {
  padding: 0.5em 0.8em !important;
  line-height: 1.6 !important;
  display: block !important;
}

/* Menu footer su MOBILE: voci ben distanziate e a tutta larghezza */
@media (max-width: 768px) {
  .footer_wrap .sc_layouts_menu_nav > li,
  .menu_footer_nav_area .sc_layouts_menu_nav > li {
    display: block !important;
    width: 100% !important;
    margin-bottom: 4px !important;
  }

  .footer_wrap .sc_layouts_menu_nav > li > a,
  .menu_footer_nav_area .sc_layouts_menu_nav > li > a {
    padding: 8px 12px !important;
    display: block !important;
    line-height: 1.8 !important;
    font-size: 14px !important;
  }

  /* Impedisce che gli stili dell'header influenzino il footer */
  .footer_wrap .sc_layouts_menu_nav > li > a:hover {
    background-color: transparent !important;
    color: #f59d11 !important;
  }
}


/* =========================================================================
   OPZIONALE — Stile form Contact Form 7
   Includi questo blocco SOLO se sul sito usi ancora Contact Form 7.
   Se i moduli sono gestiti con Formidable, puoi tranquillamente ELIMINARLO.
   ========================================================================= */
.wpcf7 form {
  max-width: 700px;
  margin: 0 auto;
  padding: 20px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  width: 100% !important;
  padding: 12px 16px !important;
  margin-bottom: 16px !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  font-size: 15px !important;
  color: #505050 !important;
  background-color: #fff !important;
  box-sizing: border-box !important;
  display: block !important;
}

.wpcf7 textarea {
  min-height: 140px !important;
  resize: vertical !important;
}

.wpcf7 label {
  display: block !important;
  width: 100% !important;
  margin-bottom: 4px !important;
}

.wpcf7 input[type="submit"] {
  background-color: #003466 !important;
  color: #fff !important;
  padding: 12px 40px !important;
  border: none !important;
  border-radius: 4px !important;
  font-size: 15px !important;
  cursor: pointer !important;
  display: block !important;
  margin: 16px auto 0 !important;
  letter-spacing: 1px !important;
  transition: background-color 0.2s ease !important;
}

.wpcf7 input[type="submit"]:hover {
  background-color: #005599 !important;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
  outline: none !important;
  border-color: #003466 !important;
  box-shadow: 0 0 0 2px rgba(0,52,102,0.15) !important;
}