/* RESET E IMPOSTAZIONI DI BASE */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font:inherit;font-size:100%;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*::after,*::before{box-sizing:border-box}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;text-rendering:optimizeLegibility}body{line-height:1.5;min-height:100vh;scroll-behavior:smooth}input,button,textarea,select{font-family:inherit}

/* FONT FACES (Questi rimangono per caricare i file dei font) */
@font-face {
  font-family: 'Courier Prime';
  src: url('/wp-content/themes/menuqr-monkeystudio/src/fonts/CourierPrime-Regular.woff2') format('woff2');
  font-weight: 400; /* normal */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Courier Prime';
  src: url('/wp-content/themes/menuqr-monkeystudio/src/fonts/CourierPrime-Italic.woff2') format('woff2');
  font-weight: 400; /* normal */
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Courier Prime';
  src: url('/wp-content/themes/menuqr-monkeystudio/src/fonts/CourierPrime-Bold.woff2') format('woff2');
  font-weight: 700; /* bold */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Courier Prime';
  src: url('/wp-content/themes/menuqr-monkeystudio/src/fonts/CourierPrime-BoldItalic.woff2') format('woff2');
  font-weight: 700; /* bold */
  font-style: italic;
  font-display: swap;
}

/* STILI GENERALI DEL TEMA */
html,body{font-size:16px}
body{
    font-family: var(--wp--preset--font-family--courier-prime);
    background-color: var(--wp--preset--color--light);
    color: var(--wp--preset--color--dark);
    border-top: 1rem solid var(--wp--preset--color--dark);

    /* --- INIZIO MODIFICHE BACKGROUND --- */
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('/wp-content/themes/menuqr-monkeystudio/src/img/ep_naturalwhite.webp');
    background-repeat: repeat; /* Ripete l'immagine per creare la texture */
    background-position: center center; /* Centra l'immagine */
    background-attachment: fixed; /* L'immagine di sfondo sta ferma mentre la pagina scorre */
    /* --- FINE MODIFICHE BACKGROUND --- */
}
a{color:currentColor;text-decoration:none;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);transition:all 150ms}
a:hover{text-decoration:none}
a:focus{outline:none}
strong,b{font-weight:700}
em,i{font-style:italic}
h1,h2,h3,h4,h5{
    font-family: var(--wp--preset--font-family--courier-prime);
    font-weight: 700; /* Aggiunto per usare la versione Bold */
    word-wrap:break-word
}
button,input[type=submit],input[type=reset]{-webkit-appearance:none;background-color:rgba(0,0,0,0);border:none;border-radius:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
button:hover,input[type=submit]:hover,input[type=reset]:hover{cursor:pointer}
button:focus,input[type=submit]:focus,input[type=reset]:focus{outline:none}
button:disabled:hover,input[type=submit]:disabled:hover,input[type=reset]:disabled:hover{cursor:not-allowed}

/* CLASSI DI UTILITY E LAYOUT */
.btn{
    border-color: var(--wp--preset--color--dark);
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    font-size: var(--wp--preset--font-size--small);
    line-height: 1;
    padding: 10px 40px;
    text-align: center;
    text-transform: uppercase;
    transition: all 150ms;
}
.btn:hover{cursor:pointer;text-decoration:none}
.container,.container_fluid{margin:0 auto;padding:0 1.5rem;max-width:100%;position:relative;width:100%;z-index:1}
@media only screen and (min-width: 768px){.container{width:46.125rem}}
@media only screen and (min-width: 992px){.container{width:60.125rem}}
@media only screen and (min-width: 1200px){.container{width:73.125rem}}
@media only screen and (min-width: 1500px){.container{width:91.875rem}}

/* COMPONENTI DEL TEMA */
html,body{height:100%}html{overscroll-behavior-y:none;scroll-behavior:smooth}
main{/*background-color:var(--wp--preset--color--light);*/position:relative;z-index:10}
@media(min-width: 64rem){body{border-top:none}}
.site_header{padding:2.5rem 0;position:relative;text-align:center;width:100%;z-index:1000}
.site_footer{font-size:1rem;text-align:center}
.site_footer__grid{display:grid;row-gap:2rem}
.site_footer__top{background-color:transparent;border-top:1px solid var(--wp--preset--color--light-grey);padding:0.9375rem 0}
.site_footer__top__link{background-color:transparent;border-radius:2.5rem;color:var(--wp--preset--color--dark);display:block;font-family:var(--wp--preset--font-family--courier-prime);font-weight: 700;font-size:1rem;padding:0.625rem 1.5rem;text-transform:uppercase}
.site_footer__middle{background-color:var(--wp--preset--color--dark);border-top:1px solid var(--wp--preset--color--dark);padding:0.9375rem 0; color: var(--wp--preset--color--light);}
.site_footer__bottom{background-color:var(--wp--preset--color--light);padding:0.9375rem 0}
.site_footer__bottom__social_wrapper{display:grid;row-gap:1.375rem}
.site_footer__bottom__social__title{font-family:var(--wp--preset--font-family--courier-prime);font-size:1rem;text-transform:uppercase}
.site_footer__bottom__social__nav{align-items:center;display:flex;gap:0.625rem;justify-content:center}
.site_footer__bottom__social__nav__item{align-items:center;aspect-ratio:1;background-color:var(--wp--preset--color--dark);border-radius:50%;display:flex;height:4.5625rem;justify-content:center;width:4.5625rem}
.site_footer__bottom__credits{font-size:var(--wp--preset--font-size--small)}
.site_footer__bottom__credits a{text-decoration:underline}
@media(min-width: 64rem){.site_footer{background-color:var(--wp--preset--color--grey)}.site_footer__top{display:none}}
.breadcrumbs{background-color:transparent;color:var(--wp--preset--color--dark);padding:1rem 0;text-align:center;text-transform:uppercase; border-bottom:1px solid var(--wp--preset--color--dark); border-top:1px solid var(--wp--preset--color--dark)}
.breadcrumbs a{text-decoration:underline}

/* STILI SPECIFICI DI PAGINA/TEMPLATE */
.type__list{display:grid;padding:3.75rem 0;row-gap:2.5rem}
.type__list a{border:1px solid var(--wp--preset--color--dark);border-radius:2.5rem;display:block;font-size:var(--wp--preset--font-size--large);padding:1.3125rem;text-align:center;text-transform:uppercase}
.type__list a:hover{background-color:var(--wp--preset--color--dark);color:var(--wp--preset--color--light)}
.menu__list{display:grid;text-align:center}
.menu__list__item{border-bottom:1px solid var(--wp--preset--color--light-grey);display:grid;padding:1.875rem 1.5rem;row-gap:1.125rem}
.menu__list__item__title{font-size:var(--wp--preset--font-size--extra-large)}
#menu__list__item__id__intestazione {background:var(--wp--preset--color--grey);color:var(--wp--preset--color--light);text-transform: uppercase;padding: 0.5rem 1.5rem;}
.menu__list__item__winemaker{font-size:1.0625rem}
.menu__list__item__description{font-size:1.0625rem;font-style:italic}
.menu__list__item__price_wrapper{-moz-column-gap:2.5rem;column-gap:2.5rem;display:flex;justify-content:center}
.menu__list__item__price{font-family:var(--wp--preset--font-family--courier-prime);font-weight: 700;font-size:var(--wp--preset--font-size--mid-large)}
.menu__list__item__allergens__title{font-size:1rem;text-transform:uppercase}
.menu__list__item__allergens{font-size:1rem}
.menu__list__item__allergens span{font-size:1.125rem}
.menu__list__item__allergens span::after{content:" - "}
.menu__list__item__allergens span:first-child::after,.menu__list__item__allergens span:last-child::after{content:""}
.menu__actions__list{align-items:center;-moz-column-gap:1rem;column-gap:1rem;display:flex;justify-content:center;padding:1rem 0;text-align:center}
.menu__actions__link{align-items:center;background-color:transparent;border-radius:2.5rem;color:var(--wp--preset--color--bark);-moz-column-gap:0.625rem;column-gap:0.625rem;display:inline-flex;flex:0 0 10.625rem;font-size:1.125rem;justify-content:center;padding:1.3rem 1.3rem;text-align:center;text-transform:uppercase;width:10.625rem}
.menu__actions__link img{display:block;translate:0 -0.25rem}
.menu__no_items{font-size:var(--wp--preset--font-size--large);padding:1.5rem;text-align:center}
.allergens__list{display:grid;text-align:center}
.allergens__list__item{border-bottom:1px solid var(--wp--preset--color--dark);display:grid;padding:1.875rem 1.5rem;row-gap:0.9375rem}
.allergens__list__item__title{font-size:var(--wp--preset--font-size--extra-large)}
.allergens__list__item__description{font-size:1.0625rem;font-style:italic}
.home_page__content{display:flex;flex-direction:column;justify-content:center;padding:3.5rem 0;row-gap:1rem;text-align:center}
.home_page__nav__list{display:grid;padding:3.75rem 0;row-gap:2.5rem}
.home_page__nav__list a{border:1px solid var(--wp--preset--color--dark);border-radius:2.5rem;display:block;font-size:var(--wp--preset--font-size--large);padding:1.3125rem;text-align:center;text-transform:uppercase}
.home_page__nav__list a:hover{background-color:var(--wp--preset--color--dark);color:var(--wp--preset--color--light)}
.home_page__baffo{display:none}
@media(min-width: 64rem){.home_page__content{min-height:70dvh;row-gap:4.625rem}.home_page__nav,.home_page__nav__list{display:none}.home_page__baffo{display:flex;flex-direction:column;justify-content:center;row-gap:2.5rem;text-align:center}}

/* Stile per l'icona del bicchiere */
.icon-glass-wrapper svg path {
  fill: var(--wp--preset--color--dark); /* Sostituisci con il colore che desideri, es. rosso */
}

/* Stile per l'icona della bottiglia */
.icon-bottle-wrapper svg path {
  fill: var(--wp--preset--color--dark); /* Sostituisci con il colore che desideri, es. blu */
}