/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Marco Dore
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
*/
/*
 * Add your own custom css below this text.
 */
:root {
    --colore-bianco: #FFFFFF;
    --colore-verde: #28a745;
    --colore-giallo: #a66409;
    --colore-celeste: #003366;
    --colore-grigio: #404040;
}

header {
    margin: 0px !important;
}

/* Outline */
a:focus,
.focus a {
    outline: none !important;
}

a {
    color: var(--colore-celeste);
}

a.mega-menu-link {
    color: var(--colore-celeste) !important;
}

/* pulsanti */

a.button {
    font-weight: 500;
    transition: color 0.5s;
    width: 8rem;
    border-radius: 6px;
}

a.button:hover {
    color: var(--colore-giallo);
}

.pulsante-gutemberg {
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.5s !important;
    border-radius: 6px !important;
    color: var(--colore-bianco) !important;
    background-color: var(--colore-celeste) !important;
}

.pulsante-gutemberg:hover {
    color: var(--colore-giallo) !important;
}

/* menu primario */
div.storefront-primary-navigation {
    display: none;
}

/* menu item */
nav.secondary-navigation {
    text-transform: uppercase;
}

/* titoli prodotto */
h1.product_title.entry-title {
    font-size: 2.0rem;
    margin-bottom: 0 !important;
}

h2.woocommerce-loop-product__title {
    font-size: 1.0rem !important;
    font-family: Roboto !important;
}

h2.wc-block-components-title.wc-block-components-checkout-step__title {
    font-size: 2.4rem;
}

/* area sinistra della pagina */
ul.product-categories {
    color: var(--colore-giallo);
}

.product-categories a {
    color: var(--colore-celeste) !important;
}

.product-categories a:hover {
    color: var(--colore-giallo) !important;
}

.product-categories .current-cat a {
    color: var(--colore-giallo) !important;
}

span.gamma.widget-title {
    color: var(--colore-celeste) !important;
}

span.product-title {
    color: var(--colore-celeste) !important;
}

ul.product-categories.li.a {
    color: var(--colore-celeste);
}

div.price_slider.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {
    z-index: 0 !important;
}

/* pulsanti in prima pagina **/
a.button.product_type_variable.add_to_cart_button {
    border-radius: 6px;
}

/* Header */
header#masthead {
    padding-top: 1.0rem !important;
    margin-bottom: 0 !important;
}

header>.gb-container {
    padding-top: 0 !important;
}

/* nasconde il titolo della pagina */
header.entry-header {
    display: none !important;
}

/* ZOOM IMMAGINI */
.img-zoom {
    transition: transform 0.5s ease-in-out;
}

.img-zoom:hover {
    transform: scale(1.05);
}

/* menu item attivo footer */

.menu-item.current-menu-item {
    font-weight: 700 !important;
    color: var(--colore-celeste) !important;
}

.menu-item a {
    padding-bottom: 4px !important;
    transition: box-shadow 0.5s linear !important;
    text-decoration: none !important;
}

.menu-item a:hover {
    box-shadow: inset 0 -4px 0 0 var(--colore-giallo) !important;
    /*outline: none !important;*/
}

.product-categories .cat-item a,
.product_list_widget a {
    text-decoration: none !important;
}

widget-area .widget a,
.hentry .entry-header .posted-on a,
.hentry .entry-header .post-author a,
.hentry .entry-header .post-comments a,
.hentry .entry-header .byline a {
    color: var(--colore-grigio) !important;
    text-decoration: none !important;
}

/* BreadCrumb */
nav.woocommerce-breadcrumb {
    color: var(--colore-bianco);
}

/* BreadCrumb */
nav.woocommerce-breadcrumb a {
    color: var(--colore-bianco);
    text-decoration: none;
}

.storefront-breadcrumb {
    margin-bottom: 10px !important;
    background-color: var(--colore-celeste);
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    border-radius: 6px !important;
}

.main-navigation ul.menu>li>a,
.main-navigation ul.nav-menu>li>a {
    padding: 1.0em 0.5em !important;
}

.site-header-cart .cart-contents {
    padding: 1.0em 0.5em !important;
}

.site-header .site-branding img {
    height: auto;
    max-width: 180px;
    max-height: none;
}

input#woocommerce-product-search-field-0 {
    border-radius: 16px;
}

