/* Theme 5: Grid Intensive (الواجهة الشبكية المكثفة) */
:root {
    --app-bg: #f5f5f5;
    --primary: #e67e22; /* Vibrant Orange */
    --primary-light: #f39c12;
    --accent: #2c3e50; /* Deep blue/grey */
    --text-dark: #333333;
    --border: #dddddd;
}

body { background: var(--app-bg); font-size: 14px; }

/* Force dense grid on mobile */
.products-grid {
    grid-template-columns: repeat(3, 1fr) !important; /* 3 columns! */
    gap: 8px !important;
    padding: 10px !important;
}

/* Product Card - Condensed */
.product-card {
    border-radius: 4px !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: none !important;
    background: #ffffff !important;
}
.product-img {
    height: 100px !important; /* smaller image */
    border-radius: 4px 4px 0 0 !important;
}
.product-info {
    padding: 8px !important;
}
.product-title {
    font-size: 0.75rem !important;
    margin-bottom: 5px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-price span:last-child {
    font-size: 0.9rem !important;
}
.add-cart-btn {
    padding: 4px !important;
    font-size: 0.7rem !important;
    border-radius: 4px !important;
}
.add-cart-btn svg {
    display: none; /* hide icons to save space */
}

/* Header */
.app-header {
    background: #2c3e50 !important;
    border-bottom: 3px solid #e67e22 !important;
}
.header-top h4 { color: #ffffff !important; }
.header-icon { border: none !important; background: rgba(255,255,255,0.1) !important; border-radius: 4px !important;}

/* Categories - Dense */
.cats-grid {
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 5px !important;
    padding: 10px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #ddd !important;
}
.cat-circle {
    width: 50px !important;
    height: 50px !important;
    border-radius: 8px !important;
    border: 1px solid #eee !important;
    background: #fdfdfd !important;
}
.cat-item span {
    font-size: 0.7rem !important;
}

/* Overrides */
*[style*="background:#fff"], *[style*="background: #fff"], 
*[style*="background:#f9f9f9"], *[style*="background: #f9f9f9"] { 
    background: #ffffff !important; 
    border-color: #dddddd !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

*[style*="color:var(--primary)"] { color: #e67e22 !important; }
*[style*="background:var(--primary)"] { background: #e67e22 !important; color:#fff !important;}
*[style*="color:var(--accent)"] { color: #2c3e50 !important; }
*[style*="background:var(--accent)"] { background: #2c3e50 !important; color:#fff !important;}

/* Bottom Nav */
.bottom-nav {
    border-top: 1px solid #ddd !important;
}
.b-nav-item.active .icon-wrap {
    background: transparent !important;
    color: #e67e22 !important;
    box-shadow: none !important;
    transform: none !important;
    border-top: 3px solid #e67e22 !important;
    border-radius: 0 !important;
    width: 100% !important;
}
.b-nav-item.active { color: #e67e22 !important; }

/* Panels */
.btn-add, .btn-fav, .checkout-input {
    border-radius: 4px !important;
}