/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* Prodotti correlati: WC Builder (width calc(25% - 16px) + margin 8px) e Salient
   (margin-right 1.3% !important) si sommano e sopra ~1025px di contenitore la 4a card
   va a capo. Riallinea il margine destro agli 8px della griglia del plugin. */
@media (min-width: 1000px) {
    .woocommerce div.product .related.products ul.products.columns-4 li.product:not(.last) {
        margin-right: 8px !important;
    }
}
/* Sotto i 1000px la width del plugin (4 colonne) vince su Salient (2 colonne, 48%)
   e su smartphone restano 4 card da ~66px. Due colonne come le altre griglie del sito. */
@media (max-width: 999px) {
    body.woocommerce div.product .related.products ul.products.columns-4 li.product {
        width: calc(50% - 8px) !important;
        margin-left: 0 !important;
        margin-right: 16px !important;
    }
    body.woocommerce div.product .related.products ul.products.columns-4 li.product:nth-child(2n) {
        margin-right: 0 !important;
    }
}

/* Menu header: le voci su 2 parole ("Chi siamo", "Lavora con noi") hanno
   white-space:normal + flex-shrink:1 nel tema. Tra ~1000px e ~1330px (sopra il
   breakpoint hamburger, sotto lo spazio comodo) il flex le stringe, il testo va
   a capo su 2 righe e la 2a riga esce dall'header sovrapponendosi a hero/contenuto
   sotto. nowrap evita il wrap: gli item restano su una riga, al piu' un po' compressi. */
.sf-menu .menu-title-text {
    white-space: nowrap;
}