/* Floricoltura Bonanomi — restyling leggero (stessi colori, logo, foto e testi del sito) */
:root{
  --fb-verde:#649300;
  --fb-verde-scuro:#4F7500;
  --fb-grigio:#333333;
  --fb-testo:#3A3A3A;
  --fb-linea:#E5E8DE;
}

/* Riquadro centrale più largo e moderno, con ombra morbida sopra le foto di sfondo */
#container{max-width:1180px;width:auto!important;margin:24px auto!important;padding:0 16px;box-sizing:border-box}
#container-shadow{border-radius:14px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.18)}
body{-webkit-font-smoothing:antialiased}

/* Intestazione: logo a misura, niente spazio vuoto */
#header .header-content{padding:24px 40px 20px!important;height:auto!important;min-height:0!important}
#header .header-logo{max-height:150px;width:auto;height:auto}
#header .site-description{display:none}

/* Barra social in alto: niente Google+ (servizio chiuso nel 2019) */
#top-navigation-wrapper .google-icon{display:none!important}
#top-navigation-wrapper{border-bottom:1px solid var(--fb-linea)}

/* Menu: stessa barra scura, voci più leggibili, voce attiva e passaggio del mouse in verde */
.menu-box-wrapper{background:var(--fb-grigio)}
.menu-box a.link-home{background-color:var(--fb-verde)!important}
.menu-box,.menu-box .menu-menu-container,#nav{width:auto!important}
#nav > li > a{font-size:14.5px!important;letter-spacing:.05em;padding-left:17px!important;padding-right:17px!important;transition:background-color .2s ease,color .2s ease}
#nav > li > a:hover,#nav > li.current-menu-item > a,#nav > li.current_page_item > a{background:var(--fb-verde)!important;color:#fff!important}

/* Contenuto: più aria e testo più grande */
#container-shadow{float:none!important;width:100%!important;display:flow-root}
#header,#top-navigation-wrapper,.top-navigation,.header-content-wrapper,.header-content,.menu-box-wrapper,.menu-box,#wrapper-content,#wrapper-footer{float:none!important;width:100%!important;max-width:none!important;box-sizing:border-box}
@media (min-width:768px){.menu-box{display:flex;align-items:stretch}.menu-box .menu-menu-container{flex:1 1 auto;min-width:0}}
#header,#wrapper-content,#wrapper-footer{display:flow-root}
#container #header .header-content-wrapper .header-content{float:none!important;display:flow-root}
#container #header .header-content .header-logo{float:none!important;display:block}
#main-content{float:none!important;width:auto!important;padding:40px 40px 48px!important;box-sizing:border-box;display:flow-root}
#content,.entry-content,.content-headline{width:auto!important;float:none!important}
.entry-content,.entry-content p{font-size:17px;line-height:1.75;color:var(--fb-testo)}

/* Titolo di pagina: linea sottile verde al posto della trama a puntini */
.content-headline .entry-headline{background-image:none!important;border-bottom:2px solid var(--fb-linea);padding-bottom:10px!important;font-size:34px!important;letter-spacing:.01em}
.content-headline .entry-headline-text{background:transparent!important;padding-right:0!important;box-shadow:inset 0 -2px 0 var(--fb-verde);padding-bottom:10px}

/* Immagini: angoli morbidi */
.entry-content img{border-radius:10px;height:auto;max-width:100%}
.entry-content .wpb_single_image img{margin-bottom:0!important}
.entry-content .wpb_single_image{margin-bottom:24px!important}

/* Moduli di contatto */
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],.wpcf7 textarea{
  border:1px solid #CFD5C4!important;border-radius:8px!important;padding:12px 14px!important;font-size:16px!important;background:#fff!important;box-sizing:border-box;max-width:100%
}
.wpcf7 input:focus,.wpcf7 textarea:focus{outline:none;border-color:var(--fb-verde)!important;box-shadow:0 0 0 3px rgba(100,147,0,.2)!important}
.wpcf7 input[type="submit"]{background:var(--fb-verde)!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:13px 30px!important;font-size:16px!important;cursor:pointer;min-height:48px}
.wpcf7 input[type="submit"]:hover{background:var(--fb-verde-scuro)!important}

/* Piè di pagina: niente fascia verde attorno alla mappa, mappa a tutta larghezza su fondo neutro */
#wrapper-footer p{font-size:14px!important}
#wrapper-footer > div:has(> iframe){background:#EEF0EA!important;border:0!important;height:auto!important;line-height:0}
#wrapper-footer > div:has(> iframe) iframe{display:block;width:100%!important;height:320px!important;border:0;filter:saturate(.9)}

/* Menu a tendina su telefono: comodo da toccare, stesso grigio del menu */
#selectnav1{-webkit-appearance:none;appearance:none;width:100%!important;min-height:48px;margin:0!important;padding:0 44px 0 16px!important;border:0!important;border-radius:0!important;background:var(--fb-grigio) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 16px center!important;color:#fff!important;font-size:16px!important;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}

/* Telefono */
@media (max-width:767px){
  #container{margin:0 auto!important;padding:0}
  #container-shadow{border-radius:0;box-shadow:none}
  #header .header-content{padding:16px!important}
  #header .header-logo{max-height:96px}
  #main-content{padding:24px 16px 32px!important}
  .content-headline .entry-headline{font-size:28px!important}
  .menu-box-wrapper{padding:0!important}
  .entry-content,.entry-content p{font-size:16.5px;line-height:1.7}
  .entry-content img{display:block;width:100%!important;max-height:72vh;object-fit:cover;margin:0!important}
  .entry-content .wpb_single_image{margin-bottom:12px!important}
  .entry-content .wpb_column,.entry-content .vc_column_container{width:100%!important;float:none!important}
  #wrapper-footer > div:has(> iframe) iframe{height:240px!important}
}
