/**
 * WD Operations Suite - My Account Mobile Redesign
 * App-like mobile experience for WooCommerce My Account
 * 
 * @package WD_Operations_Suite
 * @version 1.1.10
 */

/* ==========================================================================
   Business Information Section - ALL SCREEN SIZES
   ========================================================================== */

.wd-ops-business-info {
    background: #f8f9fa !important;
    border: 1px solid #e2e4e7 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 25px !important;
}

.wd-ops-business-info-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1e3a5f !important;
    margin: 0 0 15px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #e2e4e7 !important;
}

.wd-ops-business-info-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
}

.wd-ops-business-info-item {
    display: flex !important;
    flex-direction: column !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #eee !important;
}

.wd-ops-business-info-item:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.wd-ops-business-info-label {
    font-size: 12px !important;
    color: #666 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 4px !important;
}

.wd-ops-business-info-value {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333 !important;
}

.wd-ops-business-info-help {
    font-size: 12px !important;
    color: #666 !important;
    margin: 15px 0 0 !important;
    padding-top: 12px !important;
    border-top: 1px solid #eee !important;
}

.wd-ops-business-info-debug {
    margin-top: 15px !important;
    padding: 10px !important;
    background: #fff3cd !important;
    border: 1px solid #ffc107 !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    font-family: monospace !important;
}

/* ==========================================================================
   Mobile-First Base Styles (< 768px)
   ========================================================================== */

