/* 
 * Home Page Icons Colors - Matching Sidebar Colors
 * تلوين أيقونات الصفحة الرئيسية لتتطابق مع ألوان الشريط الجانبي
 */

/* ========================================
 * HOME PAGE ICONS COLORING
 * ======================================== */

/* Cashier/Kashier - Green */
.cont h2 .fa-dollar-sign {
    color: #27ae60 !important;
    font-size: 48px !important;
}

/* All Sales - Dark Red */
.cont h2 .fa-registered {
    color: #c0392b !important;
    font-size: 48px !important;
}

/* Sales Returns - Orange */
.cont h2 .fa-undo-alt {
    color: #f39c12 !important;
    font-size: 48px !important;
}

/* Purchases - Red */
.cont h2 .fa-cart-plus {
    color: #e74c3c !important;
    font-size: 48px !important;
}

/* Purchase Returns - Orange */
.cont h2 .fa-undo-alt {
    color: #f39c12 !important;
    font-size: 48px !important;
}

/* Products List - Orange */
.cont h2 .fa-cubes {
    color: #f39c12 !important;
    font-size: 48px !important;
}

/* Customers - Navy Blue */
.cont h2 .fa-address-book {
    color: #2c3e50 !important;
    font-size: 48px !important;
}

/* Suppliers - Navy Blue */
.cont h2 .fa-address-book {
    color: #2c3e50 !important;
    font-size: 48px !important;
}

/* Users - Teal */
.cont h2 .fa-users {
    color: #1abc9c !important;
    font-size: 48px !important;
}

/* Expenses - Navy Blue */
.cont h2 .fa-truck {
    color: #2c3e50 !important;
    font-size: 48px !important;
}

/* Repair/Maintenance - Teal */
.cont h2 .fa-wrench {
    color: #16a085 !important;
    font-size: 48px !important;
}

/* Manufacturing - Dark Orange */
.cont h2 .fa-industry {
    color: #d35400 !important;
    font-size: 48px !important;
}

/* Stock Report - Orange */
.cont h2 .fa-chart-bar {
    color: #ff9800 !important;
    font-size: 48px !important;
}

/* Daily Sales - Brown */
.cont h2 .fa-shopping-bag {
    color: #8b4513 !important;
    font-size: 48px !important;
}

/* Daily Purchases - Brown */
.cont h2 .fa-shopping-bag {
    color: #8b4513 !important;
    font-size: 48px !important;
}

/* ========================================
 * ICON SIZE INCREASE
 * ======================================== */

/* Increase all home page icon sizes */
.cont h2 i {
    font-size: 48px !important;
    transition: all 0.3s ease !important;
}

/* Hover effect for icons */
.cont:hover h2 i {
    font-size: 52px !important;
    transform: scale(1.1) !important;
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.9), 0 0 25px rgba(255, 255, 255, 0.7) !important;
    filter: brightness(1.2) !important;
}

/* ========================================
 * SPECIFIC ICON TARGETING
 * ======================================== */

/* Target specific icons by their parent links */
a[href="/pos/create"] h2 .fa-dollar-sign {
    color: #27ae60 !important;
}

a[href="/sells"] h2 .fa-registered {
    color: #c0392b !important;
}

a[href="/reports/product-sell-return-report"] h2 .fa-undo-alt {
    color: #f39c12 !important;
}

a[href="/purchases"] h2 .fa-cart-plus {
    color: #e74c3c !important;
}

a[href="/reports/product-purchase-report"] h2 .fa-undo-alt {
    color: #f39c12 !important;
}

a[href="/products"] h2 .fa-cubes {
    color: #f39c12 !important;
}

a[href="/contacts?type=customer"] h2 .fa-address-book {
    color: #2c3e50 !important;
}

a[href="/contacts?type=supplier"] h2 .fa-address-book {
    color: #2c3e50 !important;
}

a[href="/users"] h2 .fa-users {
    color: #1abc9c !important;
}

a[href="/expenses"] h2 .fa-truck {
    color: #2c3e50 !important;
}

a[href="/repair/dashboard"] h2 .fa-wrench {
    color: #16a085 !important;
}

a[href="manufacturing/recipe"] h2 .fa-industry {
    color: #d35400 !important;
}

