/*
 * Custom CSS for WCFM Product Manager Page
 */

/* Issue A: Hide Stray "Sales Units" Field and Label */
#inflow_sales_unit,
p.inflow_sales_unit {
    display: none !important;
}

/* Issue B: Fix Form Width */
.wcfm-container {
    max-width: 100%;
    box-sizing: border-box;
}

/* Issue C: Restyle Menus and Remove Section Shadows - SCOPED TO DASHBOARD ONLY */
body.wcfm-dashboard-page .wcfm-page-headig,
body.wcfm-dashboard-page #wcfm_menu,
body.wcfm-dashboard-page .wcfm_menu_logo,
body.wcfm-dashboard-page .wcfm-collapse,
body.wcfm-dashboard-page .wcfm-container,
body.wcfm-dashboard-page .wcfm-content,
body.wcfm-dashboard-page .wcfm-tabWrap,
body.wcfm-dashboard-page .wcfm-tabWrap-content,
body.wcfm-dashboard-page #wcfm_products_manage_form_general_expander,
body.wcfm-dashboard-page .wcfm_product_manager_general_fields {
    background-color: #EDFAE5 !important;
    box-shadow: none !important; /* Remove shadows from all these elements */
}

/* Specific fix for white backgrounds inside the content areas */
body.wcfm-dashboard-page #wcfm-main-contentainer,
body.wcfm-dashboard-page .wcfm-container,
body.wcfm-dashboard-page .wcfm-content {
    background: #EDFAE5 !important;
}



.wcfm-page-headig .wcfm-page-heading-text,
#wcfm_menu .wcfm_menu_items .text,
#wcfm_menu .wcfm_menu_logo a {
    color: #2D5544 !important; /* Correct theme color (hex) */
}

/* Adjust icon colors as well */
#wcfm_menu .wcfm_menu_items .wcfmfa,
.wcfm-page-headig .wcfmfa {
    color: #2D5544 !important; /* Correct theme color (hex) */
}

/* Issue D: Revisit Header Separator Line - Remove shadow, add clean border */
.wcfm-page-headig {
    box-shadow: none !important;
    border-bottom: 1px solid #E0E0E0 !important; /* A subtle line */
}

/* Bold Page Title */
.wcfm-page-headig .wcfm-page-heading-text {
    font-weight: bold !important;
    color: #2B5544 !important; /* Theme Primary */
}

/* Issue E: Remove shadow from Store Logo Block */
.wcfm_menu_logo {
    box-shadow: none !important;
}

/* Hide Store Name in Menu initially to prevent flash (JS will reveal) */
.wcfm_menu_logo h4 a:not(.wcfm_store_logo_icon) {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.wcfm_menu_logo h4 a.inflow-name-ready {
    opacity: 1;
}

/* --- SELLER AGREEMENTS VIEW (My Account Hijack) --- */
/* When a seller views the my-agreements endpoint, make it look like a WCFM page */
body.wcfm-vendor.woocommerce-account.woocommerce-my-account a.wcfm_menu_item[href*="my-agreements"].active {
    background-color: #2B5544 !important; /* Theme Green */
    color: #EDFAE5 !important;
}

body.wcfm-vendor.woocommerce-account.woocommerce-my-account a.wcfm_menu_item[href*="my-agreements"].active span {
    color: #EDFAE5 !important;
}

/* Hide the default WooCommerce navigation menu */
body.wcfm-vendor.woocommerce-my-account .woocommerce-MyAccount-navigation {
    display: none !important;
}

/* Make the content area full-width */
body.wcfm-vendor.woocommerce-my-account .woocommerce-MyAccount-content {
    width: 100% !important;
    padding: 20px;
    background-color: #EDFAE5; /* Match WCFM theme */
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}

/* Add a WCFM-style header */
body.wcfm-vendor.woocommerce-my-account .woocommerce-MyAccount-content::before {
    content: "My Sales Agreements";
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #2B5544;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

/* Issue F: Remove remaining shadows with higher specificity */
.wcfm-tabWrap,
.wcfm-collapse .wcfm-container {
	box-shadow: none !important;
}

/* Issue G: Remove the top 'Add Product' container */
.wcfm-top-element-container {
    display: none !important;
}

/* Issue J: Align Price and Sale Price Fields */
.wcfm_product_manager_general_fields p.regular_price,
.wcfm_product_manager_general_fields input#regular_price,
.wcfm_product_manager_general_fields p.sale_price,
.wcfm_product_manager_general_fields input#sale_price {
    box-sizing: border-box; 
    margin-right: 0;
}

/* Ensure the input fields take full width within their 48% container */
.wcfm_product_manager_general_fields input.wcfm-text {
    width: 100% !important;
}

/* Clear the margin on the last item to prevent overflow */
.wcfm_product_manager_general_fields input#sale_price {
    margin-right: 0 !important;
}

