/**
 * Yourbagitaly - Product Page Styles
 * Layout: Galleria scroll a sinistra, Info sticky a destra
 * Ispirato a mystylebags.it
 */

/* Header pagina prodotto: gestito interamente da global-header.css */

/* RESET STOREFRONT FLOAT LAYOUT */
body.single-product div.product .images,
body.single-product div.product .woocommerce-product-gallery,
body.single-product div.product .summary {
    float: none !important;
    clear: none !important;
}

body.single-product div.product::before,
body.single-product div.product::after {
    display: none !important;
    content: none !important;
}

/* ============================================================
   RIDUZIONE SPAZIO TRA BREADCRUMB E PRODOTTO
   ============================================================ */

/* Riduce margin-bottom del breadcrumb */
.single-product .woocommerce-breadcrumb,
body.single-product .woocommerce-breadcrumb,
.single-product nav.woocommerce-breadcrumb,
.single-product .storefront-breadcrumb,
body.single-product .storefront-breadcrumb {
    margin-bottom: 5px !important;
    padding-bottom: 0 !important;
}

/* Col-full dentro storefront-breadcrumb */
.single-product .storefront-breadcrumb .col-full,
body.single-product .storefront-breadcrumb .col-full {
    padding: 0 20px !important;
    margin: 0 !important;
}

/* Riduce padding del content area */
.single-product .site-main,
.single-product #primary,
.single-product .content-area,
body.single-product .site-main,
body.single-product #primary {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* IMPORTANTE: #content ha margin-top: 50px nel tema - rimuoviamo */
.single-product #content,
.single-product .site-content,
body.single-product #content,
body.single-product .site-content,
.single-product #content.site-content,
body.single-product #content.site-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Col-full dentro #content - RIMUOVI PADDING LATERALE */
.single-product #content > .col-full,
body.single-product #content > .col-full,
.single-product .site-content > .col-full,
body.single-product .site-content > .col-full {
    padding-top: 0 !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Riduce spazio del col-full nel content */
.single-product .site-main > .col-full,
.single-product #primary > .col-full,
body.single-product .hentry {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Notices wrapper - rimuove spazio */
.single-product .woocommerce-notices-wrapper,
body.single-product .woocommerce-notices-wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

/* Woocommerce container vuoto */
.single-product #content > .col-full > .woocommerce:empty,
body.single-product .woocommerce:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ============================================================
   LAYOUT PRINCIPALE PAGINA PRODOTTO
   ============================================================ */

/* Container principale prodotto */
body.single-product div.product,
body.single-product #content div.product,
body.single-product .site-main div.product,
.single-product div.product,
.single-product .product {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    gap: 0 !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

/* ============================================================
   COLONNA SINISTRA - GALLERIA IMMAGINI (SCROLL)
   ============================================================ */

body.single-product div.product .woocommerce-product-gallery,
body.single-product div.product .images,
.single-product .woocommerce-product-gallery,
.single-product .images {
    flex: 0 0 55% !important;
    width: 55% !important;
    max-width: 55% !important;
    position: relative !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: flex-start !important;
    box-sizing: border-box !important;
}

/* Rimuove spazio sopra la galleria e i suoi elementi interni */
.single-product .woocommerce-product-gallery > *:first-child,
.single-product .ybi-product-gallery > *:first-child,
.single-product .ybi-gallery-scroll,
.single-product .ybi-gallery-item:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* IMPORTANTE: Sovrascrive position: sticky; top: 100px della galleria */
.single-product .ybi-product-gallery,
body.single-product .ybi-product-gallery {
    position: relative !important;
    top: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Immagini galleria in colonna verticale */
.single-product .woocommerce-product-gallery .flex-viewport,
.single-product .woocommerce-product-gallery__wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
}

.single-product .woocommerce-product-gallery__image {
    width: 100% !important;
    margin: 0 0 15px 0 !important;
}

.single-product .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Nascondi thumbnails di default se presenti */
.single-product .flex-control-thumbs {
    display: none !important;
}

/* ============================================================
   COLONNA DESTRA - INFO PRODOTTO (STICKY)
   ============================================================ */

body.single-product div.product .summary.entry-summary,
body.single-product div.product .summary,
.single-product .summary.entry-summary,
.single-product .summary {
    flex: 0 0 40% !important;
    width: 40% !important;
    max-width: 40% !important;
    position: sticky !important;
    top: 10px !important;
    align-self: flex-start !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}


/* ============================================================
   TABS WOOCOMMERCE - NASCOSTI COMPLETAMENTE
   (descrizione prodotto è nel summary)
   ============================================================ */

body.single-product div.product .woocommerce-tabs,
.single-product .woocommerce-tabs,
.single-product div.product .woocommerce-tabs,
.woocommerce-tabs {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    flex: 0 0 0 !important;
}

/* ============================================================
   PRODOTTI CORRELATI - LARGHEZZA PIENA SOTTO LE DUE COLONNE
   ============================================================ */

body.single-product div.product .related.products,
body.single-product div.product section.related.products,
.single-product .related.products,
.single-product div.product .related.products,
.single-product section.related.products {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin-top: 60px !important;
    padding: 0 !important;
    clear: both !important;
    order: 99 !important;
    box-sizing: border-box !important;
}

.single-product .related.products > h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin-bottom: 40px !important;
}

/* Griglia prodotti correlati */
.single-product .related.products ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.single-product .related.products ul.products li.product {
    flex: 0 0 250px !important;
    max-width: 250px !important;
    margin: 0 !important;
}

/* Nascondi pulsante SCEGLI nei prodotti correlati */
.single-product .related.products ul.products li.product .button,
.single-product .related.products ul.products li.product a.button,
.single-product .related.products ul.products li.product .add_to_cart_button,
.single-product .related.products ul.products li.product a.added_to_cart {
    display: none !important;
}

/* Stile titolo prodotto correlato */
.single-product .related.products ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-decoration: underline !important;
    color: #000 !important;
}

/* Stile prezzo prodotto correlato */
.single-product .related.products ul.products li.product .price {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    color: #333 !important;
}

/* ============================================================
   STILI ELEMENTI INFO PRODOTTO
   ============================================================ */

/* Titolo prodotto */
.single-product .product_title,
.single-product .summary h1 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #000 !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
}

