/* ============================================
   FULL WIDTH MARKETPLACE - COMPREHENSIVE FIX
   ============================================ */

/* Remove ALL padding/margin from dashboard wrapper for marketplace */
.silva-customer-dashboard:has(.tab-panel[data-tab="marketplace"]:not([hidden])) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
}

/* Remove padding from dashboard content container */
.silva-customer-dashboard .dashboard-content:has(.tab-panel[data-tab="marketplace"]:not([hidden])) {
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove padding from marketplace tab panel */
.silva-customer-dashboard .tab-panel[data-tab="marketplace"],
.silva-customer-dashboard #marketplace-tab {
    padding: 0 !important;
    margin: 0 !important;
}

/* Ensure KNX menu is full width */
.silva-customer-dashboard #olc-menu {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* Hide back button (not needed in dashboard) */
.silva-customer-dashboard #olc-menu .knx-header-back {
    display: none !important;
}

/* Hide hero sections (redundant in dashboard) */
.silva-customer-dashboard #olc-menu .knx-header-mobile,
.silva-customer-dashboard #olc-menu .knx-desktop-hero {
    display: none !important;
}

/* ============================================
   CARD OPTIMIZATION FOR 2-COLUMN LAYOUT
   ============================================ */

/* Optimize card grid spacing for 2 columns */
.silva-customer-dashboard #olc-menu .knx-menu__items {
    gap: 10px !important; /* Tighter gap for more card space */
    padding: 0 8px !important; /* Small side padding */
    grid-template-columns: repeat(2, 1fr) !important; /* Force 2 columns */
}

/* Optimize individual cards */
.silva-customer-dashboard #olc-menu .knx-menu__card {
    border-radius: 10px !important;
    overflow: hidden !important;
}

/* Optimize card images - reduce height for 2-column layout */
.silva-customer-dashboard #olc-menu .knx-menu__card-image {
    padding-top: 60% !important; /* Shorter aspect ratio */
}

/* Optimize card content padding */
.silva-customer-dashboard #olc-menu .knx-menu__card-content {
    padding: 10px !important;
}

/* Optimize card title - smaller for 2 columns */
.silva-customer-dashboard #olc-menu .knx-menu__card-title {
    font-size: 13px !important;
    line-height: 1.25 !important;
    margin-bottom: 4px !important;
    font-weight: 600 !important;
}

/* Optimize card description - limit to 2 lines */
.silva-customer-dashboard #olc-menu .knx-menu__card-description {
    font-size: 11px !important;
    line-height: 1.35 !important;
    margin-bottom: 6px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Optimize price display */
.silva-customer-dashboard #olc-menu .knx-menu__card-price {
    font-size: 15px !important;
    font-weight: 700 !important;
}

/* Optimize category headers */
.silva-customer-dashboard #olc-menu .knx-category-header {
    margin-bottom: 10px !important;
    padding: 0 8px 8px 8px !important;
}

.silva-customer-dashboard #olc-menu .knx-category-header-text {
    font-size: 16px !important;
}