/* Issue K: Remove number input spinner arrows */
.wcfm_product_manager_general_fields input[type=number]::-webkit-inner-spin-button,
.wcfm_product_manager_general_fields input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.wcfm_product_manager_general_fields input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

/* Issue L: Remove Add Attribute field, label, and button */
.wcfm_attribute_taxonomy,
.wcfm_add_attribute {
    display: none !important;
}

/* Issue M: Right-align data entry fields in Attributes form - Specific fix for dynamic attributes */

/* Make the custom field block a flex container */
.wcfm_custom_field_block {
    display: flex;
    justify-content: space-between; /* Puts space between label and input */
    align-items: center; /* Vertically centers label and input */
    margin-bottom: 10px; /* Spacing between attribute blocks */
}

/* Style for the labels */
.wcfm_custom_field_block label {
    flex: 0 0 40%; /* Allocate 40% width for the label */
    text-align: left !important;
    padding-right: 10px; /* Space between label and input */
    box-sizing: border-box;
}

/* Style for the rendered Select2 dropdown */
/* Target the main Select2 container */
.wcfm_custom_field_block .select2-container {
    flex: 1; /* Take up remaining space */
}

/* Specifically target the rendered text within Select2 for left alignment */
.wcfm_custom_field_block .select2-container .select2-selection__rendered {
    text-align: left !important; /* Left align the text */
    padding-left: 8px !important; /* Restore default left padding */
    padding-right: 20px !important; /* Ensure space for the arrow */
}

/* If there are regular text inputs, align them right too */
.wcfm_custom_field_block input.wcfm-text {
    flex: 1; /* Take up remaining space */
    text-align: right !important;
    box-sizing: border-box;
}

/* Issue N: Reduce font size of Categories checklist items to prevent wrapping */
#product_cats_checklist .product_cats_checklist_item span {
    font-size: 0.85em !important; /* Adjust as needed, 0.85em is a good starting point */
    line-height: 1.2 !important; /* Adjust line height if necessary */
}

/* --- GLOBAL BUTTON STYLING (THEME CONSISTENCY) --- */

/* 1. Base Button Style (Green Background, White Text) */
.wcfm_submit_button,
.dt-button,
.wcfm-action-icon,
button.button-primary,
a.button.button-primary,
button.single_add_to_cart_button, /* Standardize Add to Cart / Make Offer */
#wcfm_enquiry_reply_submit .wcfm_submit_button, /* Specific target for Reply form */
#inflow-finalize-contract, /* Specific target for Contract form */
#inflow-update-preview {   /* Specific target for Contract form */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #2B5544 !important; /* Theme Green */
    color: #ffffff !important; /* White Text */
    border: 1px solid #2B5544 !important;
    border-radius: 5px !important; /* Standard Radius */
    padding: 0 15px !important; /* Reduced padding */
    text-decoration: none !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease;
    height: 40px !important;
    min-height: 40px !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
    text-transform: uppercase !important;
    font-size: 15px !important; /* Increased size */
    white-space: nowrap !important; /* Prevent wrapping */
    text-shadow: none !important;
    box-shadow: none !important;
}

/* 2. Secondary / Outline Buttons (Transparent or Light) */
/* Currently targeting "Draft Contract" if we want it distinct, or "Update Preview" */
/* For now, we make them all Primary for consistency, unless specified */

