.elementor-page .site-content .ast-container, 
.elementor-page #content .ast-container,
.elementor-page .site-main {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.site-logo-img img, 
img.custom-logo {
    filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}
/* Force overall background to black and main text to white */
body, 
#page, 
.site, 
#content,
.woocommerce-page,
.ast-separate-container {
    background-color: #111111 !important; /* Rich Dark Black */
    color: #ffffff !important; /* Crisp White Text */
}

/* Fix product cards, archive grids, and shop item backgrounds safely */
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product,
.ast-archive-description,
/* Targets ONLY the category grid items inside a product listing grid layout */
.woocommerce ul.products li.product-category,
.woocommerce-page ul.products li.product-category {
    background-color: #000000 !important;
    color: #ffffff !important;
    align-items: center;
}

/* Force headings (Product Titles, Section Titles) to remain white/gold */

.entry-title, 
.woocommerce-loop-product__title, 
.woocommerce div.product .product_title {
    color: #ffffff !important;
}

/* Price tags color (Yellow/Gold accent looks amazing on black) */
.woocommerce div.product p.price, 
.woocommerce div.product span.price, 
.woocommerce ul.products li.product .price {
    color: #ffcc00 !important; 
}

/* Fix meta texts, categories description, and breadcrumbs */
.woocommerce-breadcrumb, 
.product_meta, 
.woocommerce-product-details__short-description {
    color: #e0e0e0 !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .ast-archive-description, .product-category {
    background-color: #000000 !important;
    color: #ffffff !important;
    align-items: center;
}
.woocommerce-js ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    text-align: center;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price {
    color: #D94E0F !important;
    text-align: center;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .widget_layered_nav_filters ul li.chosen a, .woocommerce-page ul.products li.product .ast-woo-product-category, .wc-layered-nav-rating a {
    color: #ffffff;
    text-align: center;
}

h1, h2, h3, h4, h5, h6, .entry-title, .woocommerce-loop-product__title, .woocommerce div.product .product_title {
    font-size: 25px;
    text-transform: uppercase;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .widget_layered_nav_filters ul li.chosen a, .woocommerce-page ul.products li.product .ast-woo-product-category, .wc-layered-nav-rating a {
    color: #ffffff;
    text-align: left;
    font-size: 16px;
    padding-bottom: 10px;
}
.woocommerce-js div.product form.cart .variations label {
    font-weight: 700;
    color: white;
}
.woocommerce-page ul.products li.product .ast-woo-product-category, .wc-layered-nav-rating a {
    text-align: center;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .widget_layered_nav_filters ul li.chosen a, .woocommerce-page ul.products li.product .ast-woo-product-category, .wc-layered-nav-rating a {
    text-align: center;
}

.woocommerce-js div.product .woocommerce-tabs ul.tabs li a {
    color: white;
}
#jp-relatedposts {
    display: none !important;
}
.woocommerce-js div.product .woocommerce-tabs .shop_attributes th {

    color: white !important;
  
}
@media (min-width: 922px) {
    /* Sets the width to 50% */
    .woocommerce #content .ast-woocommerce-container div.product div.images, 
    .woocommerce .ast-woocommerce-container div.product div.images, 
    .woocommerce-page #content .ast-woocommerce-container div.product div.images, 
    .woocommerce-page .ast-woocommerce-container div.product div.images {
        width: 50% !important;
    }

    /* Restricts the image height to shorten the page scroll */
    .woocommerce div.product div.images img,
    .woocommerce-page div.product div.images img {
        max-height: 400px !important; /* Adjust this number (e.g., 350px or 450px) to find your perfect length */
        object-fit: cover !important;  /* Prevents the image from stretching or distorting */
        width: 100% !important;
    }
}
.woocommerce-js div.product .product_meta {
    border-top: 1px solid var(--ast-border-color);
    
    display: none;
}
/* Style the variation dropdown select box */
.woocommerce-js div.product form.cart .variations select,
.woocommerce div.product form.cart .variations select {
    background-color: #000000 !important; /* Pure Black Background */
    color: #ffffff !important;            /* Crisp White Text */
    border: 1px solid #333333 !important; /* Subtle dark border */
    padding: 10px 15px !important;       /* Clean internal spacing */
    border-radius: 4px !important;        /* Clean slightly rounded corners */
    font-size: 15px !important;
}

/* Ensure the drop-down menu options inside the box display properly */
.woocommerce-js div.product form.cart .variations select option,
.woocommerce div.product form.cart .variations select option {
    background-color: #000000 !important; /* Black background for options list */
    color: #ffffff !important;            /* White text for options list */
}

/* Center the global short description text to match your theme alignment */
.global-single-desc {
    text-align: left !important;
}
/* Reorder the single product summary contents using Flexbox */
.woocommerce div.product .summary.entry-summary {
    display: flex !important;
    flex-direction: column !important;
}

/* 1. Base Product Title */
.woocommerce div.product .summary .product_title {
    order: 1 !important;
}

/* 2. Base Product Price (or price range) */
.woocommerce div.product .summary > .price {
    order: 2 !important;
	text-align:left;
}

/* 3. Variation Dropdown / Buttons Panel (Crucial step) */
.woocommerce div.product .summary .variations_form {
    order: 3 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 4. Force the dynamic variable price to load FIRST inside the form container */
.woocommerce div.product .summary .variations_form .single_variation_wrap {
    order: 1 !important;
}
.woocommerce-js h2 {
    margin-bottom: .7em;
    color: white;
	font-size:30px;
}
.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
    clear: both;
    display: none;
}
.elementor-kit-7 h1 {
    font-size: 40px;
    font-weight: 700;
	color: white;
    text-transform: uppercase;
}
.woocommerce-js .variations select, .woocommerce-js .woocommerce-ordering select {
    display: none;
}
/* Strip aggressive WordPress paragraph padding inside the footer */
.site-footer p.has-background,
.site-footer :root :where(p.has-background) {
    padding: 0 !important;
    margin-bottom: 10px !important; /* Kepp a clean uniform gap between paragraphs
																		 *  */
}
/* 1. Reset and protect all footer container backgrounds and boxes */
.site-footer, 
.site-footer *,
elementor-location-footer,
.elementor-location-footer .elementor-widget-container {
    background-color: black !important;
    align-items: unset !important;
}
h1:where(.wp-block-heading).has-background, h2:where(.wp-block-heading).has-background, h3:where(.wp-block-heading).has-background, h4:where(.wp-block-heading).has-background, h5:where(.wp-block-heading).has-background, h6:where(.wp-block-heading).has-background {
    padding: 0 !important;
}
/* Forza l'ordine corretto degli elementi all'interno di tutti i prodotti singoli (Semplici e Variabili) */
.woocommerce div.product .summary.entry-summary {
    display: flex !important;
    flex-direction: column !important;
}

/* 1. Titolo del prodotto in prima posizione */
.woocommerce div.product .summary .product_title,
.woocommerce div.product .summary h1.product_title {
    order: 1 !important;
}

/* 2. Prezzo del prodotto subito sotto il titolo */
.woocommerce div.product .summary > .price,
.woocommerce div.product .summary .price {
    order: 2 !important;
    text-align: left !important;
}

/* 3. La nostra descrizione dinamica personalizzata (Blocco Semplice) sotto il prezzo */
.woocommerce div.product .summary .kappa-simple-description-block,
.kappa-simple-description-block {
    order: 3 !important;
}

/* 4. Il pulsante del carrello o modulo acquisto in fondo */
.woocommerce div.product .summary form.cart {
    order: 4 !important;
}

/* ==========================================
   OTTIMIZZAZIONE MOBILE PER PAGINE CATEGORIA
   ========================================== */
@media (max-width: 767px) {
    
    /* 1. Titolo principale della pagina/categoria (es. "HAMBURGER") */
    .woocommerce-products-header__title,
    .ast-archive-description .page-title,
    .elementor-kit-7 h2,
    h1.page-title {
        font-size: 22px !important;
        text-transform: uppercase !important;
    }

    /* 2. Titolo dei singoli prodotti nella griglia (es. "CHICKEN BURGER") */
    .woocommerce-js ul.products li.product .woocommerce-loop-product__title, 
    .woocommerce-page ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 13px !important;
        text-transform: uppercase !important;
    }

    /* 3. Prezzo dei prodotti nella griglia (es. "€ 6 – € 10") */
    .woocommerce ul.products li.product .price, 
    .woocommerce div.product p.price, 
    .woocommerce div.product span.price,
    .woocommerce-page ul.products li.product .price {
        font-size: 13px !important;
    }

    /* 4. Nome della categoria sopra/sotto il titolo del prodotto (se mostrato) */
    .woocommerce-page ul.products li.product .ast-woo-product-category,
    .woocommerce ul.products li.product .ast-woo-product-category,
    .product-category h2.woocommerce-loop-category__title {
        font-size: 13px !important;
        text-transform: uppercase !important;
    }
}

@media (max-width: 767px) {
    /* Riduce lo spazio interno e i margini della scheda prodotto nella griglia */
    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    /* Avvicina il nome della categoria al titolo */
    .woocommerce-page ul.products li.product .ast-woo-product-category,
    .woocommerce ul.products li.product .ast-woo-product-category {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
        padding-bottom: 0 !important;
        line-height: 1.2 !important;
    }

    /* Avvicina il titolo del prodotto al prezzo */
    .woocommerce-js ul.products li.product .woocommerce-loop-product__title, 
    .woocommerce-page ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
        padding-bottom: 0 !important;
        line-height: 1.2 !important;
    }

    /* Riduce lo spazio intorno al blocco del prezzo */
    .woocommerce ul.products li.product .price,
    .woocommerce-page ul.products li.product .price {
        margin-top: 2px !important;
        margin-bottom: 5px !important;
        padding-bottom: 0 !important;
        line-height: 1.2 !important;
    }
}

/* ==========================================
   SPAZIATURA GRIGLIA PRODOTTI SOLO PER MOBILE
   ========================================== */
@media (max-width: 767px) {
    /* 1. Forza il contenitore a mostrare 2 colonne con un gap fisso di 10px */
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    .woocommerce-page[class*="woocommerce"] ul.products {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important; /* Spazio esatto di 10px sia orizzontale che verticale */
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
    }

    /* 2. Ricalcola la larghezza delle schede per farle entrare perfettamente su due colonne */
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product,
    .woocommerce-page[class*="woocommerce"] ul.products li.product {
        width: calc(50% - (10px / 2)) !important; /* Divide lo schermo a metà sottraendo i 10px di spazio */
        margin: 0 !important;
        float: none !important;
        box-sizing: border-box !important;
    }
}
/* Mobile: Short product description font size */
@media (max-width: 767px) {
    .woocommerce-product-details__short-description,
    .woocommerce-product-details__short-description p {
        font-size: 13px !important;
        line-height: 1.4 !important; /* Ensures the text remains readable at the smaller size */
    }

	@media only screen and (max-width: 767px) {
    /* 1. Force a clean, symmetrical 2x2 grid layout with a 10px gap */
    .eael-product-grid-column-mobile-2 .eael-product-grid .woocommerce ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 2. Style individual product cards */
    .eael-product-grid-column-mobile-2 .eael-product-grid .woocommerce ul.products li.product {
        background-color: #111111 !important;
        width: 100% !important; /* Overrides default widths to let the grid manage sizes */
        margin: 0 !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }

    /* 3. Force 13px size for titles and prices inside the grid */
		
    .eael-product-grid-column-mobile-2 .eael-product-grid .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .eael-product-grid-column-mobile-2 .eael-product-grid .woocommerce ul.products li.product .price {
			padding-top:10px;
        font-size: 13px !important;
        line-height: 1.3 !important;
    }
}
/* 1. Highly specific wrapper target with component overrides */
div.eael-product-grid ul.products li.product .eael-product-wrap, 
div.eael-post-grid ul.products li.product .eael-product-wrap {
    position: relative !important;
    overflow: hidden !important;
    background: #111111 !important;
    background-color: #111111 !important;
    border: 1px solid #1f1f1f !important;
    border-radius: 10px !important;
    
    /* Forces inner child elements to respect the 10px rounded corners */
    isolation: isolate !important; 
    box-shadow: none !important; 
}

/* 2. Strip conflicting styles from direct inner children */
div.eael-product-grid ul.products li.product .eael-product-wrap *, 
div.eael-post-grid ul.products li.product .eael-product-wrap * {
    border-color: transparent !important;
    box-shadow: none !important;
}
@media (max-width: 767px) {
    /* Targets the exact Elementor heading widget wrapper to force size changes */
    .elementor-1 .elementor-element.elementor-element-5d4a086 h1.elementor-heading-title,
    .elementor-1 .elementor-element.elementor-element-5d4a086 h2.elementor-heading-title,
    .elementor-1 .elementor-element.elementor-element-5d4a086 .elementor-heading-title {
        font-size: 30px !important;
        line-height: 0.9em !important;
    }
}
	@media (max-width: 767px) {
    /* 1. First Banner Heading Override */
    .elementor-1 .elementor-element.elementor-element-5d4a086 h1.elementor-heading-title,
    .elementor-1 .elementor-element.elementor-element-5d4a086 h2.elementor-heading-title,
    .elementor-1 .elementor-element.elementor-element-5d4a086 .elementor-heading-title {
        font-size: 30px !important;
        line-height: 0.9em !important;
    }

    /* 2. Second Banner Heading Override */
    .elementor-1 .elementor-element.elementor-element-ea09751 h1.elementor-heading-title,
    .elementor-1 .elementor-element.elementor-element-fc1595d h2.elementor-heading-title,
    .elementor-1 .elementor-element.elementor-element-ea09751 .elementor-heading-title {
        font-size: 30px !important;
        line-height: 0.9em !important;
    }
}
@media (max-width: 767px) {
    /* 1. Keep the main container wide and prevent it from collapsing into the center */
    .elementor-1 .elementor-element.elementor-element-e4afbc5 {
        display: block !important;
        width: 100% !important;
        max-width: 83% !important;
        padding: 0 !important;
        margin: 0 !important;
    }