/* Unified Icon System */
:root {
    --icon-primary: #5e72e4;
    --icon-secondary: #764ba2;
    --icon-success: #28a745;
    --icon-warning: #ffc107;
    --icon-danger: #dc3545;
    --icon-info: #17a2b8;
}

/* Standard Icon Sizes */
.icon-xs { font-size: 0.75rem; }
.icon-sm { font-size: 1rem; }
.icon-md { font-size: 1.5rem; }
.icon-lg { font-size: 2rem; }
.icon-xl { font-size: 3rem; }

/* Icon Colors */
.icon-primary { color: var(--icon-primary); }
.icon-secondary { color: var(--icon-secondary); }
.icon-success { color: var(--icon-success); }
.icon-warning { color: var(--icon-warning); }
.icon-danger { color: var(--icon-danger); }
.icon-info { color: var(--icon-info); }

/* Unified Umrah Icons */
.umrah-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    
    color: white;
    font-size: 1.2rem;
    margin-right: 0.75rem;
}

.umrah-icon.large {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
}

.umrah-icon.small {
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
}

/* Page-specific Icon Mappings */
.page-umrah-index .umrah-icon::before { content: "🕋"; }
.page-umrah-compare .umrah-icon::before { content: "⚖️"; }
.page-makkah-hotels .umrah-icon::before { content: "🏨"; }
.page-madinah-hotels .umrah-icon::before { content: "🌙"; }
.page-contact .umrah-icon::before { content: "📞"; }
.page-about .umrah-icon::before { content: "ℹ️"; }
.page-agencies .umrah-icon::before { content: "🏢"; }
.page-quality-pact .umrah-icon::before { content: "✅"; }
.page-guides .umrah-icon::before { content: "📖"; }

/* Icon Containers */
.icon-container {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.icon-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    background: rgba(94, 114, 228, 0.1);
    color: var(--icon-primary);
    font-size: 0.875rem;
    font-weight: 500;
}

/* Remove duplicate icons */
.duplicate-icon {
    display: none !important;
}

/* Consistent spacing for icons */
.icon-text {
    margin-left: 0.5rem;
}

/* Hover effects */
.umrah-icon:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(94, 114, 228, 0.4);
    transition: all 0.3s ease;
}