/* 3. Hover State (Light Green Background, Dark Text) */
.wcfm_submit_button:hover,
.dt-button:hover,
.wcfm-action-icon:hover,
button.button-primary:hover,
a.button.button-primary:hover,
button.single_add_to_cart_button:hover,
#wcfm_enquiry_reply_submit .wcfm_submit_button:hover,
#inflow-finalize-contract:hover,
#inflow-update-preview:hover {
    background-color: #EDFAE5 !important; /* Light Green */
    color: #2B5544 !important; /* Dark Green Text */
    border-color: #2B5544 !important;
}

/* 4. Fix "Browse" Button (File Upload) */
/* This is often a standard input[type=file], hard to style directly. */
/* We target the WCFM wrapper label if possible, or standard WP overrides */
input[type="file"]::file-selector-button {
    background-color: #f1f1f1 !important;
    color: #333 !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    padding: 5px 10px !important;
    margin-right: 10px !important;
    cursor: pointer;
}
input[type="file"]::file-selector-button:hover {
    background-color: #e1e1e1 !important;
}

/* 5. Fix "Update Preview" specifically (it was showing black text in some contexts) */
#inflow-update-preview {
    background-color: #fff !important; /* Make it secondary */
    color: #2B5544 !important;
    border: 2px solid #2B5544 !important;
}
#inflow-update-preview:hover {
    background-color: #2B5544 !important;
    color: #fff !important;
}

/* --- END GLOBAL BUTTONS --- */

/* --- Added Styling from Reference - START --- */

/* Issue: Refine colors of highlighted items in the store manager menu */
#wcfm_menu .wcfm_menu_items a.wcfm_menu_item.active {
    background-color: #2B5544 !important;
    color: #EDFAE5 !important;
}
#wcfm_menu .wcfm_menu_items a.wcfm_menu_item.active span.text,
#wcfm_menu .wcfm_menu_items a.wcfm_menu_item.active span.wcfmfa {
    color: #EDFAE5 !important;
}

/* --- Common Button Styles for WCFM Product Manager --- */
.wcfm_submit_button,
.dt-button {
    display: inline-flex !important; /* Use flex for perfect centering */
    align-items: center !important;
    justify-content: center !important;
    background-color: #2B5544 !important;
    color: #EDFAE5 !important;
    border: 1px solid #2B5544 !important;
    border-radius: 5px !important;
    padding: 0 20px !important; /* Horizontal padding only, height handles vertical */
    text-decoration: none !important;
    font-weight: normal !important;
    cursor: pointer !important;
    transition: all 0.3s ease;
    margin-left: 10px !important;
    vertical-align: middle !important;
    height: 40px !important; /* Explicit height */
    min-height: 40px !important;
    box-sizing: border-box !important;
    font-family: inherit !important; /* Inherit font from theme */
    font-style: normal !important;
    text-transform: uppercase !important; /* Revert to uppercase */
    text-shadow: none !important; /* Neutralize any default text-shadow */
    letter-spacing: normal !important; /* Reset WCFM letter spacing */
    font-size: 15px !important; /* Slightly increased text size */
}

/* Hover styles for all buttons - High Specificity to override WCFM defaults */
body #wcfm-main-contentainer .wcfm_submit_button:hover,
body #wcfm-main-contentainer .dt-button:hover,
.wcfm_submit_button:hover,
.dt-button:hover {
    background-color: #EDFAE5 !important;
    color: #2B5544 !important; /* Dark Green Text */
    border-color: #2B5544 !important;
    font-family: inherit !important;
    font-style: normal !important;
    text-shadow: none !important; /* Ensure no text shadow on hover */
    font-weight: normal !important; /* Explicitly keep normal on hover */
}

/* Ensure inner spans also get the correct color on hover */
body #wcfm-main-contentainer .dt-button:hover span,
.dt-button:hover span {
    color: #2B5544 !important;
}

/* Override DT Button span styling if needed */
.dt-button span {
    color: inherit !important;
}

/* --- Added Styling from Reference - END --- */

/* Fix Origin / Loading Port Width */
#_inflow_origin_location {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Fix WCFM Container padding to prevent overflow */
.wcfm-container {
    padding-right: 15px !important;
}

/* --- Ask a Question (Enquiry) Button Styling --- */
.wcfm_catalog_enquiry_button,
.wcfm_enquiry_button {
    background-color: #2B5544 !important;
    color: #EDFAE5 !important;
    border: 1px solid #2B5544 !important;
    border-radius: 5px !important;
    padding: 8px 20px !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-weight: normal !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    display: inline-block !important;
}

