/* =========================================================
   Deals for Buddies - Premium Dashboard & Sidebar UI/UX
   Matches premium auction card design:
   light blue sections, white cards, rounded corners, clean spacing.
   ========================================================= */

/* Core palette */
:root{
    --dfb-blue:#0b4ea2;
    --dfb-blue-2:#1e6bff;
    --dfb-light:#edf7ff;
    --dfb-light-2:#f8fbff;
    --dfb-border:#d7eaff;
    --dfb-text:#0f172a;
    --dfb-muted:#64748b;
    --dfb-card:#ffffff;
    --dfb-shadow:0 12px 30px rgba(15,23,42,.08);
    --dfb-shadow-hover:0 24px 55px rgba(15,23,42,.14);
    --dfb-radius:22px;
}

/* Customer dashboard main wrapper */
.bbb-customer-area,
.bbb-dashboard,
.bbb-user-dashboard,
.dfb-customer-dashboard,
.dfb-user-dashboard,
.bbb-account-wrap,
.bbb-account-area,
.bbb-frontend-dashboard,
.bbb-my-account,
.bbb-customer-dashboard {
    background:linear-gradient(180deg,var(--dfb-light) 0%,var(--dfb-light-2) 100%) !important;
    border:1px solid var(--dfb-border) !important;
    border-radius:26px !important;
    padding:24px !important;
    margin:24px 0 !important;
    box-shadow:none !important;
    color:var(--dfb-text) !important;
}

/* Dashboard page headings */
.bbb-customer-area h1,
.bbb-customer-area h2,
.bbb-customer-area h3,
.bbb-dashboard h1,
.bbb-dashboard h2,
.bbb-dashboard h3,
.dfb-customer-dashboard h1,
.dfb-customer-dashboard h2,
.dfb-customer-dashboard h3,
.bbb-account-wrap h1,
.bbb-account-wrap h2,
.bbb-account-wrap h3,
.bbb-frontend-dashboard h1,
.bbb-frontend-dashboard h2,
.bbb-frontend-dashboard h3 {
    color:var(--dfb-text) !important;
    font-weight:900 !important;
    letter-spacing:-.03em !important;
    line-height:1.15 !important;
}

/* Dashboard nav/tabs */
.bbb-dashboard-nav,
.bbb-account-nav,
.bbb-customer-menu,
.bbb-customer-tabs,
.bbb-dashboard-tabs,
.dfb-dashboard-nav,
.dfb-customer-tabs,
.bbb-account-links,
.bbb-user-menu,
.bbb-profile-nav {
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
    background:#fff !important;
    border:1px solid var(--dfb-border) !important;
    border-radius:999px !important;
    padding:10px !important;
    margin:0 0 20px !important;
    box-shadow:0 8px 22px rgba(15,23,42,.06) !important;
}

.bbb-dashboard-nav a,
.bbb-account-nav a,
.bbb-customer-menu a,
.bbb-customer-tabs a,
.bbb-dashboard-tabs a,
.dfb-dashboard-nav a,
.dfb-customer-tabs a,
.bbb-account-links a,
.bbb-user-menu a,
.bbb-profile-nav a,
.bbb-dashboard-nav button,
.bbb-account-nav button,
.bbb-customer-menu button,
.bbb-customer-tabs button {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:40px !important;
    padding:10px 15px !important;
    border-radius:999px !important;
    border:1px solid transparent !important;
    background:transparent !important;
    color:var(--dfb-blue) !important;
    font-size:13px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    line-height:1 !important;
    transition:all .18s ease !important;
    box-shadow:none !important;
}

.bbb-dashboard-nav a:hover,
.bbb-account-nav a:hover,
.bbb-customer-menu a:hover,
.bbb-customer-tabs a:hover,
.bbb-dashboard-tabs a:hover,
.dfb-dashboard-nav a:hover,
.dfb-customer-tabs a:hover,
.bbb-account-links a:hover,
.bbb-user-menu a:hover,
.bbb-profile-nav a:hover,
.bbb-dashboard-nav .active,
.bbb-account-nav .active,
.bbb-customer-menu .active,
.bbb-customer-tabs .active,
.bbb-dashboard-tabs .active,
.dfb-dashboard-nav .active,
.dfb-customer-tabs .active,
.bbb-account-links .active,
.bbb-user-menu .active,
.bbb-profile-nav .active {
    background:linear-gradient(135deg,var(--dfb-blue),var(--dfb-blue-2)) !important;
    color:#fff !important;
    box-shadow:0 10px 22px rgba(11,78,162,.20) !important;
}