h2.woocommerce-loop-category__title,
mark.count {
    color: var(--colore-giallo) !important;
}

.woocommerce-result-count {
    display: none !important;
}

.footer-widgets {
    padding-top: 2em !important;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
}

.content-area,
.widget-area {
    margin-bottom: 0 !important;
}

.site-header-cart .cart-contents {
    color: var(--colore-celeste);
}

.variable-item-contents {
    width: 160px !important;
}

/* prezzo del prodotto */
span.woocommerce-Price-amount.amount {
    color: var(--colore-celeste);
    font-weight: 600;
    font-size: 1.0rem;
}

/* nasconde il reset */
a.reset_variations {
    display: none !important;
}

/* Cambia l'aspetto del campo quantità */
.quantity input[type="number"] {
    width: 60px;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
    border: 2px solid var(--colore-celeste);

}

/* Stile per i pulsanti di incremento/decremento */
.quantity .plus,
.quantity .minus {
    background-color: var(--colore-celeste);
    color: var(--colore-bianco);
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border-radius: 5px;
    cursor: pointer;
}

/* FAQ ACCORDION START*/

/* titolo dell'accordion */
.gutena-accordion-block>.gutena-accordion-block__panel>.gutena-accordion-block__panel-title>.gutena-accordion-block__panel-title-inner h3,
.gutena-accordion-block>.gutena-accordion-block__panel>.gutena-accordion-block__panel-title>.gutena-accordion-block__panel-title-inner h4 {
    color: var(--colore-celeste) !important;
}

.gutena-accordion-block__panel-title-inner {
    font-family: inherit;
}

.gutena-accordion-block__panel-content-inner {
    font-size: inherit;
    background-color: #cfe2ff;
}

.gutena-accordion-block>.gutena-accordion-block__panel>.gutena-accordion-block__panel-content>.gutena-accordion-block__panel-content-inner>:last-child {
    padding: 20px 20px 10px 0px;
}

.gutena-accordion-block>.gutena-accordion-block__panel>.gutena-accordion-block__panel-title {
    padding: 10px 15px 0px 15px;
}

/* RESPONSIVE END */

/* spazio prima del footer */
.edit-link {
    display: none;
    /* link modifica */
}

/* testo menu del footer */
.site-footer a:not(.button):not(.components-button) {
    color: var(--colore-celeste);
}

/* icona del menu */
.widget_nav_menu ul li {
    color: var(--colore-giallo);
}

/* linea del prezzo */
.widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle {
    background-color: var(--colore-celeste);
}

/* pulsante filtra */
.widget_price_filter .price_slider_amount .button {
    border-radius: 6px;
}

.site-info {
    text-align: center;
}

footer#colophon {
    padding-bottom: 0px !important;
}

.widget {
    margin: 0 0 2em !important;
}

/* estende linea */

.site-info {
    position: relative;
    padding: 20px;
    text-align: center;
    background-color: var(--colore-celeste);
    margin-left: -160px;
    margin-right: -160px;
    width: calc(100% + 300px);
    color: white;
}

.site-info::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 2px;
    background-color: var(--colore-celeste);
    margin-left: -160px;
    margin-right: -160px;
}

a.socket-mws {
    font-weight: 600;
    color: var(--colore-bianco) !important;
    text-decoration: none;
    transition: color 0.5s;
}

a.socket-mws:hover {
    font-weight: 600;
    color: var(--colore-giallo) !important;
    text-decoration: none;
}

span.gamma.widget-title {
    font-size: medium;
    font-weight: 600;
}

/* MEGA MENU */

/* dimensiona le immagini del menu */

#mega-menu-wrap-secondary #mega-menu-secondary input,
#mega-menu-wrap-secondary #mega-menu-secondary img {
    max-width: 50% !important;
}

#mega-menu-wrap-secondary #mega-menu-secondary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-secondary #mega-menu-secondary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
    margin-left: -40px !important;
}

/* Modal */
a#openModal {
    color: var(--colore-celeste) !important;
    transition: color 0.5s ease !important;
}

a#openModal:hover {
    color: var(--colore-giallo) !important;
}

/* Nascondi l'icona di disponibilità per tutti i prodotti */
.woocommerce-page .product .stock::after {
    display: none !important;
}

/* Area Singolo Prodotto */
.spedizione-gratuita {
    font-weight: 600;
    line-height: 2.0;
}

