/**
 * Love Month Badge - CSS Dedicato
 * File: wp-content/themes/flatsome-child/css/love-month-badge.css
 * 
 * ISTRUZIONI:
 * 1. Crea la cartella: wp-content/themes/flatsome-child/css/
 * 2. Salva questo file come: love-month-badge.css
 * 3. Il PHP lo caricherà automaticamente
 */

/* ============================================
   BASE BADGE STYLE
   ============================================ */

.poliottica-promo-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 2px 8px rgba(238, 90, 111, 0.3) !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    z-index: 20 !important;
    border: none !important;
    outline: none !important;
    margin: 0 !important;
}

.poliottica-promo-discount {
    margin-left: 4px !important;
    font-weight: 800 !important;
    color: inherit !important;
}

/* ============================================
   WRAPPER BADGE (per posizionamento)
   ============================================ */

/* Badge INLINE (dentro box-text, nel flusso normale) */
.poliottica-badge-wrapper.poliottica-badge-inline {
    position: relative !important;
    display: block !important;
    margin: 0 0 8px 0 !important; /* Spazio sotto il badge */
    padding: 0 !important;
    z-index: 1 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Badge generico (fallback) */
.poliottica-badge-wrapper {
    display: block !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* IMPORTANTE: Badge deve stare DENTRO il box-text, non fuori */
.poliottica-badge-wrapper {
    max-width: 100% !important;
}

/* ============================================
   CONTAINER RELATIVI - CARD PRODOTTI
   ============================================ */

/* Box-image contiene l'immagine */
.product-small .box-image,
li.product .box-image,
.products .product .box-image {
    position: relative !important;
}

/* Box-text contiene badge + titolo + prezzo */
.product-small .box-text,
li.product .box-text {
    position: relative !important;
    display: block !important;
}

/* Assicura che col-inner NON interferisca */
.product-small .col-inner,
li.product .col-inner {
    overflow: visible !important;
}

/* ============================================
   POSIZIONAMENTO BADGE NELLE CARD
   ============================================ */

/* Badge inline dentro box-text (posizione relativa nel flusso) */
.box-text .poliottica-badge-wrapper.poliottica-badge-inline,
.product-small .box-text .poliottica-badge-wrapper,
li.product .box-text .poliottica-badge-wrapper {
    position: relative !important;
    display: block !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    width: fit-content !important;
}

/* Badge dentro il wrapper (inline-block per centratura) */
.poliottica-badge-wrapper .poliottica-promo-badge {
    display: inline-block !important;
    position: relative !important;
    margin: 0 !important;
}

/* ============================================
   HOME PAGE - Forza massima visibilità
   ============================================ */

body.home .poliottica-badge-wrapper,
body.home .poliottica-promo-badge,
.home .poliottica-badge-wrapper,
.home .poliottica-promo-badge {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ============================================
   ARCHIVI (Shop, Categorie, Tag)
   ============================================ */

body.archive .poliottica-badge-wrapper,
body.archive .poliottica-promo-badge,
.archive .poliottica-badge-wrapper,
.archive .poliottica-promo-badge,
.woocommerce-page .poliottica-badge-wrapper,
.woocommerce-page .poliottica-promo-badge {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ============================================
   PAGINA PRODOTTO SINGOLO
   ============================================ */

.product-main .poliottica-promo-badge,
.single-product .poliottica-promo-badge,
.product-info .poliottica-promo-badge,
body.single-product .poliottica-promo-badge {
    display: block !important;
    position: relative !important;
    margin-bottom: 12px !important;
    width: fit-content !important;
    top: 0 !important;
    left: 0 !important;
}

/* ============================================
   QUICK VIEW
   ============================================ */

.product-quick-view .poliottica-promo-badge,
.mfp-content .poliottica-promo-badge,
.product-lightbox .poliottica-promo-badge {
    display: inline-block !important;
    margin-bottom: 10px !important;
}

/* ============================================
   FIX ELEMENTI SOVRAPPOSTI
   ============================================ */

/* Box-text deve contenere badge nel flusso normale */
.box-text,
.product-title,
.product-small .box-text,
li.product .box-text {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
}

/* Title wrapper dopo il badge */
.box-text .title-wrapper {
    margin-top: 0 !important;
}

/* Assicura spaziatura corretta tra badge e titolo */
.poliottica-badge-wrapper + .title-wrapper,
.poliottica-badge-wrapper + .name,
.poliottica-badge-wrapper + .product-title {
    margin-top: 0 !important;
}

/* Badge container di Flatsome non interferisce */
.badge-container {
    position: relative !important;
    z-index: 1 !important;
}

/* ============================================
   GRID FLATSOME - Fix specifici
   ============================================ */

/* Grid e colonne Flatsome - badge inline nel flusso */
.row .poliottica-badge-wrapper,
.row-small .poliottica-badge-wrapper,
.row-large .poliottica-badge-wrapper {
    position: relative !important;
    display: block !important;
    margin: 0 0 8px 0 !important;
}

/* ============================================
   WIDGET E SIDEBAR
   ============================================ */

.widget_products .poliottica-badge-wrapper,
.widget_recently_viewed_products .poliottica-badge-wrapper,
.widget_top_rated_products .poliottica-badge-wrapper,
.sidebar .poliottica-badge-wrapper {
    position: relative !important;
    display: block !important;
    margin: 0 0 6px 0 !important;
}

/* ============================================
   SLIDER E CAROUSEL
   ============================================ */

.flickity-viewport .poliottica-badge-wrapper,
.product-slider .poliottica-badge-wrapper,
.slider .poliottica-badge-wrapper {
    position: relative !important;
    display: block !important;
    margin: 0 0 8px 0 !important;
}

/* ============================================
   UPSELL E RELATED PRODUCTS
   ============================================ */

.related.products .poliottica-badge-wrapper,
.upsells.products .poliottica-badge-wrapper,
.cross-sells .poliottica-badge-wrapper {
    position: relative !important;
    display: block !important;
    margin: 0 0 8px 0 !important;
}

/* ============================================
   MOBILE RESPONSIVE
   ============================================ */

@media (max-width: 549px) {
    .poliottica-promo-badge {
        font-size: 11px !important;
        padding: 3px 8px !important;
    }
    
    .poliottica-badge-wrapper {
        margin: 0 0 6px 0 !important;
    }
}

@media (max-width: 479px) {
    .poliottica-promo-badge {
        font-size: 10px !important;
        padding: 2px 6px !important;
    }
    
    .poliottica-badge-wrapper {
        margin: 0 0 5px 0 !important;
    }
}

/* ============================================
   TABLET
   ============================================ */

@media (min-width: 550px) and (max-width: 849px) {
    .poliottica-promo-badge {
        font-size: 11px !important;
        padding: 3px 9px !important;
    }
}

/* ============================================
   UX BUILDER (editor Flatsome)
   ============================================ */

.ux-builder-preview .poliottica-badge-wrapper,
.ux-section .poliottica-badge-wrapper {
    display: block !important;
    visibility: visible !important;
}

/* ============================================
   FIX TEMI SPECIFICI FLATSOME
   ============================================ */

/* Product hover effects */
.product-small:hover .poliottica-badge-wrapper {
    opacity: 1 !important;
}

/* Product categories */
.product-category .poliottica-badge-wrapper {
    position: relative !important;
    display: block !important;
    margin: 0 0 8px 0 !important;
}

/* ============================================
   FORZA VISIBILITÀ - OVERRIDE AGGRESSIVO
   ============================================ */

/* Se tutto il resto fallisce, questi hanno priorità assoluta */
html body .poliottica-badge-wrapper {
    display: block !important;
}

html body .poliottica-promo-badge {
    display: inline-block !important;
}

/* ============================================
   DEBUG MODE (decommenta per debug)
   ============================================ */

/*
.poliottica-badge-wrapper::before {
    content: "WRAPPER DEBUG";
    position: absolute;
    top: -20px;
    left: 0;
    font-size: 9px;
    background: yellow;
    color: black;
    padding: 2px 4px;
    z-index: 99999;
    white-space: nowrap;
}

.poliottica-badge-wrapper::after {
    content: "z:" attr(data-product-id);
    position: absolute;
    bottom: -20px;
    left: 0;
    font-size: 9px;
    background: cyan;
    color: black;
    padding: 2px 4px;
    z-index: 99999;
}
*/