/*
 Theme Name:   Erreciweb Theme
 Theme URI:    https://www.erreciweb.com/
 Description:  Tema child sviluppato da Erreciweb su base Understrap.
 Author:       Erreciweb
 Author URI:   https://www.erreciweb.com/
 Template:     understrap
 Version:      1.0.0
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&display=swap');


body, p {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.2;
}
.section p{
    font-size:18px !important;
}
strong, b{
    font-weight: 700 !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 50px;
}
.footer-bottom p{
font-size: 14px;
}


@import url("../understrap/style.css");

/*personalizzazione menù header */
.sticky-top {
    z-index: 1030; /* più di modali, dropdown ecc. */
    background-color: #f7f5ef;
}

.main-navigation .nav > li > a {
    color: #581628 !important;
    font-weight: 600;
    text-decoration: none;
}

.main-navigation .nav > li > a:hover {
    color: #000 !important;
}
.main-navigation .nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.main-navigation .menu-item-has-children:hover > .sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
}

.main-navigation .sub-menu {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 200px;
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 1000;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease;
}

.main-navigation .sub-menu li a {
    color: #581628;
    padding: 10px 15px;
    display: block;
    text-decoration: none;
}

.main-navigation .sub-menu li a:hover {
    background-color: #f5f5f5;
}
#menu-menu-1 > li + li::before {
    content: "|";
    margin: 0 10px;
    color: #581628 !important;
}

/* Stile base del pulsante burger */
.custom-burger svg rect {
    fill: #581628; /* bordeaux Cantine Somma */
}


/*== MOBILE MENU ==*/

/* Mobile menu full height - 80% larghezza orizzontale */
#mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 80vw;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    padding-top: 80px;
    padding-left: 30px;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
}

/* Mostra il menu quando .show è attivo */
#mobile-menu.show {
    transform: translateX(0);
}

/* Personalizzazione elenco voci menu */
#mobile-menu .nav {
    list-style: none;
    padding-left: 0;
}

#mobile-menu .nav li {
    margin-bottom: 10px;
    text-align: left;
}

#mobile-menu .nav a {
    color: #600e28;
    font-size: 20px;
    text-decoration: none;
    font-weight: bold;
    display: block;
    transition: color 0.2s ease;
}

#mobile-menu .nav a:hover {
    color: #9d1236;
}

/*== FINE MOBILE MENU ==*/

/*PERSONALIZZAZIONE SFONDO*/
body{
    background-color: #f7f5ef !important;
}
.custom-burger svg {
    width: 40px;
    height: auto;
    display: block;
}
.custom-burger {
    background: none;
    border: none;
    padding: 0;
    position: relative; /* oppure absolute o fixed, se già lo è */
    z-index: 10000;
}

.burger-icon svg {
    width: 40px;
    height: auto;
    transition: all 0.3s ease-in-out;
}
#burger-icon rect {
  transition: transform 0.3s ease, y 0.3s ease;
  transform-origin: center;
}

#burger-icon.active #line1 {
  transform: rotate(45deg);
  y: 13px;
}

#burger-icon.active #line2 {
  transform: rotate(-45deg);
  y: 13px;
}



/* === HERO SECTION === */
.hero {
    background: url('/wp-content/uploads/2025/05/slide-home.jpeg') no-repeat center center;
    background-size: cover;
    text-align: center;
    color: white;
    min-height: 550px;
}

.hero h1 {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.4;
}

/* === SECTIONS === */
.section {
    padding: 60px 0;
}
.img-responsive{
    border-radius: 30px;
}

/* === TRADIZIONE E IMMAGINE === */
.section h2 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    font-weight: 600;
    color: #581628;
}

.section p {
    font-size: 1rem;
    color: #333;
}
p.paragrafor{
margin-bottom: 5px;
}

.section .btn {
    margin-top: 15px;
    border-radius: 30px;
    padding: 10px 20px;
}
.btn-outline-secondary{
    border-radius: 30px !important;
}
.btn-outline-secondary:hover{
background-color: #581628 !important;
border-color: #581628 !important;
}

/* === WHATSAPP BUTTON === */
.btn-success {
    background-color: #25D366;
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    color: white;
    font-weight: 600;
}

.btn-success:hover {
    background-color: #581628;
}
/* == PAGINA CHI SIAMO == */
.py-4 .paragrafo, .py-4 h2{
    text-align: center;
    color:#ffffff;
}

.bg-territorio{
    background-image: url(/wp-content/uploads/2025/05/img-bg-chisiamo-cantinesomma.jpeg);
    background-size: cover;
    text-align: center;
    color: white;
    min-height: 350px;
}

/* == PAGINA CONTATTI == */
.hero-contatti {
    background: url('/wp-content/uploads/2025/05/mappa.jpeg') no-repeat center center;
    background-size: cover;
    min-height: 550px;
}

/* === CARD VINI === */
.card {
    position: relative;
    overflow: hidden;
    border: none;
    text-align: center;
    margin-bottom: 30px;
    border-radius: 30px !important;
}

.card img {
    width: 100%;
    height: auto;
    display: block;
}

.overlay-center {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.overlay-center h3 {
    color: white;
    font-size: 1.6rem;
    font-weight: 700;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
    margin: 0;
}

/* Box personalizzato per la pagina Vini */
.vino-box img {
    border-radius: 0;
    width: 100%;
    height: auto;
    display: block;
}

.vino-box h3 {
    background-color: #581628;
    color: #fff;
    padding: 15px 20px;
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
}
/* == Personalizzazione contact form 7== */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 1px solid #581628 !important;
    border-radius: 12px !important;
    background-color: #f7f5ef !important;
    font-size: 1rem !important;
    margin-bottom: 20px !important;
    color: #333 !important;
    box-shadow: none !important;
}

.wpcf7 textarea {
    min-height: 150px !important;
}

.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    color: #999 !important;
    font-style: italic !important;
}

/* Pulsante */
.wpcf7-submit {
    background-color: transparent !important;
    border: 2px solid #581628 !important;
    color: #581628 !important;
    padding: 0px 30px !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    margin: 0 auto !important;
}

.wpcf7-submit:hover {
    background-color: #581628 !important;
    color: white !important;
}

/* == FINE Personalizzazione contact form 7== */