/*
Theme Name: Liliana Stabile
Theme URI: https://lilianastabile.it
Author: Jesma / Liliana Stabile
Author URI: https://lilianastabile.it
Description: Tema custom per Dott.ssa Liliana Stabile, Biologa Nutrizionista a Cernusco sul Naviglio (Milano). Bootstrap 5 + ACF + template custom.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: liliana
Tags: custom, bootstrap, acf, responsive
*/

/* =========================
   INIZIO BLOCCO: Color palette
   ========================= */

.bg-grigio{
	background-color: #454B5C;
}
.color-grigio{
	color:#454B5C;
}

.bg-verde{
	background-color: #6DBCAD;
}
.color-verde{
	color: #6DBCAD;
}
.bg-avorio{
	background-color: #FBFDF3;
}
.color-avorio{
	color: #FBFDF3;
}

.bg-superlight-verde{
   background-color: #EDF6EC;
}

.bg-light-verde{
   background-color: #C7E5D9;
}


/* =========================
   FINE BLOCCO: Color palette
   ========================= */

/* =========================
   INIZIO BLOCCO: Fonts
   ========================= */

:root{
  --font-base: "Baloo 2", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

body{
  font-family: var(--font-base);
  font-weight: 400;
  color:#454B5C;
}

h1,h2,h3,h4,h5,h6,
.display-1,.display-2,.display-3,.display-4,.display-5,.display-6{
  font-family: var(--font-base);
  font-weight: 700;
}

p{
   font-size: 17px;
   font-weight: 300;
}

b,strong{
   font-weight: 800;
}

.medium500{
   font-weight: 500;
}

.medium{
   font-weight: 500;
   font-size: 20px;
}

h1{
   font-size: 40px;
   font-weight: 800;
}

h2{
   font-size: 27px;
   font-weight: 400;
}
pre {
   font-size: 17px!important;
   margin-bottom: 0!important;
   font-family: var(--font-base);
   overflow: hidden!important
}

pre.footer {
   font-size: 13px!important;
   margin-bottom: 0!important;
   font-family: var(--font-base);
   overflow: hidden!important;
}
/* =========================
   FINE BLOCCO: Fonts
   ========================= */

/* =========================
   INIZIO BLOCCO: Margini
   ========================= */

.mt-100{
   margin-top:100px;
}

.mb-100{
   margin-bottom: 100px;
}

.mt-30{
   margin-top:30px;
}

.mt-60{
   margin-top: 60px;
}

.pb-sito{
   padding-bottom:60px;
}

.pt-100{
   padding-top: 100px;
}

/* =========================
   FINE BLOCCO: Margini
   ========================= */

/* =========================
   INIZIO BLOCCO: Bordi + Link
   ========================= */
.border-10{
   border-radius:10px;
}

.border-40{
   border-radius:40px;
}

.border-right {
    border-right: 10px solid #6DBCAD;
}

.border-left {
    border-left: 10px solid #6DBCAD;
}

a.link{
   font-weight: 700;
   text-decoration: underline;
}

a.link:hover{
   color: #FBFDF3;
}

a.bottone {
    background-color: #454B5C;
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
    color: #FBFDF3;
    text-decoration: none;
    display: inline-block;
}

a.bottone:hover{
   background:#FBFDF3;
   color:#454B5C;
}

/* =========================
   FINE BLOCCO: Margini
   ========================= */

/* =========================
   NAVBAR
   ========================= */

.header-logo{
   max-width: 185px;
}

a.topbar-button {
    display: block;
    background-color: #454B5C;
    color: #FBFDF3;
    text-decoration: none;
    width: 100%;
}

a.topbar-button:hover {
    background-color: #FBFDF3;
    color: #454B5C;
}

a.topbar:hover{
   color:#6DBCAD;
}

li.menu-item > a {
   color: #FBFDF3;
   text-decoration: none;
   font-size: 17px;
}

li.menu-item > a:hover {
   color:#6DBCAD;
}

a.btn-prenota {
    text-decoration: none;
    background-color: #6DBCAD;
    padding: 5px;
    color: #FBFDF3;
    border-radius: 10px;
}

a.btn-prenota:hover {
    background-color:#FBFDF3;
    color:  #6DBCAD;
}

/* FOOTER */
.footer-top{ padding: 18px 0; }
.footer-bottom{ padding: 34px 0; }

/* TOP */
.footer-nav{
   flex-direction: row;
   gap: 10px;
   align-items: center;
}
.footer-nav .menu-item > a{
   color:#FBFDF3;
   font-weight:600;
   text-decoration:none;
}

.footer-nav > li > a{
   font-size: 16px;
}

.footer-nav > li {
   margin-left:10px;
}
.footer-nav .menu-item > a:hover{ opacity:.85; }

.footer-cta{ display:inline-block; }

.btn-scroll-top{
   width: 52px;
   height: 52px;
   border-radius: 999px;
   border: 1px solid #FBFDF3;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   text-decoration: none;
   color: #FBFDF3;
   font-weight: 700;
}

/* PILLS */
.footer-pill{
   background:#454B5C;
   color:#FBFDF3;
   padding: 10px;
   border-radius: 10px;
   text-decoration:none;
   display:inline-flex;
   align-items:center;
   gap:10px;
   font-size:14px;
}
.footer-pill:hover{
   background:#FBFDF3;
   color:#454B5C;
}

/* RAGIONE SOCIALE */
.footer-ragione-sociale,
.footer-ragione-sociale p{
   margin:0;
   color:#FBFDF3;
}

/* =========================
   RECENSIONI
   ========================= */
span.virgolette {
    font-size: 80px;
    padding: 0px;
    margin: 0px;
    color: #6DBCAD;
    font-weight: 700;
}

.scheda-recensione {
    border: 1px solid #EDF6EC;
    border-radius: 10px 10px 0 0;
    padding-left: 12px;
    padding-right: 12px;
    min-height: 615px;
    position: relative;
}

.nome-recensione {
   background-color: #EDF6EC;
   padding: 10px;
   position: absolute;
   bottom: 0;
   width: 100%;
}

/* CSS (mantieni la tua UI: reset tema owl + frecce esterne) */
.recensioni-owl.owl-theme .owl-dots,
.recensioni-owl .owl-dots{ display:none !important; }

.recensioni-owl .owl-stage{ display:flex; }
.recensioni-owl .owl-item{ display:flex; }
.recensioni-owl .owl-item .item{ width:100%; display:flex; }
.recensioni-owl .scheda-recensione{ width:100%; height:100%; position:relative; padding-bottom:70px; }
.recensioni-owl .scheda-recensione .nome-recensione{ position:absolute;bottom:0; }

/* NAV */
.recensioni-owl .owl-nav{
  position:absolute;
  top:50%;
  left:0;
  right:0;
  transform:translateY(-50%);
  pointer-events:none;
}
.recensioni-owl .owl-nav button{
  pointer-events:auto;
  position:absolute;
  width:46px;
  height:46px;
  border-radius:999px;
  background:#6DBCAD !important;
  border:0 !important;
  opacity:1 !important;
  box-shadow:none !important;
}
.recensioni-owl .owl-nav button.owl-prev{ left:-60px; }
.recensioni-owl .owl-nav button.owl-next{ right:-60px; }
.recensioni-owl .owl-nav button.owl-prev:hover{ left:-60px; }
.recensioni-owl .owl-nav button.owl-next:hover{ right:-60px; }

.recensioni-owl .owl-nav button span{ display:none; }
.recensioni-owl .owl-nav button::before{
  content:'';
  display:block;
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-position:center;
  background-size:18px 18px;
}
.recensioni-owl .owl-nav button.owl-prev::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23454B5C' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}
.recensioni-owl .owl-nav button.owl-next::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23454B5C' d='M4.646 1.646a.5.5 0 0 0 0 .708L10.293 8l-5.647 5.646a.5.5 0 0 0 .708.708l6-6a.5.5 0 0 0 0-.708l-6-6a.5.5 0 0 0-.708 0z'/%3E%3C/svg%3E");
}