.wcfm_catalog_enquiry_button:hover,
.wcfm_enquiry_button:hover {
    background-color: #EDFAE5 !important;
    color: #2B5544 !important;
    border-color: #2B5544 !important;
}

/* --- Loading Spinner Overlay --- */
#inflow-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    z-index: 999999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: inherit;
}

.inflow-spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #EDFAE5;
    border-top: 5px solid #2B5544;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-bottom: 15px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.inflow-loading-text {
    color: #2B5544;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* --- VISUAL TAB REORDERING (Flexbox) --- */
.wcfm-tabWrap-content {
    display: flex !important;
    flex-direction: column !important;
}

/* 1. Commodity Details (Top) */
#wcfm_products_manage_form_commodity_details_head,
#wcfm_products_manage_form_inflow_commodity_head { order: 1 !important; }
#wcfm_products_manage_form_commodity_details_head + .wcfm-container,
#wcfm_products_manage_form_inflow_commodity_head + .wcfm-container { order: 2 !important; }

/* 2. Attributes */
#wcfm_products_manage_form_attribute_head { order: 3 !important; }
#wcfm_products_manage_form_attribute_head + .wcfm-container { order: 4 !important; }

/* 3. Inventory */
#wcfm_products_manage_form_inventory_head { order: 5 !important; }
#wcfm_products_manage_form_inventory_head + .wcfm-container { order: 6 !important; }

/* 4. Shipping */
#wcfm_products_manage_form_shipping_head { order: 7 !important; }
#wcfm_products_manage_form_shipping_head + .wcfm-container { order: 8 !important; }

/* 5. Policies */
#wcfm_products_manage_form_policies_head { order: 9 !important; }
#wcfm_products_manage_form_policies_head + .wcfm-container { order: 10 !important; }

/* 6. SEO */
#wcfm_products_manage_form_yoast_head { order: 11 !important; }
#wcfm_products_manage_form_yoast_head + .wcfm-container { order: 12 !important; }

/* 7. Variations (if present) */
#wcfm_products_manage_form_variations_head { order: 13 !important; }
#wcfm_products_manage_form_variations_head + .wcfm-container { order: 14 !important; }

/* 8. Advanced (Bottom) */
#wcfm_products_manage_form_advanced_head { order: 15 !important; }
#wcfm_products_manage_form_advanced_head + .wcfm-container { order: 16 !important; }

/* Restore Bold Title for Attributes Section */
#wcfm_products_manage_form_attribute_expander .attributes.wcfm_title,
#wcfm_products_manage_form_attribute_expander p.attributes.wcfm_title {
    font-weight: bold !important;
    color: #2B5544 !important;
    font-size: 1.1em !important;
    display: block !important;
    margin-bottom: 15px !important;
    width: 100% !important;
}

/* Fix Visibility for Availability Date (Hide by default if not Future) */
#_inflow_availability_date_row,
p.wcfm_title:has(+ #_inflow_availability_date),
#_inflow_availability_date {
    display: none;
}

/* --- HIDE BUYER EMAIL IN INQUIRY VIEW (Privacy/Anti-Circumvention) --- */
.inquiry_info .inquiry_by,
.inquiry_info .inquiry_by .inquiry_by_customer {
    font-size: 0 !important; /* Hide loose text (Email) */
    visibility: hidden;
    line-height: 0;
}

.inquiry_info .inquiry_by .inquiry_by_customer a {
    font-size: 14px !important; /* Restore Name size */
    visibility: visible;
    display: block;
    line-height: 1.5;
    margin-bottom: 5px;
}

.inquiry_info .inquiry_by .wcfmfa {
    font-size: 14px !important; /* Restore Icon size */
    visibility: visible;
}


/* --- BUYER DASHBOARD: Truncate Inquiry Table Content --- */
/* Prevents the plain-text offer from making the table row huge */
.woocommerce-MyAccount-content table td:first-child {
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block; /* Required for ellipsis on some table cells */
    border-bottom: none; /* Fix alignment if display changed */
    padding-top: 15px; /* Adjust for display:inline-block shift */
}

