/*
Theme Name: Shoptimizer Child Theme
Theme URI: 
Description: Child theme of Shoptimizer
Author: CommerceGurus
Author URI: 
Template: shoptimizer
Version: 1.1.0
*/

/* ====================================
   VISIBILITÀ RESPONSIVE
==================================== */

@media (max-width: 992px) {
    .hide-mobile {
        display: none;
    }
}

@media (min-width: 992px) {
    body .header-widget-region {
        display: none !important;
    }
}

.optional {
    display: none;
}

/* ====================================
   CAMPI QUANTITÀ E CARRELLO
   (commentato temporaneamente per test)
==================================== */
/*
.woocommerce .quantity .input-text.qty.text {
    width: 70px;
    height: 59px;
    padding: 5px;
}

@media (min-width: 592px) {
    .cart .single_add_to_cart_button {
        width: calc(75% - 65px);
        height: 59px;
    }
}

table.cart .qty {
    max-width: 60px;
}

table.shop_table_responsive.cart thead {
    display: table-row-group;
}

table.shop_table_responsive.cart td.product-price,
table.shop_table_responsive.cart th.product-price {
    display: table-cell;
}
*/

/* ====================================
   STRUTTURA E LAYOUT
==================================== */

#container {
    display: inline-block;
}

div.product .summary {
    margin-right: 3%;
}

/* ====================================
   GESTIONE IMMAGINI RESPONSIVE
==================================== */

.woocommerce-Tabs-panel img,
.woocommerce-product-details__short-description img {
    aspect-ratio: auto;
    height: auto;
    width: auto;
    max-width: 100%;
}

img.square {
    width: 100%;
    height: auto;
}

.elementor-widget img {
    max-width: 100%;
    height: auto;
}

/* ====================================
   CHECKOUT - LAYOUT COLONNE
==================================== */

@media screen and (min-width: 993px) {
    /* Due colonne affiancate nel checkout */
    body .col2-set .form-row-first-80 {
        width: 58%;
        float: left;
    }

    body .col2-set .form-row-last-20 {
        width: 38%;
        float: right;
    }
}

@media screen and (max-width: 992px) {
    /* Spazio verticale nei campi del checkout su mobile */
    .form-row-last-20 {
        margin-top: 18px;
    }
}
/* caricamento font dal server */ 
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/wp-content/themes/shoptimizer-child-theme/fonts/IBMPlexSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/wp-content/themes/shoptimizer-child-theme/fonts/IBMPlexSans-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/*spazio fisso per elementi dinamici */
.master-popup-container {
  min-height: 300px;
}
#cookie-banner, .cookie-notice {
  min-height: 80px;
}
.wployalty-launcher {
  min-height: 100px;
  min-width: 100px;
}
.brevo-popup-wrapper {
  min-height: 300px;
}
/* altezza nota per overlay*/ 
.elementor-section.elementor-section-height-default {
  min-height: 400px;
}
/* nascondi descrizioni categorie nel menu mobile */
@media (max-width: 768px) {
  .offcanvas .category-description {
    display: none !important;
  }
}
/* ====================================
   LOGO MOBILE – DIMENSIONI PERSONALIZZATE
==================================== */
@media (max-width: 768px) {
  .site-header .custom-logo,
  .site-header .custom-logo-link {
    max-height: 40px !important;
    height: auto !important;
    width: auto !important;
  }

  .site-logo {
    max-height: 50px !important;
    height: auto !important;
  }
}
/* ====================================
   SKU sotto ADD to cart
==================================== */

div.product .product_meta {
border: none;
background: transparent;
text-align: left;
width: auto;
margin: 0;
clear: both;
left: inherit;
right: inherit;
font-size: 13px;
}
 
div.product .product_meta .posted_in,
div.product .product_meta .sku_wrapper,
div.product .product_meta .tagged_as {
display: block;
margin: 0;
}

/* Mostra solo lo SKU - nasconde categorie e tag */
.product_meta .posted_in,
.product_meta .tagged_as {
    display: none !important;
}

/* Opzionale: migliora l'aspetto dello SKU */
.product_meta .sku_wrapper {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-top: 10px;
}