/* mobile: frecce dentro */
@media (max-width: 767.98px){
  .recensioni-owl .owl-nav button.owl-prev{ left:10px; }
  .recensioni-owl .owl-nav button.owl-next{ right:10px; }
}

/* =========================
   MAGAZINE
   ========================= */
.scheda-articolo{
   min-height: 840px;
}

.location{
   min-height: 345px;
}
/* =========================
   CONTATTI
   ========================= */

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    background-color: #C7E5D9;
    border-radius: 10px;
    border: 1px solid #C7E5D9;
    padding: 5px;
    width: 100%;
}

textarea {
    background-color: #C7E5D9;
    border-radius: 10px;
    border: 1px solid #C7E5D9;
    padding: 15px;
    width: 100%;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    background: #454B5C;
    border: 1px solid #454B5C;
    color: #FBFDF3;
    border-radius: 10px;
    padding: 5px;
}

.img-prenota {
    object-fit: cover;
}

.navbar .menu-item.current-menu-item > a,
.navbar .menu-item.current-menu-parent > a,
.navbar .menu-item.current-menu-ancestor > a,
.navbar .menu-item.current_page_item > a,
.navbar .menu-item.current_page_parent > a,
.navbar .menu-item.current_page_ancestor > a {
   font-weight: 800;
}

img.homepage {
    border-bottom-right-radius: 100px;
}