/* 1. Hide 'Additional Info' Column (Column 4) */
.woocommerce-MyAccount-content table th:nth-child(4),
.woocommerce-MyAccount-content table td:nth-child(4) {
    display: none !important;
}

/* 2. Standardize font and row layout */
.woocommerce-MyAccount-content table td,
.woocommerce-MyAccount-content table th {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* --- SELLER DASHBOARD: Force Inquiry Link Style --- */
.wcfm_dashboard_enquiry {
    cursor: pointer !important;
}

.wcfm_dashboard_enquiry .wcfm_dashboard_item_title {
    color: #2B5544 !important; /* Theme Green */
    cursor: pointer !important;
    pointer-events: auto !important;
    text-decoration: underline !important;
    display: inline-block !important;
}

.wcfm_dashboard_enquiry a {
    color: #2B5544 !important;
    text-decoration: underline !important;
}

/* --- GLOBAL INQUIRY TABLE STYLING --- */

.wcfm-page-heading-text {
    font-size: 18px !important;
    font-weight: 600 !important;
}

td.inquiry,
th.inquiry {
    width: 60%;
    vertical-align: top;
}

/* Hide 'Additional Info' Column everywhere */
th.wcfm_enquiry_additional_info,
td.wcfm_enquiry_additional_info,
th.additional_info,
td.additional_info {
    display: none !important;
}

/* Truncate Message/Query Column everywhere */
/* Targeting by class usually found on these cells */
td.wcfm_enquiry_content,
td.inquiry,
.woocommerce-MyAccount-content table td:first-child {
    max-width: 250px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: table-cell !important; /* Reset to table-cell if block broke alignment */
}

/* Ensure Row Height is contained */
table tr {
    height: auto !important;
}

/* --- SELLER INQUIRY TABLE REFINEMENTS --- */

/* 1. Left Align Table Content, Headers, and Footers */
#wcfm-enquiry tbody td,
#wcfm-enquiry thead th,
#wcfm-enquiry tfoot th {
    text-align: left !important;
}

/* 2. Force Hide 'Additional Info' Column */
/* Header (Safe by Class) */
th.wcfm_custom_hide_col {
    display: none !important;
}

/* 2. Force Hide 'Additional Info' Column (Column 4 - The Dash) */
#wcfm-enquiry th:nth-child(4),
#wcfm-enquiry td:nth-child(4) {
    display: none !important;
}

/* 3. Ensure Date (Column 6/7) is VISIBLE (Override any inline styles) */
#wcfm-enquiry td:nth-child(6),
#wcfm-enquiry td:nth-child(7) {
    display: table-cell !important;
}

/* --- FRONTEND TWEAKS --- */

/* Hide 'Out of Stock' message globally with high specificity */
.variations_form.cart .stock.out-of-stock,
body.single-product .product .stock.out-of-stock,
body.single-product .stock.out-of-stock {
    display: none !important;
}

/* =========================================

   MOBILE OPTIMIZATION (Inflow v3.5)

   Targeting: Extendable (Block Theme)

   ========================================= */