/* Common dashboard cards/widgets */
.bbb-dashboard-card,
.bbb-user-card,
.bbb-account-card,
.bbb-stat-card,
.bbb-widget,
.dfb-dashboard-card,
.dfb-widget,
.bbb-panel,
.bbb-box,
.bbb-notice-card,
.bbb-invoice-card,
.bbb-delivery-card,
.bbb-offer-card,
.bbb-watchlist-card,
.bbb-notification-card,
.bbb-payment-card,
.bbb-address-card {
    background:#fff !important;
    border:1px solid rgba(15,23,42,.08) !important;
    border-radius:var(--dfb-radius) !important;
    padding:18px !important;
    box-shadow:var(--dfb-shadow) !important;
    color:var(--dfb-text) !important;
    overflow:hidden !important;
}

.bbb-dashboard-card:hover,
.bbb-user-card:hover,
.bbb-account-card:hover,
.bbb-stat-card:hover,
.dfb-dashboard-card:hover,
.dfb-widget:hover,
.bbb-widget:hover,
.bbb-panel:hover,
.bbb-box:hover,
.bbb-invoice-card:hover,
.bbb-delivery-card:hover,
.bbb-offer-card:hover,
.bbb-watchlist-card:hover {
    border-color:#b8dcff !important;
    box-shadow:var(--dfb-shadow-hover) !important;
}

/* Stats grid */
.bbb-dashboard-stats,
.bbb-stats-grid,
.dfb-stats-grid,
.bbb-summary-cards,
.bbb-overview-grid,
.bbb-account-summary {
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) !important;
    gap:16px !important;
    margin:18px 0 !important;
}

.bbb-dashboard-stats > *,
.bbb-stats-grid > *,
.dfb-stats-grid > *,
.bbb-summary-cards > *,
.bbb-overview-grid > *,
.bbb-account-summary > * {
    background:#fff !important;
    border:1px solid var(--dfb-border) !important;
    border-radius:20px !important;
    padding:16px !important;
    box-shadow:0 10px 26px rgba(15,23,42,.07) !important;
}

.bbb-dashboard-stats strong,
.bbb-stats-grid strong,
.dfb-stats-grid strong,
.bbb-summary-cards strong,
.bbb-overview-grid strong,
.bbb-account-summary strong {
    display:block !important;
    color:var(--dfb-blue) !important;
    font-size:28px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:-.04em !important;
}

.bbb-dashboard-stats span,
.bbb-stats-grid span,
.dfb-stats-grid span,
.bbb-summary-cards span,
.bbb-overview-grid span,
.bbb-account-summary span {
    color:var(--dfb-muted) !important;
    font-size:12px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.05em !important;
}

/* Tables in dashboard */
.bbb-customer-area table,
.bbb-dashboard table,
.bbb-account-wrap table,
.dfb-customer-dashboard table,
.bbb-frontend-dashboard table,
.bbb-user-dashboard table {
    width:100% !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
    background:#fff !important;
    border:1px solid var(--dfb-border) !important;
    border-radius:20px !important;
    overflow:hidden !important;
    box-shadow:var(--dfb-shadow) !important;
}

.bbb-customer-area table thead th,
.bbb-dashboard table thead th,
.bbb-account-wrap table thead th,
.dfb-customer-dashboard table thead th,
.bbb-frontend-dashboard table thead th,
.bbb-user-dashboard table thead th {
    background:#f1f8ff !important;
    color:var(--dfb-text) !important;
    font-size:12px !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
    letter-spacing:.05em !important;
    padding:14px 13px !important;
    border-bottom:1px solid var(--dfb-border) !important;
}

.bbb-customer-area table td,
.bbb-dashboard table td,
.bbb-account-wrap table td,
.dfb-customer-dashboard table td,
.bbb-frontend-dashboard table td,
.bbb-user-dashboard table td {
    padding:13px !important;
    border-bottom:1px solid #eef2f7 !important;
    color:var(--dfb-text) !important;
    font-size:14px !important;
    vertical-align:middle !important;
}

.bbb-customer-area table tbody tr:hover,
.bbb-dashboard table tbody tr:hover,
.bbb-account-wrap table tbody tr:hover,
.dfb-customer-dashboard table tbody tr:hover,
.bbb-frontend-dashboard table tbody tr:hover,
.bbb-user-dashboard table tbody tr:hover {
    background:#f8fbff !important;
}