@media screen and (max-width: 767px) {
    
    /* Business info - single column on mobile */
    .wd-ops-business-info-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* ==========================================================================
       HIDE ELEMENTS - Clean Dashboard
       ========================================================================== */
    
    /* Hide MY ACCOUNT header on all pages */
    .woocommerce-account .woocommerce-MyAccount-content > h2:first-child,
    .woocommerce-account .entry-title,
    .woocommerce-account .page-title,
    .woocommerce-account h1.page-title,
    .woocommerce-account .woocommerce-MyAccount-content > h1:first-child,
    .woocommerce-account header.entry-header,
    .woocommerce-MyAccount-content > h2:first-of-type {
        display: none !important;
    }
    
    /* Hide theme's My Account navigation cards (Woodmart .wd-nav-my-acc) */
    .woocommerce-account .woocommerce-MyAccount-content .wd-nav-my-acc,
    .woocommerce-account .woocommerce-MyAccount-content .wd-nav-wrapper,
    .woocommerce-account .woocommerce-MyAccount-content > .wd-nav-my-acc,
    .woocommerce-MyAccount-content .wd-nav-my-acc {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Hide B2BKing large navigation cards on dashboard */
    .woocommerce-account .woocommerce-MyAccount-content .b2bking-my-account-section,
    .woocommerce-account .woocommerce-MyAccount-content > div.b2bking-my-account-section,
    .woocommerce-account .woocommerce-MyAccount-content div[class*="b2bking-my-account-section"],
    .woocommerce-account .b2bking-my-account-container,
    .woocommerce-account .woocommerce-MyAccount-content > .b2bking-my-account-section-container,
    .woocommerce-account .woocommerce-MyAccount-content > div > .b2bking-my-account-section,
    .woocommerce-MyAccount-content .b2bking-my-account-section {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* ==========================================================================
       HIDE NAVIGATION ON NON-DASHBOARD PAGES
       ========================================================================== */
    
    /* Hide navigation on all pages except dashboard */
    .woocommerce-account:not(.wd-ops-endpoint-dashboard) .woocommerce-MyAccount-navigation {
        display: none !important;
    }
    
    /* ==========================================================================
       STICKY BACK TO DASHBOARD BUTTON
       ========================================================================== */
    
    .wd-ops-back-to-dashboard {
        position: sticky !important;
        top: 0 !important;
        z-index: 100 !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 14px 20px !important;
        background: #fff !important;
        border: 1px solid #e2e4e7 !important;
        border-radius: 0 !important;
        color: #1e3a5f !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        margin: -15px -15px 20px -15px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    }
    
    .wd-ops-back-to-dashboard svg {
        width: 20px !important;
        height: 20px !important;
        flex-shrink: 0 !important;
    }
    
    /* Hide our credit card on dashboard */
    .woocommerce-account.woocommerce-page .wd-ops-credit-card {
        display: none !important;
    }
    
    /* Hide bottom navigation - website has its own */
    .wd-ops-bottom-nav {
        display: none !important;
    }
    
    /* ==========================================================================
       Full Width Layout
       ========================================================================== */
    
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100% !important;
        float: none !important;
        margin-bottom: 20px !important;
    }
    
    /* ==========================================================================
       Navigation Grid - 3 Columns with SVG Icons
       ========================================================================== */
    
    /* Navigation Grid Container */
    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 12px !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
    
    /* Navigation Links */
    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 16px 8px !important;
        background: #fff !important;
        border: 1px solid #e2e4e7 !important;
        border-radius: 12px !important;
        text-decoration: none !important;
        color: #1e3a5f !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        text-align: center !important;
        min-height: 90px !important;
        transition: all 0.2s ease !important;
        -webkit-tap-highlight-color: transparent !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.04) !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
        background: #f8f9fa !important;
        border-color: #1e3a5f !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 8px rgba(0,0,0,0.08) !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
        background: #1e3a5f !important;
        border-color: #1e3a5f !important;
        color: #fff !important;
    }
    
    /* SVG Icons - Base styles */
    .woocommerce-account .woocommerce-MyAccount-navigation ul li a::before {
        content: '' !important;
        display: block !important;
        width: 32px !important;
        height: 32px !important;
        margin-bottom: 8px !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        opacity: 0.85 !important;
    }
    
    /* Dashboard Icon */
    .woocommerce-MyAccount-navigation-link--dashboard a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e3a5f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25'/%3E%3C/svg%3E") !important;
    }
    .woocommerce-MyAccount-navigation-link--dashboard.is-active a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25'/%3E%3C/svg%3E") !important;
    }
    
    /* Orders Icon */
    .woocommerce-MyAccount-navigation-link--orders a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e3a5f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M20.25 7.5l-.625 10.632a2.25 2.25 0 01-2.247 2.118H6.622a2.25 2.25 0 01-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125z'/%3E%3C/svg%3E") !important;
    }
    .woocommerce-MyAccount-navigation-link--orders.is-active a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M20.25 7.5l-.625 10.632a2.25 2.25 0 01-2.247 2.118H6.622a2.25 2.25 0 01-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125z'/%3E%3C/svg%3E") !important;
    }
    
    /* Company Credit Icon */
    .woocommerce-MyAccount-navigation-link--company-credit a::before,
    .woocommerce-MyAccount-navigation-link--credit a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e3a5f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z'/%3E%3C/svg%3E") !important;
    }
    .woocommerce-MyAccount-navigation-link--company-credit.is-active a::before,
    .woocommerce-MyAccount-navigation-link--credit.is-active a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z'/%3E%3C/svg%3E") !important;
    }
    
    /* Deliveries Icon */
    .woocommerce-MyAccount-navigation-link--deliveries a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e3a5f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 18.75a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 01-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h1.125c.621 0 1.129-.504 1.09-1.124a17.902 17.902 0 00-3.213-9.193 2.056 2.056 0 00-1.58-.86H14.25M16.5 18.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554 48.554 0 00-10.026 0 1.106 1.106 0 00-.987 1.106v7.635m12-6.677v6.677m0 4.5v-4.5m0 0h-12'/%3E%3C/svg%3E") !important;
    }
    .woocommerce-MyAccount-navigation-link--deliveries.is-active a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 18.75a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 01-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h1.125c.621 0 1.129-.504 1.09-1.124a17.902 17.902 0 00-3.213-9.193 2.056 2.056 0 00-1.58-.86H14.25M16.5 18.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554 48.554 0 00-10.026 0 1.106 1.106 0 00-.987 1.106v7.635m12-6.677v6.677m0 4.5v-4.5m0 0h-12'/%3E%3C/svg%3E") !important;
    }
    
    /* Downloads Icon */
    .woocommerce-MyAccount-navigation-link--downloads a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e3a5f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3'/%3E%3C/svg%3E") !important;
    }
    .woocommerce-MyAccount-navigation-link--downloads.is-active a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3'/%3E%3C/svg%3E") !important;
    }
    
    /* Addresses Icon */
    .woocommerce-MyAccount-navigation-link--edit-address a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e3a5f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 10.5a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z'/%3E%3C/svg%3E") !important;
    }
    .woocommerce-MyAccount-navigation-link--edit-address.is-active a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 10.5a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z'/%3E%3C/svg%3E") !important;
    }
    
    /* Payment Methods Icon */
    .woocommerce-MyAccount-navigation-link--payment-methods a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e3a5f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 002.25-2.25V6.75A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25v10.5A2.25 2.25 0 004.5 19.5z'/%3E%3C/svg%3E") !important;
    }
    .woocommerce-MyAccount-navigation-link--payment-methods.is-active a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 002.25-2.25V6.75A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25v10.5A2.25 2.25 0 004.5 19.5z'/%3E%3C/svg%3E") !important;
    }
    
    /* Account Details Icon */
    .woocommerce-MyAccount-navigation-link--edit-account a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e3a5f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z'/%3E%3C/svg%3E") !important;
    }
    .woocommerce-MyAccount-navigation-link--edit-account.is-active a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z'/%3E%3C/svg%3E") !important;
    }
    
    /* Logout Icon */
    .woocommerce-MyAccount-navigation-link--customer-logout a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e3a5f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15M12 9l-3 3m0 0l3 3m-3-3h12.75'/%3E%3C/svg%3E") !important;
    }
    
    /* ==========================================================================
       B2BKing Pro Icons
       ========================================================================== */
    
    /* Conversations Icon (Chat bubbles) */
    .woocommerce-MyAccount-navigation-link--conversations a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e3a5f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 01-.825-.242m9.345-8.334a2.126 2.126 0 00-.476-.095 48.64 48.64 0 00-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0011.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155'/%3E%3C/svg%3E") !important;
    }
    .woocommerce-MyAccount-navigation-link--conversations.is-active a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 01-.825-.242m9.345-8.334a2.126 2.126 0 00-.476-.095 48.64 48.64 0 00-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0011.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155'/%3E%3C/svg%3E") !important;
    }
    
    /* Offers Icon (Tag/Percent) */
    .woocommerce-MyAccount-navigation-link--offers a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e3a5f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9.568 3H5.25A2.25 2.25 0 003 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 005.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 009.568 3z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 6h.008v.008H6V6z'/%3E%3C/svg%3E") !important;
    }
    .woocommerce-MyAccount-navigation-link--offers.is-active a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9.568 3H5.25A2.25 2.25 0 003 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 005.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 009.568 3z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 6h.008v.008H6V6z'/%3E%3C/svg%3E") !important;
    }
    
    /* Purchase Lists Icon (Clipboard with list) */
    .woocommerce-MyAccount-navigation-link--purchase-lists a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e3a5f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z'/%3E%3C/svg%3E") !important;
    }
    .woocommerce-MyAccount-navigation-link--purchase-lists.is-active a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z'/%3E%3C/svg%3E") !important;
    }
    
    /* Bulk Order Icon (Shopping cart with plus) */
    .woocommerce-MyAccount-navigation-link--bulk-order a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e3a5f' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z'/%3E%3C/svg%3E") !important;
    }
    .woocommerce-MyAccount-navigation-link--bulk-order.is-active a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z'/%3E%3C/svg%3E") !important;
    }
    
    /* ==========================================================================
       Dashboard Layout - Welcome Text Above Navigation
       ========================================================================== */
    
    /* Use flexbox to reorder dashboard content */
    .woocommerce-account.wd-ops-endpoint-dashboard .woocommerce-MyAccount-content {
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* Welcome paragraph - move to top */
    .woocommerce-account.wd-ops-endpoint-dashboard .woocommerce-MyAccount-content > p:first-of-type {
        order: -2 !important;
        margin-bottom: 20px !important;
    }
    
    /* Navigation stays after welcome */
    .woocommerce-account .woocommerce-MyAccount-navigation {
        order: -1 !important;
    }
    
    /* ==========================================================================
       Logout Confirmation Modal
       ========================================================================== */
    
    .wd-ops-logout-modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.5);
        z-index: 99999;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
    
    .wd-ops-logout-modal.is-open {
        display: flex !important;
    }
    
    .wd-ops-logout-modal-content {
        background: #fff;
        border-radius: 16px;
        width: 100%;
        max-width: 320px;
        padding: 30px 25px;
        text-align: center;
        animation: modalSlideUp 0.2s ease;
    }
    
    @keyframes modalSlideUp {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }
    
    .wd-ops-logout-icon {
        width: 60px;
        height: 60px;
        background: #fee2e2;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 20px;
    }
    
    .wd-ops-logout-icon svg {
        width: 30px;
        height: 30px;
        color: #dc2626;
    }
    
    .wd-ops-logout-title {
        font-size: 18px;
        font-weight: 600;
        color: #333;
        margin: 0 0 10px;
    }
    
    .wd-ops-logout-text {
        font-size: 14px;
        color: #666;
        margin: 0 0 25px;
    }
    
    .wd-ops-logout-buttons {
        display: flex;
        gap: 12px;
    }
    
    .wd-ops-logout-btn {
        flex: 1;
        padding: 14px 20px;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        border: none;
        transition: all 0.2s;
    }
    
    .wd-ops-logout-btn-cancel {
        background: #f3f4f6;
        color: #374151;
    }
    
    .wd-ops-logout-btn-cancel:hover {
        background: #e5e7eb;
    }
    
    .wd-ops-logout-btn-confirm {
        background: #dc2626;
        color: #fff;
    }
    
    .wd-ops-logout-btn-confirm:hover {
        background: #b91c1c;
    }
    
    /* ==========================================================================
       Forms & Buttons
       ========================================================================== */
    
    .woocommerce-account .woocommerce-form input[type="text"],
    .woocommerce-account .woocommerce-form input[type="email"],
    .woocommerce-account .woocommerce-form input[type="tel"],
    .woocommerce-account .woocommerce-form input[type="password"],
    .woocommerce-account .woocommerce-form input[type="number"],
    .woocommerce-account .woocommerce-form select,
    .woocommerce-account .woocommerce-form textarea {
        width: 100% !important;
        padding: 14px 16px !important;
        font-size: 16px !important;
        border: 1px solid #e2e4e7 !important;
        border-radius: 10px !important;
        background: #fff !important;
        -webkit-appearance: none !important;
        min-height: 50px !important;
    }
    
    .woocommerce-account .woocommerce-Button,
    .woocommerce-account button[type="submit"]:not(.wd-ops-topup-amount),
    .woocommerce-account .button.alt {
        width: 100% !important;
        padding: 16px 24px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        border-radius: 10px !important;
        min-height: 54px !important;
        background: #1e3a5f !important;
        color: #fff !important;
        border: none !important;
    }
    
    /* ==========================================================================
       Address Cards
       ========================================================================== */
    
    .woocommerce-account .woocommerce-Addresses {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    .woocommerce-account .woocommerce-Address {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }
    
    .woocommerce-account .woocommerce-Address-title {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 15px !important;
        background: #f8f9fa !important;
        border-radius: 12px 12px 0 0 !important;
        border: 1px solid #e2e4e7 !important;
        border-bottom: none !important;
        margin: 0 !important;
    }
    
    .woocommerce-account address {
        padding: 15px !important;
        background: #fff !important;
        border: 1px solid #e2e4e7 !important;
        border-top: none !important;
        border-radius: 0 0 12px 12px !important;
        font-style: normal !important;
        line-height: 1.6 !important;
    }
    
    /* ==========================================================================
       Company Credit - Payment Terms Card
       ========================================================================== */
    
    .wd-ops-payment-terms-card {
        background: #f0f9ff !important;
        border: 1px solid #bae6fd !important;
        border-radius: 12px !important;
        padding: 16px !important;
        margin-top: 15px !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
    }
    
    .wd-ops-payment-terms-icon {
        width: 40px !important;
        height: 40px !important;
        background: #0ea5e9 !important;
        border-radius: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
    }
    
    .wd-ops-payment-terms-icon svg {
        width: 22px !important;
        height: 22px !important;
        color: #fff !important;
    }
    
    .wd-ops-payment-terms-content {
        flex: 1 !important;
    }
    
    .wd-ops-payment-terms-label {
        font-size: 11px !important;
        color: #0369a1 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        font-weight: 600 !important;
    }
    
    .wd-ops-payment-terms-value {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #0c4a6e !important;
    }
    
    /* ==========================================================================
       Prepaid Balance Card - White Text
       ========================================================================== */
    
    .wd-cc-prepaid-card,
    .wd-cc-prepaid-card *,
    .wd-cc-prepaid-card .woocommerce-Price-amount,
    .wd-cc-prepaid-card bdi,
    .wd-cc-card.wd-cc-prepaid,
    .wd-cc-card.wd-cc-prepaid * {
        color: #fff !important;
    }
    
    /* ==========================================================================
       Account Details - Business Info Section
       ========================================================================== */
    
    .wd-ops-business-info {
        background: #f8f9fa !important;
        border: 1px solid #e2e4e7 !important;
        border-radius: 12px !important;
        padding: 20px !important;
        margin-bottom: 25px !important;
    }
    
    .wd-ops-business-info-title {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #1e3a5f !important;
        margin: 0 0 15px !important;
        padding-bottom: 12px !important;
        border-bottom: 1px solid #e2e4e7 !important;
    }
    
    .wd-ops-business-info-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    
    .wd-ops-business-info-item {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 10px 0 !important;
        border-bottom: 1px solid #eee !important;
    }
    
    .wd-ops-business-info-item:last-child {
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }
    
    .wd-ops-business-info-label {
        font-size: 13px !important;
        color: #666 !important;
    }
    
    .wd-ops-business-info-value {
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #333 !important;
    }
    
    .wd-ops-business-info-help {
        font-size: 12px !important;
        color: #666 !important;
        margin: 15px 0 0 !important;
        padding-top: 12px !important;
        border-top: 1px solid #eee !important;
    }
    
}