@media only screen and (max-width: 768px) {

    /* 1. RESET COLUMN LAYOUT */

    .wp-block-columns {

        flex-direction: column !important;

        display: flex !important;

    }



    .wp-block-column {

        flex-basis: 100% !important;

        width: 100% !important;

        margin-left: 0 !important;

        margin-right: 0 !important;

    }



            /* 2. SIDEBAR STICKY CONTAINER */



            /* Target the sticky group inside the sidebar column */



            .wp-block-column:first-child .wp-block-group.is-position-sticky {



                position: -webkit-sticky !important;



                position: sticky !important;



                top: 0 !important;



                z-index: 9999 !important;



                background-color: #EDFAE5 !important; /* Theme Background */



                padding: 10px 15px !important;



                border-bottom: 1px solid #eee;



                display: flex !important;



                flex-direction: column !important;



                align-items: flex-start !important; /* Force left alignment */



                width: 100% !important;



                box-sizing: border-box !important;



            }



        



    



        /* 3. REORDER SIDEBAR ELEMENTS (Search First) */



        



        /* Search Block Wrapper */



        .wp-block-column:first-child .wp-block-template-part:has(.wp-block-search) {



            order: 1 !important;



            margin-bottom: 15px !important;



            width: 100% !important;



            text-align: left !important;



        }



    



        /* Categories Text (The <p>) - Use as Toggle */



        .wp-block-column:first-child .wp-block-group > p {



            order: 2 !important;



            display: flex !important;



            justify-content: space-between;



            align-items: center;



            width: 100% !important;



            padding: 10px 0 !important;



            margin: 0 !important;



            cursor: pointer;



            font-size: 20px !important; /* Slightly larger */



            font-weight: 600 !important;



            color: #2B5544 !important; /* Theme Green */



            text-decoration: underline !important; /* Look like a link */



            text-align: left !important;



        }



    



    



        .wp-block-column:first-child .wp-block-group > p::after {



            content: '+';



            font-size: 20px;



            font-weight: normal;



            margin-left: 10px;



        }



    



        .wp-block-column:first-child .wp-block-group > p.inflow-active::after {



            content: '−'; /* Use proper minus sign */



        }



    



        /* Categories Wrapper */



        .wp-block-column:first-child .wp-block-template-part:has(.wc-block-product-categories) {



            order: 3 !important;



            width: 100% !important;



        }



    



                /* 4. COLLAPSIBLE CATEGORIES */



    



        



    



                                .wc-block-product-categories {



    



        



    



                



    



        



    



                                    display: none;



    



        



    



                



    



        



    



                                    max-height: 60vh;



    



        



    



                



    



        



    



                                    overflow-y: auto;



    



        



    



                



    



        



    



                                    margin-top: 0;



    



        



    



                



    



        



    



                                    background: #EDFAE5 !important;



    



        



    



                



    



        



    



                                    padding: 15px 0 !important;



    



        



    



                



    



        



    



                                }



    



        



    



                



    



        



    



            



    



        



    



                .wc-block-product-categories.inflow-open {



    



                    display: block !important;



    



                }



    



        



    



                /* Hide sub-categories on mobile to keep the list short */



    



                .wc-block-product-categories.inflow-open .wc-block-product-categories-list--depth-1,



    



                .wc-block-product-categories.inflow-open .wc-block-product-categories-list--depth-2 {



    



                    display: none !important;



    



                }



    



        

        /* 6. PRODUCT GRID - SINGLE COLUMN (Mobile Only) */
        .wc-block-product-template,
        ul.wc-block-product-template {
            display: grid !important;
            grid-template-columns: 1fr !important;
            gap: 20px;
        }
        
        .wc-block-product-template li,
        ul.wc-block-product-template li {
            width: 100% !important;
            margin: 0 !important;
        }
    }


/* =========================================
   PUBLIC VENDOR STORE STYLING (Inflow v3.7+)
   Targeting: body.wcfm-store-page
   ========================================= */

/* 1. Main Container: Remove legacy shadows and set theme background */
body.wcfm-store-page #wcfmmp-store {
    box-shadow: none !important;
    background-color: #EDFAE5 !important; /* Inflow Light Green */
    padding: 20px !important;
    border-radius: 15px !important;
    margin-top: 20px !important;
}

body.wcfm-store-page #wcfmmp-store-content {
    background: transparent !important;
}

/* 2. Header Area (Vendor Card): Clean white card style */
body.wcfm-store-page #wcfm_store_header {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 25px !important;
    margin-bottom: 25px !important;
    box-shadow: none !important;
}

body.wcfm-store-page #wcfm_store_header .wcfm_store_title {
    color: #2B5544 !important; /* Inflow Dark Green */
    font-weight: 700 !important;
    font-size: 28px !important;
    margin-bottom: 10px !important;
}

/* 3. Banner & Media Area: Clean borders */
body.wcfm-store-page .wcfm_store_banner_area {
    border-radius: 12px !important;
    overflow: hidden !important;
    margin-bottom: 25px !important;
    border: 1px solid #e0e0e0 !important;
}

/* 4. Tabs & Content Area: Standardized cards */
body.wcfm-store-page .tab_area {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 25px !important;
}

/* Active Tab indicator */
body.wcfm-store-page #tab_links_area ul li.active a {
    color: #2B5544 !important;
    border-bottom: 3px solid #2B5544 !important;
    font-weight: 600 !important;
}

/* 5. Product Grid: Card-based layout matching main site */
body.wcfm-store-page ul.products li.product {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 15px !important;
    box-shadow: none !important;
    transition: transform 0.2s ease;
}