/* Prezzo */
.single-product .summary .price,
.single-product .price {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #000 !important;
    margin-bottom: 12px !important;
}

.single-product .summary .price del {
    color: #999 !important;
    font-size: 16px !important;
    margin-right: 10px !important;
}

.single-product .summary .price ins {
    text-decoration: none !important;
    color: #c00 !important;
}

/* Descrizione breve */
.single-product .woocommerce-product-details__short-description {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #555 !important;
    margin-bottom: 15px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #eee !important;
}

/* ============================================================
   VARIAZIONI PRODOTTO (Colore, Taglia, ecc.)
   ============================================================ */

.single-product .variations {
    margin-bottom: 15px !important;
}

.single-product .variations tr {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 10px !important;
}

.single-product .variations label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #000 !important;
    margin-bottom: 5px !important;
}

.single-product .variations select {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 1px solid #ddd !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    background: #fff !important;
    cursor: pointer !important;
}

/* Swatches colore (se plugin attivo) */
.single-product .variation-swatches {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.single-product .swatch {
    width: 35px !important;
    height: 35px !important;
    border: 2px solid #ddd !important;
    cursor: pointer !important;
    transition: border-color 0.2s !important;
}

.single-product .swatch.selected,
.single-product .swatch:hover {
    border-color: #000 !important;
}

/* ============================================================
   QUANTITÀ E PULSANTE AGGIUNGI AL CARRELLO
   ============================================================ */

.single-product .quantity,
.single-product .summary .quantity,
.single-product form.cart .quantity {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #ddd !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

.single-product .quantity .qty {
    width: 50px !important;
    text-align: center !important;
    border: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    padding: 10px 5px !important;
    -moz-appearance: auto !important;
    -webkit-appearance: auto !important;
    appearance: auto !important;
}

/* MOSTRA le frecce dello spinner */
.single-product .quantity .qty::-webkit-outer-spin-button,
.single-product .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: auto !important;
    opacity: 1 !important;
    margin: 0 !important;
}

/* Pulsante Aggiungi al Carrello */
.single-product .single_add_to_cart_button,
.single-product button.single_add_to_cart_button,
.single-product .summary .single_add_to_cart_button,
.single-product form.cart .single_add_to_cart_button {
    background-color: #000 !important;
    color: #fff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 12px 25px !important;
    border: none !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    white-space: nowrap !important;
    height: 44px !important;
    line-height: 20px !important;
}

.single-product .single_add_to_cart_button:hover {
    background-color: #333 !important;
}

/* Form cart - Quantità e pulsante in riga */
.single-product form.cart,
.single-product form.cart.ybi-cart-with-wishlist {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 15px !important;
}

/* Variazioni full width, poi qty+button+wishlist in riga */
.single-product form.cart .variations {
    flex: 0 0 100% !important;
    width: 100% !important;
    margin-bottom: 10px !important;
}

/* Wishlist inline nel form */
.single-product form.cart .yith-wcwl-add-to-wishlist,
.single-product form.cart .yith-wcwl-add-to-wishlist.ybi-wishlist-inline,
.single-product .summary .yith-wcwl-add-to-wishlist.ybi-wishlist-inline,
.single-product .woocommerce-variation-add-to-cart .yith-wcwl-add-to-wishlist {
    flex-shrink: 0 !important;
    margin: 0 0 0 8px !important;
}

/* Variazioni dentro form.cart */
.single-product form.cart .variations_form,
.single-product form.cart .variations {
    width: 100% !important;
    margin-bottom: 10px !important;
}

/* Contenitore quantità + pulsante */
.single-product form.cart .woocommerce-variation-add-to-cart,
.single-product form.cart > .quantity,
.single-product form.cart > .single_add_to_cart_button {
    display: inline-flex !important;
    align-items: center !important;
}

.single-product .woocommerce-variation-add-to-cart,
.single-product .woocommerce-variation-add-to-cart.ybi-cart-with-wishlist {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
}

/* Quantità in variation container */
.single-product .woocommerce-variation-add-to-cart .quantity {
    flex-shrink: 0 !important;
}

/* Pulsante in variation container */
.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button,
.single-product .woocommerce-variation-add-to-cart button.single_add_to_cart_button {
    flex: 0 0 auto !important;
    width: auto !important;
}

/* Wishlist dentro variation-add-to-cart */
.single-product .woocommerce-variation-add-to-cart .yith-wcwl-add-to-wishlist,
.single-product .woocommerce-variation-add-to-cart .yith-wcwl-add-to-wishlist.ybi-wishlist-inline {
    flex-shrink: 0 !important;
    margin: 0 0 0 8px !important;
}

/* Contenitore wishlist dopo il pulsante */
.single-product .summary .ybi-wishlist-icon-only {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 8px !important;
}

/* ============================================================
   WISHLIST - ICONA CUORICINO INLINE CON PULSANTE
   ============================================================ */

/* Nascondi il wishlist duplicato con data-product-id="?" */
.single-product .yith-add-to-wishlist-button-block[data-product-id="?"],
.single-product .summary .yith-add-to-wishlist-button-block[data-product-id="?"] {
    display: none !important;
}

/* Wishlist inline con il pulsante */
.single-product .summary .yith-wcwl-add-to-wishlist,
.single-product .yith-wcwl-add-to-wishlist {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

/* Stile link wishlist - solo icona */
.single-product .yith-wcwl-add-to-wishlist a,
.single-product .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
    color: #555 !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
    font-size: 18px !important;
    box-sizing: border-box !important;
}

.single-product .yith-wcwl-add-to-wishlist a:hover {
    border-color: #000 !important;
    color: #000 !important;
}

/* Nascondi testo wishlist, mostra solo icona */
.single-product .yith-wcwl-add-to-wishlist .yith-wcwl-icon {
    margin: 0 !important;
}

.single-product .yith-wcwl-add-to-wishlist a span:not(.yith-wcwl-icon),
.single-product .yith-wcwl-add-to-wishlist .feedback {
    display: none !important;
}

/* Link "Vedi lista" - stile compatto */
.single-product .yith-wcwl-wishlistexistsbrowse a,
.single-product .yith-wcwl-wishlistaddedbrowse a {
    width: auto !important;
    padding: 0 10px !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Mostra testo "vedi lista" */
.single-product .yith-wcwl-wishlistexistsbrowse a span,
.single-product .yith-wcwl-wishlistaddedbrowse a span {
    display: inline !important;
}

/* Social share */
.single-product .ybi-social-share {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-top: 25px !important;
    padding-top: 20px !important;
    border-top: 1px solid #eee !important;
}

.single-product .ybi-social-share span {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #000 !important;
}

.single-product .ybi-social-share a {
    width: 35px !important;
    height: 35px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #ddd !important;
    color: #555 !important;
    transition: all 0.2s !important;
}

.single-product .ybi-social-share a:hover {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}

/* ============================================================
   DESCRIZIONE PRODOTTO NEL SUMMARY
   ============================================================ */

.single-product .ybi-product-description {
    margin-top: 20px !important;
    padding-top: 20px !important;
    border-top: 1px solid #eee !important;
}

.single-product .ybi-description-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #000 !important;
    margin: 0 0 12px 0 !important;
}

.single-product .ybi-description-content {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: #555 !important;
}

.single-product .ybi-description-content p {
    margin: 0 0 10px 0 !important;
}

.single-product .ybi-description-content p:last-child {
    margin-bottom: 0 !important;
}

/* ============================================================
   META PRODOTTO (SKU, Categorie, Tag)
   ============================================================ */

.single-product .product_meta {
    margin-top: 25px !important;
    padding-top: 20px !important;
    border-top: 1px solid #eee !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    color: #666 !important;
}

.single-product .product_meta > span {
    display: block !important;
    margin-bottom: 8px !important;
}

.single-product .product_meta a {
    color: #000 !important;
    text-decoration: underline !important;
}

/* ============================================================
   RESPONSIVE - TABLET
   ============================================================ */

@media (max-width: 992px) {
    .single-product div.product,
    .single-product .product {
        flex-direction: column !important;
        gap: 30px !important;
    }

    .single-product .woocommerce-product-gallery,
    .single-product .images {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }

    .single-product .summary.entry-summary,
    .single-product .summary {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        position: relative !important;
        top: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
    }

    .single-product .related.products ul.products li.product {
        flex: 0 0 200px !important;
        max-width: 200px !important;
    }
}

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

@media (max-width: 768px) {
    .single-product div.product {
        padding: 20px 15px !important;
    }

    .single-product .product_title {
        font-size: 22px !important;
    }

    .single-product .summary .price {
        font-size: 20px !important;
    }

    .single-product .single_add_to_cart_button {
        padding: 14px 20px !important;
        font-size: 13px !important;
    }

    .single-product .related.products ul.products li.product {
        flex: 0 0 150px !important;
        max-width: 150px !important;
    }
}

/* ============================================================
   ANIMAZIONI E TRANSIZIONI
   ============================================================ */

.single-product .woocommerce-product-gallery__image img {
    transition: transform 0.3s ease !important;
}

.single-product .woocommerce-product-gallery__image:hover img {
    transform: scale(1.02) !important;
}

/* ============================================================
   RIMUOVI ELEMENTI NON NECESSARI
   ============================================================ */

/* Nascondi navigazione prodotto precedente/successivo ai lati */
.single-product .storefront-product-pagination,
.single-product .product-navigation,
.single-product nav.woocommerce-pagination,
.single-product .storefront-single-product-pagination,
.single-product .post-navigation,
.single-product .woocommerce-product-gallery__trigger + .storefront-product-pagination,
body.single-product .storefront-product-pagination {
    display: none !important;
}

/* Nascondi frecce laterali navigazione prodotti Storefront */
.single-product .storefront-product-pagination a,
.storefront-product-pagination {
    display: none !important;
    visibility: hidden !important;
}