/* ==========================================================================
   Company Credit Page - Transaction Table Mobile
   ========================================================================== */

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

    /* Hide desktop table on mobile */
    .wd-cc-table {
        display: none !important;
    }
    
    /* Mobile transaction cards */
    .wd-cc-transactions-mobile {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }
    
    .wd-cc-tx-card {
        background: #fff !important;
        border: 1px solid #e2e4e7 !important;
        border-radius: 12px !important;
        padding: 16px !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.04) !important;
    }
    
    .wd-cc-tx-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-bottom: 12px !important;
    }
    
    .wd-cc-tx-date {
        font-size: 12px !important;
        color: #666 !important;
    }
    
    .wd-cc-tx-type {
        display: inline-block !important;
        padding: 4px 12px !important;
        border-radius: 20px !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }
    
    .wd-cc-tx-type-admin-credit,
    .wd-cc-tx-type-topup,
    .wd-cc-tx-type-credit {
        background: #d4edda !important;
        color: #155724 !important;
    }
    
    .wd-cc-tx-type-order,
    .wd-cc-tx-type-debit {
        background: #f8d7da !important;
        color: #721c24 !important;
    }
    
    .wd-cc-tx-type-payment {
        background: #cce5ff !important;
        color: #004085 !important;
    }
    
    .wd-cc-tx-body {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
    
    .wd-cc-tx-amount {
        font-size: 22px !important;
        font-weight: 700 !important;
    }
    
    .wd-cc-tx-amount.positive {
        color: #28a745 !important;
    }
    
    .wd-cc-tx-amount.negative {
        color: #dc3545 !important;
    }
    
    .wd-cc-tx-balance {
        text-align: right !important;
    }
    
    .wd-cc-tx-balance-label {
        font-size: 10px !important;
        color: #666 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }
    
    .wd-cc-tx-balance-value {
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #333 !important;
    }
    
    .wd-cc-tx-view-btn {
        display: block !important;
        width: 100% !important;
        padding: 12px !important;
        margin-top: 12px !important;
        background: #f8f9fa !important;
        border: 1px solid #e2e4e7 !important;
        border-radius: 8px !important;
        color: #1e3a5f !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        text-align: center !important;
        cursor: pointer !important;
        text-decoration: none !important;
        transition: all 0.2s ease !important;
    }
    
    .wd-cc-tx-view-btn:hover {
        background: #e9ecef !important;
        border-color: #1e3a5f !important;
    }
    
    /* Transaction Modal */
    .wd-cc-modal-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.5);
        z-index: 99999;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
    
    .wd-cc-modal-overlay.is-open {
        display: flex !important;
    }
    
    .wd-cc-modal {
        background: #fff;
        border-radius: 16px;
        width: 100%;
        max-width: 400px;
        max-height: 90vh;
        overflow-y: auto;
        animation: modalSlideUp 0.2s ease;
    }
    
    .wd-cc-modal-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px;
        border-bottom: 1px solid #e2e4e7;
    }
    
    .wd-cc-modal-title {
        font-size: 18px;
        font-weight: 600;
        color: #333;
        margin: 0;
    }
    
    .wd-cc-modal-close {
        background: none;
        border: none;
        font-size: 28px;
        color: #666;
        cursor: pointer;
        padding: 0;
        line-height: 1;
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: background 0.2s;
    }
    
    .wd-cc-modal-close:hover {
        background: #f0f0f0;
    }
    
    .wd-cc-modal-body {
        padding: 20px;
    }
    
    .wd-cc-modal-row {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 14px 0;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .wd-cc-modal-row:last-child {
        border-bottom: none;
    }
    
    .wd-cc-modal-label {
        font-size: 13px;
        color: #666;
        flex-shrink: 0;
    }
    
    .wd-cc-modal-value {
        font-size: 14px;
        font-weight: 500;
        color: #333;
        text-align: right;
        word-break: break-word;
        max-width: 60%;
    }
    
    /* Tab styling improvements */
    .wd-cc-tabs {
        display: flex !important;
        gap: 0 !important;
        margin-bottom: 20px !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        border: 1px solid #e2e4e7 !important;
    }
    
    .wd-cc-tab {
        flex: 1 !important;
        padding: 12px 8px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        background: #f8f9fa !important;
        border: none !important;
        border-right: 1px solid #e2e4e7 !important;
        color: #666 !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
    }
    
    .wd-cc-tab:last-child {
        border-right: none !important;
    }
    
    .wd-cc-tab.active {
        background: #1e3a5f !important;
        color: #fff !important;
    }
    
    /* Top-up grid - 2 columns on mobile */
    .wd-cc-topup-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Desktop - show table, hide mobile cards */
@media screen and (min-width: 768px) {
    .wd-cc-transactions-mobile,
    .wd-cc-modal-overlay,
    .wd-ops-logout-modal,
    .wd-ops-back-to-dashboard {
        display: none !important;
    }
    
    .wd-cc-table {
        display: table !important;
    }
}