body.wcfm-store-page ul.products li.product:hover {
    border-color: #2B5544 !important;
}

/* 6. Sidebar Widgets: Clean white cards */
body.wcfm-store-page .left_sidebar {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 20px !important;
}

/* 7. Action Buttons: Theme branding */
body.wcfm-store-page .wcfm_store_enquiry_button,
body.wcfm-store-page .wcfmmp_follow_button,
body.wcfm-store-page .wcfm_enquiry_button {
    background-color: #2B5544 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    border: 1px solid #2B5544 !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

body.wcfm-store-page .wcfm_store_enquiry_button:hover,
body.wcfm-store-page .wcfmmp_follow_button:hover {
    background-color: #EDFAE5 !important;
    color: #2B5544 !important;
}

/* 8. Mobile Fixes */
@media only screen and (max-width: 600px) {
    body.wcfm-store-page #wcfmmp-store {
        padding: 10px !important;
    }
    body.wcfm-store-page #wcfm_store_header {
        padding: 15px !important;
    }
}

/* --- Marketplace Grid Alignment --- */
.wp-block-woocommerce-product-summary,
.wp-block-woocommerce-product-summary .wc-block-components-product-summary {
    min-height: 100px !important;
}/*
 * INFLOW.AFRICA - PUBLIC VENDOR STORE STYLING
 * Aligning the WCFM Store pages with the Extendable site theme.
 * Use: Copy contents to Appearance > Customize > Additional CSS
 */

/* 1. Main Container: Remove legacy shadows and set theme background */
body.wcfm-store-page #wcfmmp-store {
    box-shadow: none !important;
    background-color: #EDFAE5 !important; /* Inflow Light Green */
    padding: 20px !important;
    border-radius: 15px !important;
    margin-top: 20px !important;
}

body.wcfm-store-page #wcfmmp-store-content {
    background: transparent !important;
}

/* 2. Header Area (Vendor Card): Clean white card style */
body.wcfm-store-page #wcfm_store_header {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 25px !important;
    margin-bottom: 25px !important;
    box-shadow: none !important;
}

body.wcfm-store-page #wcfm_store_header .wcfm_store_title {
    color: #2B5544 !important; /* Inflow Dark Green */
    font-weight: 700 !important;
    font-size: 28px !important;
    margin-bottom: 10px !important;
}

/* 3. Banner & Media Area: Clean borders */
body.wcfm-store-page .wcfm_store_banner_area {
    border-radius: 12px !important;
    overflow: hidden !important;
    margin-bottom: 25px !important;
    border: 1px solid #e0e0e0 !important;
}

/* 4. Tabs & Content Area: Standardized cards */
body.wcfm-store-page .tab_area {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 25px !important;
}

/* Active Tab indicator */
body.wcfm-store-page #tab_links_area ul li.active a {
    color: #2B5544 !important;
    border-bottom: 3px solid #2B5544 !important;
    font-weight: 600 !important;
}

/* 5. Product Grid: Card-based layout matching main site */
body.wcfm-store-page ul.products li.product {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 15px !important;
    box-shadow: none !important;
    transition: transform 0.2s ease;
}

body.wcfm-store-page ul.products li.product:hover {
    border-color: #2B5544 !important;
}

/* 6. Sidebar Widgets: Clean white cards */
body.wcfm-store-page .left_sidebar {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 20px !important;
}

/* 7. Action Buttons: Theme branding */
body.wcfm-store-page .wcfm_store_enquiry_button,
body.wcfm-store-page .wcfmmp_follow_button,
body.wcfm-store-page .wcfm_enquiry_button {
    background-color: #2B5544 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    border: 1px solid #2B5544 !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

body.wcfm-store-page .wcfm_store_enquiry_button:hover,
body.wcfm-store-page .wcfmmp_follow_button:hover {
    background-color: #EDFAE5 !important;
    color: #2B5544 !important;
}

/* 8. Mobile Fixes */
@media only screen and (max-width: 600px) {
    body.wcfm-store-page #wcfmmp-store {
        padding: 10px !important;
    }
    body.wcfm-store-page #wcfm_store_header {
        padding: 15px !important;
    }
}