a[href="reports/stock-report"] h2 .fa-chart-bar {
    color: #ff9800 !important;
}

a[href="reports/product-sell-report"] h2 .fa-shopping-bag {
    color: #8b4513 !important;
}

a[href="reports/product-purchase-report"] h2 .fa-shopping-bag {
    color: #8b4513 !important;
}

/* ========================================
 * ANIMATION EFFECTS
 * ======================================== */

/* Smooth transitions */
.cont {
    transition: all 0.3s ease !important;
}

/* Enhanced hover effect for containers */
.cont:hover {
    background-color: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 0 25px rgba(255, 255, 255, 0.8), 0 0 50px rgba(255, 255, 255, 0.6), 0 0 75px rgba(255, 255, 255, 0.4) !important;
    border: 2px solid #95a5a6 !important;
    border-radius: 10px !important;
    transform: translateY(-5px) !important;
}

/* Hover effect for text */
.cont:hover h2,
.cont:hover h3 {
    color: #333 !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8) !important;
    transform: scale(1.05) !important;
}

.cont h2 i {
    transition: all 0.3s ease !important;
}

/* Pulse animation on hover */
.cont:hover h2 i {
    animation: pulse 0.6s ease-in-out !important;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1.05); }
}

/* ========================================
 * FORCE OVERRIDE
 * ======================================== */

/* Force override any existing styles */
.cont h2 .fas,
.cont h2 .fa,
.cont h2 i {
    color: inherit !important;
}

/* Ensure our colors take precedence */
.cont a[href="/pos/create"] h2 i { color: #27ae60 !important; }
.cont a[href="/sells"] h2 i { color: #c0392b !important; }
.cont a[href*="sell-return"] h2 i { color: #f39c12 !important; }
.cont a[href="/purchases"] h2 i { color: #e74c3c !important; }
.cont a[href*="purchase-report"] h2 i { color: #f39c12 !important; }
.cont a[href="/products"] h2 i { color: #f39c12 !important; }
.cont a[href*="customer"] h2 i { color: #2c3e50 !important; }
.cont a[href*="supplier"] h2 i { color: #2c3e50 !important; }
.cont a[href="/users"] h2 i { color: #1abc9c !important; }
.cont a[href="/expenses"] h2 i { color: #2c3e50 !important; }
.cont a[href*="repair"] h2 i { color: #16a085 !important; }
.cont a[href*="manufacturing"] h2 i { color: #d35400 !important; }
.cont a[href*="stock-report"] h2 i { color: #ff9800 !important; }
.cont a[href*="sell-report"] h2 i { color: #8b4513 !important; }
.cont a[href*="purchase-report"] h2 i { color: #8b4513 !important; }

/* ========================================
 * SPECIFIC BORDERS BY ICON TYPE
 * ======================================== */

/* Cashier - Light gray border */
a[href="/pos/create"]:hover .cont {
    border: 2px solid #95a5a6 !important;
}

/* Sales - Light gray border */
a[href="/sells"]:hover .cont {
    border: 2px solid #95a5a6 !important;
}

/* Returns - Light gray border */
a[href*="return"]:hover .cont {
    border: 2px solid #95a5a6 !important;
}

/* Purchases - Light gray border */
a[href="/purchases"]:hover .cont {
    border: 2px solid #95a5a6 !important;
}

/* Products - Light gray border */
a[href="/products"]:hover .cont {
    border: 2px solid #95a5a6 !important;
}

/* Contacts - Light gray border */
a[href*="contacts"]:hover .cont {
    border: 2px solid #95a5a6 !important;
}

/* Users - Light gray border */
a[href="/users"]:hover .cont {
    border: 2px solid #95a5a6 !important;
}

/* Expenses - Light gray border */
a[href="/expenses"]:hover .cont {
    border: 2px solid #95a5a6 !important;
}

/* Repair - Light gray border */
a[href*="repair"]:hover .cont {
    border: 2px solid #95a5a6 !important;
}

/* Manufacturing - Light gray border */
a[href*="manufacturing"]:hover .cont {
    border: 2px solid #95a5a6 !important;
}

/* Reports - Light gray border */
a[href*="reports"]:hover .cont {
    border: 2px solid #95a5a6 !important;
}