/* Forms */
.bbb-customer-area input[type="text"],
.bbb-customer-area input[type="email"],
.bbb-customer-area input[type="password"],
.bbb-customer-area input[type="number"],
.bbb-customer-area input[type="tel"],
.bbb-customer-area textarea,
.bbb-customer-area select,
.bbb-dashboard input[type="text"],
.bbb-dashboard input[type="email"],
.bbb-dashboard input[type="password"],
.bbb-dashboard input[type="number"],
.bbb-dashboard input[type="tel"],
.bbb-dashboard textarea,
.bbb-dashboard select,
.bbb-account-wrap input,
.bbb-account-wrap textarea,
.bbb-account-wrap select,
.dfb-customer-dashboard input,
.dfb-customer-dashboard textarea,
.dfb-customer-dashboard select {
    border:1px solid #cbd5e1 !important;
    border-radius:14px !important;
    min-height:42px !important;
    padding:10px 12px !important;
    background:#fff !important;
    color:var(--dfb-text) !important;
    box-shadow:none !important;
    outline:none !important;
}

.bbb-customer-area input:focus,
.bbb-customer-area textarea:focus,
.bbb-customer-area select:focus,
.bbb-dashboard input:focus,
.bbb-dashboard textarea:focus,
.bbb-dashboard select:focus,
.bbb-account-wrap input:focus,
.bbb-account-wrap textarea:focus,
.bbb-account-wrap select:focus,
.dfb-customer-dashboard input:focus,
.dfb-customer-dashboard textarea:focus,
.dfb-customer-dashboard select:focus {
    border-color:#7bbcff !important;
    box-shadow:0 0 0 4px rgba(30,107,255,.10) !important;
}

/* Buttons */
.bbb-customer-area button,
.bbb-customer-area .button,
.bbb-customer-area input[type="submit"],
.bbb-dashboard button,
.bbb-dashboard .button,
.bbb-dashboard input[type="submit"],
.bbb-account-wrap button,
.bbb-account-wrap .button,
.bbb-account-wrap input[type="submit"],
.dfb-customer-dashboard button,
.dfb-customer-dashboard .button,
.dfb-customer-dashboard input[type="submit"] {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:42px !important;
    border:0 !important;
    border-radius:999px !important;
    padding:10px 16px !important;
    background:linear-gradient(135deg,var(--dfb-blue),var(--dfb-blue-2)) !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
    text-decoration:none !important;
    box-shadow:0 12px 22px rgba(11,78,162,.22) !important;
    cursor:pointer !important;
}

.bbb-customer-area button:hover,
.bbb-customer-area .button:hover,
.bbb-dashboard button:hover,
.bbb-dashboard .button:hover,
.bbb-account-wrap button:hover,
.bbb-account-wrap .button:hover,
.dfb-customer-dashboard button:hover,
.dfb-customer-dashboard .button:hover {
    transform:translateY(-1px) !important;
    box-shadow:0 16px 28px rgba(11,78,162,.28) !important;
}

/* Status pills */
.bbb-status,
.bbb-badge,
.bbb-invoice-status,
.bbb-delivery-status,
.dfb-status,
.dfb-badge,
.status,
.badge {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:24px !important;
    padding:5px 9px !important;
    border-radius:999px !important;
    background:#eaf4ff !important;
    color:var(--dfb-blue) !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
}

/* My deliveries user-facing polish */
.bbb-deliveries,
.bbb-my-deliveries,
.dfb-deliveries,
#bbb-deliveries,
#dfb-deliveries {
    background:#fff !important;
    border:1px solid var(--dfb-border) !important;
    border-radius:var(--dfb-radius) !important;
    padding:18px !important;
    box-shadow:var(--dfb-shadow) !important;
}

/* Sidebar widgets */
.bbb-sidebar,
.dfb-sidebar,
.bbb-auction-sidebar,
.dfb-auction-sidebar,
.widget-area,
.sidebar,
aside {
    --dfb-sidebar-gap:16px;
}

.bbb-sidebar .widget,
.dfb-sidebar .widget,
.bbb-auction-sidebar .widget,
.dfb-auction-sidebar .widget,
.widget-area .widget,
.sidebar .widget,
aside .widget,
.bbb-category-sidebar,
.dfb-category-sidebar,
.bbb-sidebar-box,
.dfb-sidebar-box {
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
    border:1px solid var(--dfb-border) !important;
    border-radius:22px !important;
    padding:18px !important;
    margin-bottom:16px !important;
    box-shadow:var(--dfb-shadow) !important;
    overflow:hidden !important;
}

.bbb-sidebar .widget-title,
.dfb-sidebar .widget-title,
.bbb-auction-sidebar .widget-title,
.dfb-auction-sidebar .widget-title,
.widget-area .widget-title,
.sidebar .widget-title,
aside .widget-title,
.bbb-category-sidebar h3,
.dfb-category-sidebar h3,
.bbb-sidebar-box h3,
.dfb-sidebar-box h3 {
    margin:0 0 12px !important;
    color:var(--dfb-text) !important;
    font-size:18px !important;
    line-height:1.2 !important;
    font-weight:1000 !important;
    letter-spacing:-.03em !important;
}