.icone-pagamenti {
    display: flex;
    gap: 4px;
    align-items: center;
    color: var(--colore-celeste);
}

.pagamenti-sicuri {
    margin-left: -4px !important;
    line-height: 2;
}

.prodotto-disponibile {
    font-size: 1.0rem;
    color: var(--colore-verde);
    /*font-weight: bold;*/
    line-height: 2;
}

/* Area Singolo Prodotto Fine */

/* prezzo minimo massimo */
.price_label {
    font-size: 14px !important;
    color: var(--colore-celeste);
}

/* pulsante acquisto singolo prodotto, pulsante concludi pagamento */

.single_add_to_cart_button,
.wc-block-components-button {
    text-decoration: none !important;
    background-color: var(--colore-celeste) !important;
    border-radius: 6px;
    transition: background-color 0.5s !important;
}

/* Stili per il pulsante al passaggio del mouse (hover) */
.single_add_to_cart_button:hover,
.wc-block-components-button:hover {
    background-color: var(--colore-giallo) !important;
    /* Colore di sfondo durante il passaggio del mouse */
    color: #000;
    /* Cambia il colore del testo durante l'hover (opzionale) */
    text-decoration: none !important;
    /* Rimuove la sottolineatura anche durante l'hover */
}

input#email {
    color: var(--colore-celeste) !important;
}

/* filtro select */

.storefront-sorting select {
    padding: 11px !important;
    color: var(--colore-celeste);
    font-size: 1rem;
    border-radius: 6px;
}

.storefront-sorting select.orderby {
    border: solid 2px var(--colore-celeste)
}

.storefront-sorting select.orderby:focus,
.storefront-sorting select.orderby:active {
    border: solid 2px var(--colore-celeste)
}

/* filtro select fine*/
/* Smartphone */

@media (max-width: 767px) {

    section {
        /* border: solid 2px crimson;*/
        margin: 0 !important;
        padding: 1.25rem 1.25rem !important;

    }

    section.gb-container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    footer {
        /* border: solid 2px green;*/
    }

    div.block.footer-widget-1,
    div.block.footer-widget-2 {
        display: none !important;
    }

    .nascondi-mobile {
        display: none !important;
    }

    .mostra-mobile {
        display: block !important;
    }

    .margine-basso-mobile {
        margin-bottom: 30px !important;
    }

    div.storefront-primary-navigation {
        display: block;
    }

    .backtotop {
        display: none !important;
    }

    .storefront-breadcrumb {
        display: none !important;
    }

    .variable-item-contents {
        width: 140px !important;
    }

    /*
    .storefront-sorting select {
     padding: 11px !important;
     color: var(--colore-celeste);
     font-size: 1rem;
     border-radius: 6px;
    }
  
   .storefront-sorting select.orderby {
    border: solid 2px var(--colore-celeste) 
   }
  
   .storefront-sorting select.orderby:focus,
   .storefront-sorting select.orderby:active {
    border: solid 2px var(--colore-celeste) 
   }
    */

    .woocommerce-result-count {
        display: none !important;
    }

    /* Menu Mobile posiziona al centro */
	
    #site-navigation-menu-toggle {
        position: relative !important;
        transform: translateY(80%) !important;
    }
   
    /* Nascondi l'icona di default */
    #site-navigation-menu-toggle .menu-toggle-icon {
        display: none !important;
    }

    /* Aggiungi una nuova icona */
    #site-navigation-menu-toggle {
        background-image: url('https://pastafresca-online.it/wp-content/uploads/2024/10/ICONA-MOBILE.webp');
        background-repeat: no-repeat;
        background-size: contain;
        width: 48px;
        height: 48px;
		padding: 1rem;
    }

	/* Icona quando il menu è aperto */
	#site-navigation-menu-toggle.open {
	  background-image: url('https://pastafresca-online.it/wp-content/uploads/2024/10/ICONA-MOBILE-X.webp'); 
	  background-repeat: no-repeat;
	  background-size: contain;
	}
	
	button.menu-toggle:after, button.menu-toggle:before, button.menu-toggle span:before {
        background-color: transparent; 
     }

	button.menu-toggle, button.menu-toggle:hover {
       border-color: var(--colore-celeste) !important; 
   }
	
}

/* nascondi */
.nascondi {
	display: none !important;
}