/* ======================================
   Marketplace Layout – Core Layout Structure
   Applies to WC Vendors and WooCommerce pages
   ====================================== */

/* Page content width and centering */
body[class*="vendor-"] .inside-article,
body[class*="vendor-"] .entry-content,
body[class*="vendor-"] .wcvendors-pro-dashboard-wrapper,
body[class*="wcvendors-pro-dashboard"] .inside-article,
body[class*="wcvendors-pro-dashboard"] .entry-content,
body[class*="wcvendors"] .inside-article,
body[class*="wcvendors"] .entry-content,
body.woocommerce-page .inside-article,
body.woocommerce-page .entry-content,
body.woocommerce .inside-article,
body.woocommerce .entry-content {
    /* Center content and remove excess side padding */
    max-width: 1200px !important; /* Important to override the full-width override below */
    margin-left: auto !important;
    margin-right: auto !important;
    padding-bottom: 30px;
    box-sizing: border-box;
}

body.woocommerce-account .inside-article,
body.woocommerce-account .entry-content {
    /* Center content and remove excess side padding */
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
    box-sizing: border-box;
}

/* Reduce padding on marketplace/WooCommerce pages */
body[class*="vendor-"] .inside-article,
body[class*="wcvendors-pro-dashboard"] .inside-article,
body[class*="wcvendors"] .inside-article,
body.woocommerce-account .inside-article,
body.woocommerce-page .inside-article,
body.woocommerce .inside-article {
    padding: 30px 1.5rem;
}

/* Add box shadow to inside-article on my-account pages */
body.woocommerce-account .inside-article {
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    background: #fff;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/* Ensure vendor shop pages have proper container width */
body[class*="vendor-"]:not(.vendor-dashboard-page):not([class*="vendor-login"]):not([class*="vendor-registration"]) .site-content,
body[class*="vendor-"]:not(.vendor-dashboard-page):not([class*="vendor-login"]):not([class*="vendor-registration"]) .grid-container,
body.woocommerce-shop .site-content,
body.woocommerce-shop .grid-container,
body[class*="vendor-"]:not(.vendor-dashboard-page):not([class*="vendor-login"]):not([class*="vendor-registration"]) .content-area,
body.woocommerce-shop .content-area {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
}

/* Add light blue background to woocommerce-archive-wrapper on shop page */
body.woocommerce-shop .woocommerce-archive-wrapper {
    background-color: var(--color-section-bg, #f4f8fb);
}

/* Outer wrapper for content and sidebar - adds left/right padding */
.abc-content-sidebar-wrapper {
    padding-left: 7.5%; /* Increased from 5% (50% more) */
    padding-right: 7.5%; /* Increased from 5% (50% more) */
    box-sizing: border-box;
    display: flow-root; /* Contain floats - makes wrapper visible */
}

/* Sidebar and content area layout */
body.woocommerce-shop.right-sidebar > .content-area,
.abc-content-sidebar-wrapper > .content-area {
    width: 70%; /* 70% of wrapper */
    float: left;
    overflow: visible; /* Allow top bar to break out */
    margin-left: 0; /* Reset margin since wrapper has padding */
}

body.woocommerce-shop.right-sidebar > .widget-area.sidebar,
.abc-content-sidebar-wrapper > .widget-area.sidebar {
    width: 30%; /* 30% of wrapper - adds up to 100% with content */
    float: right;
    margin-right: 0; /* Reset margin since wrapper has padding */
    padding: 1.5rem; /* Added padding to sidebar */
    box-sizing: border-box;
}

/* Clear floats on mobile */
@media (max-width: 768px) {
    body.woocommerce-shop.right-sidebar > .content-area,
    body.woocommerce-shop.right-sidebar > .widget-area.sidebar,
    .abc-content-sidebar-wrapper > .content-area,
    .abc-content-sidebar-wrapper > .widget-area.sidebar {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
}

/* Full-width overrides for pages without sidebars */
body[class*="vendor-"]:not(.right-sidebar):not(.left-sidebar):not(.page-template-local_marketplace-vendor_login):not(.page-template-local_marketplace-vendor_registration):not([class*="vendor-login"]):not([class*="vendor-registration"]):not(.no-sidebar) .site-main,
body[class*="vendor-"]:not(.right-sidebar):not(.left-sidebar):not(.page-template-local_marketplace-vendor_login):not(.page-template-local_marketplace-vendor_registration):not([class*="vendor-login"]):not([class*="vendor-registration"]):not(.no-sidebar) .content-area,
body[class*="wcvendors-pro-dashboard"]:not(.right-sidebar):not(.left-sidebar):not([class*="vendor-login"]):not([class*="vendor-registration"]):not(.no-sidebar) .site-main,
body[class*="wcvendors-pro-dashboard"]:not(.right-sidebar):not(.left-sidebar):not([class*="vendor-login"]):not([class*="vendor-registration"]):not(.no-sidebar) .content-area,
body.woocommerce-account:not(.right-sidebar):not(.left-sidebar):not([class*="vendor-login"]):not([class*="vendor-registration"]):not(.no-sidebar) .site-main,
body.woocommerce-account:not(.right-sidebar):not(.left-sidebar):not([class*="vendor-login"]):not([class*="vendor-registration"]):not(.no-sidebar) .content-area,
body.woocommerce-page:not(.right-sidebar):not(.left-sidebar):not([class*="vendor-login"]):not([class*="vendor-registration"]):not(.no-sidebar) .site-main,
body.woocommerce-page:not(.right-sidebar):not(.left-sidebar):not([class*="vendor-login"]):not([class*="vendor-registration"]):not(.no-sidebar) .content-area,
body.woocommerce:not(.right-sidebar):not(.left-sidebar):not([class*="vendor-login"]):not([class*="vendor-registration"]):not(.no-sidebar) .site-main,
body.woocommerce:not(.right-sidebar):not(.left-sidebar):not([class*="vendor-login"]):not([class*="vendor-registration"]):not(.no-sidebar) .content-area {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure vendor dashboard pages with no-sidebar are centered */
body[class*="vendor-"].no-sidebar .content-area,
body[class*="wcvendors-pro-dashboard"].no-sidebar .content-area,
body[class*="wcvendors"].no-sidebar .content-area {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* Ensure vendor-login and vendor-registration pages are centered */
body[class*="vendor-login"] .site-main,
body[class*="vendor-login"] .content-area,
body[class*="vendor-registration"] .site-main,
body[class*="vendor-registration"] .content-area,
body.page-template-local_marketplace-vendor_login .site-main,
body.page-template-local_marketplace-vendor_login .content-area,
body.page-template-local_marketplace-vendor_registration .site-main,
body.page-template-local_marketplace-vendor_registration .content-area {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

body[class*="vendor-login"] .inside-article,
body[class*="vendor-login"] .entry-content,
body[class*="vendor-registration"] .inside-article,
body[class*="vendor-registration"] .entry-content,
body.page-template-local_marketplace-vendor_login .inside-article,
body.page-template-local_marketplace-vendor_login .entry-content,
body.page-template-local_marketplace-vendor_registration .inside-article,
body.page-template-local_marketplace-vendor_registration .entry-content {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Set cart and checkout page max widths */
body.woocommerce-cart .inside-article,
body.woocommerce-cart .entry-content {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

body.woocommerce-checkout .inside-article,
body.woocommerce-checkout .entry-content {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}