/**
 * Theme Name: Storefront Child
 * Template:   storefront
 * ...other header fields
 */



.tagged_as { visibility:hidden; }
.wc-backward { visibility:hidden; }
.posted_in { visibility:hidden; }
.related.products {display: none; }
.storefront-breadcrumb {
    margin: 0 !important;
    padding: 0 !important;
}
.breadcrumb.bg-transparent.m-0.p-0 {
    display: none !important;
}



/**
 * Snippet Name:	WooCommerce Storefront Theme - move My Account Navigation Tabs From Right To Left Side Of Dashboard
 * Snippet Author:	ecommercehints.com */
@media (min-width:768px) {
    .page-template-template-fullwidth-php .woocommerce-MyAccount-navigation {
        float: left;
        margin-right: 4.347826087%;
    }

    .page-template-template-fullwidth-php .woocommerce-MyAccount-content {
        float: right;
        margin-right: 0;
    }
}


/* Hide the cart icon for non-logged-in users */
body:not(.logged-in) .site-header-cart {
    display: none !important; /* Hides the cart icon */
    visibility: hidden !important; /* Hides the cart icon */
}

/* Show the cart icon for logged-in users */
body.logged-in .site-header-cart {
    display: block !important; /* Forces the cart icon to be displayed as a flex item */
    visibility: visible !important; /* Forces the cart icon to be visible */
}

/* Hide the SECOND column ONLY on page using ID - THIS IS THE MAIN PUBLIC LOGIN FORM */
.page-id-9 .u-column2.col-2 {
    display: none !important;
}

/* Hide the FIRST column ONLY on page using ID - THIS IS THE AFFILIATE REGISTRATION FORM LOGIN SECTION */
.page-id-9240 .u-column1.col-1 {
    display: none !important;
}

/* Move second column to the left on page ID 9240 - THIS IS THE AFFILIATE REGISTRATION FORM LOGIN SECTION */
.page-id-9240 .u-column2.col-2 {
    width: 50% !important;       /* make it full width */
    float: none !important;       /* remove float if used */
    margin-left: 0 !important;    /* reset left margin */
}

/* Move second column to the left on page ID 9240 - THIS IS THE AFFILIATE REGISTRATION FORM LOGIN SECTION - BUT MAKE IT FULL SCREEN ON MOBILE */
@media (max-width: 768px) {
    .page-id-9240 .u-column2.col-2 {
        width: 100% !important;
    }
}

/* ================================ */
/* Hide specific DESKTOP menu items when logged in */
/* ================================ */

/* Hide Login and Affiliate Registration menu items for logged-in users */
body.logged-in #menu-item-9276,
body.logged-in #menu-item-9248 {
    display: none !important;
}

/* ================================ */
/* Hide specific DESKTOP menu items when logged out */
/* ================================ */

/* Hide menu items for logged-out users. THIS HIDES "MY ACCOUNT" TITLE SO IT CHANGES FROM LOGIN TO MY ACCOUNT AFTER LOGGING IN */
body:not(.logged-in) #menu-item-9037,
body:not(.logged-in) #menu-item-9451,
body:not(.logged-in) #menu-item-9440,
body:not(.logged-in) #menu-item-9439,
body:not(.logged-in) #menu-item-9441,
body:not(.logged-in) #menu-item-9442,
body:not(.logged-in) #menu-item-9443 {
    display: none !important;
}

/* ================================ */
/* Hide specific MOBILE menu items when logged in */
/* ================================ */

/* Menu items 9247 and 9253 (both desktop and mobile) THESE ARE MENU ITEMS LOGIN AND AFFILIATE REGISTRATION */
body.logged-in .menu-item-9277,
body.logged-in .menu-item-9247 {
    display: none !important;
}

/* ================================ */
/* Hide specific MOBILE menu items when logged out */
/* ================================ */

/* Hide Menu items (both desktop and mobile)*/
body:not(.logged-in) .menu-item-9197,
body:not(.logged-in) .menu-item-9445,
body:not(.logged-in) .menu-item-9438,
body:not(.logged-in) .menu-item-9446,
body:not(.logged-in) .menu-item-9447,
body:not(.logged-in) .menu-item-9448,
body:not(.logged-in) .menu-item-9450 {
    display: none !important;
}


/* Hide the title on page ID 9 MY ACCOUNT PAGE */
.page-id-9 .entry-title {
    display: none !important;
}

/* Hide all elements with class entry-header. THIS REMOVES ALL THE DEAD WHITE SPACE AT THE TOP OF Storefront */
.entry-header {
    display: none !important;
}

/* Remove margin and padding under WooCommerce products header */
.woocommerce-products-header {
    margin-bottom: 0 !important; /* remove bottom margin */
    padding-bottom: 0 !important; /* remove bottom padding if any */
}


/* Hide the single product brand section. THIS REMOVES THE SMALL SQUARE BRAND LOGO FOUND IN THE INDIVIDUAL PRODUCT PAGES */
.storefront-wc-brands-single-product {
    display: none !important;
}

/* Hides the coupon enter box on all pages */
.coupon {
    display: none !important;
}

/* Hides the coupon toggle at checkout */
.woocommerce-form-coupon-toggle {
    display: none !important;
}


/* --- Kill stock pseudo-elements (cover many classname variants) --- */

