/**
 * Yourbagitaly - Category Page Styles
 * Solo stili SPECIFICI della pagina categoria prodotto.
 * Gli stili dell'header (logo, menu, topbar) sono in global-header.css
 * che si carica su tutte le pagine.
 */

/* ============================================================
   LAYOUT FULL WIDTH - rimuove offset sidebar
   ============================================================ */

/* Forza il content a larghezza piena - sovrascrive right-sidebar di Storefront */
body.tax-product_cat #primary,
body.tax-product_cat #main,
body.tax-product_cat .site-main,
body.tax-product_cat .content-area,
body.tax-product_cat.right-sidebar #primary,
body.tax-product_cat.right-sidebar .content-area,
body.tax-product_cat.storefront-full-width-content #primary {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Nasconde la sidebar vuota */
body.tax-product_cat #secondary,
body.tax-product_cat .widget-area,
body.tax-product_cat.right-sidebar #secondary {
    display: none !important;
    width: 0 !important;
    float: none !important;
}

/* ============================================================
   TITOLO CATEGORIA - dentro .storefront-breadcrumb
   ============================================================ */

/* Nasconde l'header originale categoria (ora vuoto) */
body.tax-product_cat header.woocommerce-products-header {
    display: none !important;
}

/* Override padding/margin Storefront su .storefront-breadcrumb
   Default Storefront: padding: 1.41575em 0; margin: 0 0 3.706325903em;
   Ridotti per avvicinare il titolo all'header */
body.tax-product_cat .storefront-breadcrumb {
    padding: 0.4em 0 !important;
    margin: 0 !important;
}

/* Stile del titolo categoria */
body.tax-product_cat .ybi-category-page-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    color: #000 !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
}

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

@media (max-width: 768px) {
    body.tax-product_cat #primary {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}