/**
 * SDEO - Custom My Account Page Styles (FINAL & GUARANTEED VERSION)
 * This file handles all visual changes for the custom account page.
 */

/* ========================================================================= */
/* ### THE FINAL FIX: Forcefully Hide All Unwanted Dokan Elements ### */
/* ========================================================================= */

/* 
 * 1. Hides the "Become a Vendor" and "Wholesale" prompts from the main content.
 * This targets the <ul> container that holds them, based on your view-source.
 */
.woocommerce-MyAccount-content ul.dokan-account-migration-lists {
    display: none !important;
}

/* 
 * 2. Hides the "Vendors" link from the sidebar navigation.
 * This targets the specific list item for the vendors/following link.
 */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--following {
    display: none !important;
}

/* 
 * 3. A fallback to hide any other paragraphs that might appear.
 */
.woocommerce-MyAccount-content p:has(a[href*="dokan-become-a-"]) {
    display: none !important;
}


/* === STYLE OUR CUSTOM "BECOME A VENDOR" PROMPT (The "Green Box") === */

.sdeo-become-vendor-prompt {
    border: 1px solid #e9ecef !important;
    background-color: #fdfdfd !important;
    border-radius: 8px !important;
    padding: 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 25px !important; /* Add space from the "Hello..." text */
}

.sdeo-prompt-text {
    flex-grow: 1;
}

.sdeo-prompt-text h3 {
    margin: 0 0 5px 0;
    font-size: 18px;
    font-weight: 600;
}

.sdeo-prompt-text p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px;
    color: #555;
    line-height: 1.5;
}

/* Style our button to look professional */
.sdeo-vendor-button {
    background-color: #f0f0f0 !important;
    border: 1px solid #ccc !important;
    color: #333 !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
}

.sdeo-vendor-button:hover {
    background-color: #e0e0e0 !important;
    border-color: #999 !important;
    color: #000 !important;
}