/* ==========================================================================
   MALIK IT SOLUTIONS - CORE THEME SYNCHRONIZATION ENGINE & OVERRIDES
   ========================================================================== */

/* 1. Global Setup & Structural Fonts Check */
@import url('https://googleapis.com');

body { 
    font-family: 'Inter', sans-serif !important; 
    background-color: #f8fafc !important; 
}

/* 2. Public Header Area, Navigation & Icon Alignments */
.info-items-flex {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.info-items-flex li {
    display: inline-flex !important;
    align-items: center !important;
    text-align: left !important;
}

/* آئیکنز کو ان کے چوکور یا گول بلاکس کے عین بیچ میں فکس کرنا */
.call-us-part .icon, .mail-part .icon, .office-time-part .icon,
.address-icon, .call-us-icon, .mail-us-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: normal !important;
    flex-shrink: 0 !important;
}

/* اگر لکیروں کے اندر آئیکن نیچے جا رہا ہو تو اسے سیدھا کرنا */
.info-items-flex li i, .info-bottom-right li i, .contact-widget-area i {
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Global Cards Layout Grid Fix */
.card, .indurance-feature-item { 
    border: none !important; 
    border-radius: 16px !important; 
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important; 
    background: #ffffff !important;
    overflow: hidden !important; 
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* فرنٹ اینڈ کیٹلاگ کارڈز کا انٹرفیس */
.indurance-feature-item:hover { 
    transform: translateY(-6px) !important; 
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; 
}

.feature-image-wrapper {
    width: 100% !important;
    height: 200px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f1f5f9 !important;
}

.feature-image-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 4. Action Controls & Corporate Colors */
.text-theme-color { color: #04B404 !important; }

.btn-order-now {
    background: #04B404 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    padding: 12px 24px !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    border: none !important;
    letter-spacing: -0.2px !important;
}

.btn-order-now:hover {
    background: #039403 !important;
    box-shadow: 0 4px 12px rgba(4, 180, 4, 0.3) !important;
    text-decoration: none !important;
}

.price-badge-home {
    background: rgba(4, 180, 4, 0.1) !important;
    color: #04B404 !important;
    padding: 6px 14px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    display: inline-block !important;
}

/* 5. Modern Data Forms Control Interface */
.form-label { 
    font-weight: 600 !important; 
    color: #334155 !important; 
    font-size: 0.88rem !important; 
    margin-bottom: 8px !important; 
}

.form-control { 
    height: 48px !important; 
    border-radius: 10px !important; 
    border: 1px solid #cbd5e1 !important; 
    padding: 10px 16px !important;
    font-size: 0.95rem !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.form-control:focus { 
    border-color: #04B404 !important; 
    box-shadow: 0 0 0 3px rgba(4, 180, 4, 0.15) !important; 
}

.btn-submit-premium, .btn-premium-submit { 
    background: #04B404 !important; 
    color: #ffffff !important; 
    border: none !important; 
    height: 48px !important; 
    border-radius: 10px !important; 
    font-weight: 600 !important; 
    font-size: 1rem !important; 
    transition: all 0.2s ease !important; 
    cursor: pointer !important; 
}

/* 6. Admin Panel Control Dashboard Utilities */
.stat-card {
    border: none !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    margin-bottom: 24px !important;
}

.stat-number { 
    font-size: 2.2rem !important; 
    font-weight: 700 !important; 
    color: #0f172a !important; 
    letter-spacing: -1px !important;
}

/* Admin Elements Status Configurations */
.badge-active, .badge-completed { background-color: rgba(22, 163, 74, 0.1) !important; color: #16a34a !important; padding: 6px 14px !important; border-radius: 20px !important; font-weight: 600 !important; display: inline-block !important; }
.badge-inactive, .badge-pending, .badge-status-pending { background-color: rgba(239, 68, 68, 0.1) !important; color: #ef4444 !important; padding: 6px 14px !important; border-radius: 20px !important; font-weight: 600 !important; display: inline-block !important; }

/* Admin Dynamic Actions Elements Layout */
.action-btn, .btn-action-complete, .btn-action-delete { 
    width: 38px !important; 
    height: 38px !important; 
    display: inline-flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    border-radius: 10px !important; 
    transition: all 0.2s ease !important; 
    font-size: 1.05rem !important; 
    border: none !important;
}
.btn-edit, .btn-action-complete { background: rgba(4, 180, 4, 0.1) !important; color: #04B404 !important; }
.btn-edit:hover, .btn-action-complete:hover { background: #04B404 !important; color: #fff !important; text-decoration: none !important; }
.btn-delete, .btn-action-delete { background: rgba(239, 68, 68, 0.1) !important; color: #ef4444 !important; }
.btn-delete:hover, .btn-action-delete:hover { background: #ef4444 !important; color: #fff !important; text-decoration: none !important; }

.preview-img { max-width: 110px !important; border-radius: 8px !important; border: 1px solid #e2e8f0 !important; padding: 4px !important; background: #fff !important; }

/* 7. Comprehensive Mobile Structural Adaptations */
@media (max-width: 991px) {
    .info-bar-inner {
        flex-direction: column !important;
        justify-content: center !important;
        text-align: center !important;
    }
    .info-items-flex {
        justify-content: center !important;
        margin-top: 15px !important;
    }
    .info-items-flex li {
        margin-bottom: 15px !important;
        justify-content: center !important;
    }
    .info-bottom-right {
        justify-content: center !important;
        width: 100% !important;
    }
    .info-bottom-right li {
        margin: 5px 10px !important;
    }
}