/* Specific selectors for the pseudo-element you reported */
p.stock.in::before,
p.stock.in:before,
p.stock.in-stock::before,
p.stock.in-stock::before,
p.stock.in_stock::before,
p.stock.in-stock::before,
.stock.in::before,
.stock.in-stock::before,
.stock.in_stock::before,
.stock.in-stock:before,
p.stock.in::after,
p.stock.in:after,
p.stock.in-stock::after,
p.stock.in-stock:after,
.stock.in::after,
.stock.in-stock::after {
    content: "" !important;
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    background-image: none !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
    overflow: hidden !important;
    font-size: 0 !important;      /* extra safety for text-based emoji */
    line-height: 0 !important;
}

/* A few extra catch-alls (still only removing pseudo-elements, not the element itself) */
.woocommerce-shop p.stock::before,
.woocommerce-product-category p.stock::before,
.archive p.stock::before,
.post-type-archive-product p.stock::before,
.woocommerce-shop p.stock::after,
.woocommerce-product-category p.stock::after,
.archive p.stock::after,
.post-type-archive-product p.stock::after {
    content: "" !important;
    display: none !important;
    visibility: hidden !important;
    background: none !important;
    background-image: none !important;
    mask-image: none !important;
}

/* --- Keep your custom new stock visible ---
   If your PHP outputs <p class="in_stocks"> / <p class="out_stocks">, those remain untouched. */




#wcb2b-coupons-wrapper {
flex-wrap: wrap;
}


/* Make main content full width */
.site-main, .col-full, #primary {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* Remove sidebar on WooCommerce pages */
body.woocommerce-page #primary {
  width: 100% !important;
  margin: 0 auto;
}

/* If there is a sidebar hook: remove it via functions.php in child theme */


/* Align header and navigation with page content and footer on all pages */
.site-header,
.main-navigation {
    max-width: 1200px;       /* same as your content width */
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}


/* ======================================== */
/* General max-width and padding for inner pages + footer */
/* ======================================== */
body:not(.home) .site-main .col-full,
body:not(.home) .entry-content,
body:not(.home) .entry-title,
body:not(.home) .woocommerce-breadcrumb,       /* Added this line */
body:not(.home) .site-footer .col-full,
body:not(.home) .site-footer .footer-widgets,
body:not(.home) .site-footer .site-info,
body:not(.home) .site-footer .footer-navigation,
body:not(.home) .site-footer .menu,
body.woocommerce-page .content-area,
body.archive.woocommerce .content-area,
body.woocommerce-page .products,
body.archive.woocommerce .products,
body.single-product .content-area,
body.single-product .site-main,
body.single-product .site-main > .content-area,
body.single-product .product,
.woocommerce-page .storefront-sorting,
.archive.woocommerce .storefront-sorting,
.woocommerce-page nav.woocommerce-pagination,
.archive.woocommerce nav.woocommerce-pagination {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}


/* Optional spacing under headings */
body:not(.home) .entry-title {
    margin-bottom: 20px;
}



/* ======================================== */
/* Homepage footer: add padding but keep main content full-width */
/* ======================================== */
body.home .site-footer .col-full,
body.home .site-footer .footer-widgets,
body.home .site-footer .site-info,
body.home .site-footer .footer-navigation,
body.home .site-footer .menu {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* ======================================== */
/* Mobile fixes: prevent overflow and maintain full-width homepage */
/* ======================================== */
@media (max-width: 767px) {

    /* Inner pages padding */
    body:not(.home) .col-full,
    body:not(.home) .site-header .col-full,
    body:not(.home) .site-footer .col-full,
    body:not(.home) #site-navigation,
    body:not(.home) #site-navigation .primary-navigation,
    body:not(.home) #site-navigation .handheld-navigation,
    body:not(.home) .wp-block-uagb-container,
    body:not(.home) .wp-block-uagb-container.uagb-layout-grid,
    body:not(.home) .wp-block-uagb-container.uagb-is-root-container,
    body.woocommerce-page .content-area,
    body.archive.woocommerce .content-area,
    body.single-product .content-area,
    body.woocommerce-page .products,
    body.archive.woocommerce .products,
    body.single-product .site-main,
    body.single-product .site-main > .content-area,
    body.single-product .product,
    .woocommerce-page .storefront-sorting,
    .archive.woocommerce .storefront-sorting,
    .woocommerce-page nav.woocommerce-pagination,
    .archive.woocommerce nav.woocommerce-pagination {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Homepage full-width containers & responsive media */
    body.home .col-full,
    body.home .wp-block-uagb-container,
    body.home .wp-block-uagb-container.uagb-layout-grid,
    body.home .wp-block-uagb-container.uagb-is-root-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.home img,
    body.home iframe,
    body.home video,
    body.home .wp-block-uagb-container > * {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
    }
}

/* Align gallery and summary content on single product pages */
body.single-product .product .woocommerce-product-gallery,
body.single-product .product .summary {
    padding-left: 0;
    padding-right: 0;
}

/* WooCommerce live cart hidden off-screen */
.widget_shopping_cart_live_region.screen-reader-text {
        position: fixed !important;
        left: -9999px !important;
        top: 0 !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
}

/* Prevent horizontal scrolling on all pages */
    html, body {
        overflow-x: hidden !important;
}