/* Sidebar category lists */
.bbb-sidebar ul,
.dfb-sidebar ul,
.bbb-auction-sidebar ul,
.dfb-auction-sidebar ul,
.widget-area .widget ul,
.sidebar .widget ul,
aside .widget ul,
.bbb-category-sidebar ul,
.dfb-category-sidebar ul {
    list-style:none !important;
    padding:0 !important;
    margin:0 !important;
    display:grid !important;
    gap:8px !important;
}

.bbb-sidebar li,
.dfb-sidebar li,
.bbb-auction-sidebar li,
.dfb-auction-sidebar li,
.widget-area .widget li,
.sidebar .widget li,
aside .widget li,
.bbb-category-sidebar li,
.dfb-category-sidebar li {
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}

.bbb-sidebar li a,
.dfb-sidebar li a,
.bbb-auction-sidebar li a,
.dfb-auction-sidebar li a,
.widget-area .widget li a,
.sidebar .widget li a,
aside .widget li a,
.bbb-category-sidebar li a,
.dfb-category-sidebar li a {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    min-height:42px !important;
    padding:10px 12px !important;
    border-radius:14px !important;
    background:#f1f8ff !important;
    color:var(--dfb-text) !important;
    text-decoration:none !important;
    font-size:14px !important;
    font-weight:900 !important;
    transition:all .18s ease !important;
}

.bbb-sidebar li a:hover,
.dfb-sidebar li a:hover,
.bbb-auction-sidebar li a:hover,
.dfb-auction-sidebar li a:hover,
.widget-area .widget li a:hover,
.sidebar .widget li a:hover,
aside .widget li a:hover,
.bbb-category-sidebar li a:hover,
.dfb-category-sidebar li a:hover {
    background:linear-gradient(135deg,var(--dfb-blue),var(--dfb-blue-2)) !important;
    color:#fff !important;
    transform:translateX(3px) !important;
}

/* Sidebar auction mini cards */
.bbb-sidebar .bbb-auction-card,
.dfb-sidebar .bbb-auction-card,
.bbb-auction-sidebar .bbb-auction-card,
.dfb-auction-sidebar .bbb-auction-card,
.widget-area .bbb-auction-card,
.sidebar .bbb-auction-card,
aside .bbb-auction-card {
    border-radius:18px !important;
    box-shadow:0 8px 22px rgba(15,23,42,.07) !important;
    margin-bottom:12px !important;
}

/* Notices */
.bbb-notice,
.dfb-notice,
.bbb-alert,
.dfb-alert,
.woocommerce-message,
.woocommerce-info {
    border:1px solid var(--dfb-border) !important;
    border-left:5px solid var(--dfb-blue) !important;
    background:#f1f8ff !important;
    color:var(--dfb-text) !important;
    border-radius:16px !important;
    padding:14px 16px !important;
    box-shadow:0 8px 20px rgba(15,23,42,.06) !important;
}

/* Mobile dashboard */
@media(max-width:768px){
    .bbb-customer-area,
    .bbb-dashboard,
    .bbb-user-dashboard,
    .dfb-customer-dashboard,
    .bbb-account-wrap,
    .bbb-frontend-dashboard {
        padding:16px !important;
        border-radius:18px !important;
    }

    .bbb-dashboard-nav,
    .bbb-account-nav,
    .bbb-customer-menu,
    .bbb-customer-tabs,
    .bbb-dashboard-tabs,
    .dfb-dashboard-nav,
    .dfb-customer-tabs,
    .bbb-account-links,
    .bbb-user-menu,
    .bbb-profile-nav {
        border-radius:18px !important;
        align-items:stretch !important;
    }

    .bbb-dashboard-nav a,
    .bbb-account-nav a,
    .bbb-customer-menu a,
    .bbb-customer-tabs a,
    .bbb-dashboard-tabs a,
    .dfb-dashboard-nav a,
    .dfb-customer-tabs a,
    .bbb-account-links a,
    .bbb-user-menu a,
    .bbb-profile-nav a {
        flex:1 1 calc(50% - 8px) !important;
    }

    .bbb-customer-area table,
    .bbb-dashboard table,
    .bbb-account-wrap table,
    .dfb-customer-dashboard table,
    .bbb-frontend-dashboard table,
    .bbb-user-dashboard table {
        display:block !important;
        overflow-x:auto !important;
        white-space:nowrap !important;
    }
}