/* SVG Icons Styles - Replaces Font Awesome Icon Fonts */

.svg-icon {
    display: inline-block;
    vertical-align: middle;
    fill: currentColor;
}

/* Size variations matching Font Awesome sizes */
.svg-icon-xs {
    width: 0.75em;
    height: 0.75em;
}

.svg-icon-sm {
    width: 0.875em;
    height: 0.875em;
}

.svg-icon-lg {
    width: 1.33333em;
    height: 1.33333em;
    vertical-align: -0.0667em;
}

.svg-icon-2x {
    width: 2em;
    height: 2em;
}

.svg-icon-3x {
    width: 3em;
    height: 3em;
}

.svg-icon-4x {
    width: 4em;
    height: 4em;
}

.svg-icon-5x {
    width: 5em;
    height: 5em;
}

/* Icon positioning */
.clock-icon .svg-icon,
.call-icon .svg-icon {
    width: 40px;
    height: 40px;
}

.contact-info-list li .svg-icon {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    flex-shrink: 0;
}

.social-list a .svg-icon,
.social-links a .svg-icon {
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
}

.social-list a:hover .svg-icon,
.social-links a:hover .svg-icon {
    transform: scale(1.1);
}

/* Float icons */
.icon-float .svg-icon {
    width: 30px;
    height: 30px;
}

/* Footer icons */
.single-widget ul li .svg-icon {
    width: 12px;
    height: 12px;
    margin-left: 8px;
}

/* Sidebar modal close button */
.modal-header .close .svg-icon {
    width: 24px;
    height: 24px;
}

/* Ensure SVG icons inherit color */
.svg-icon path {
    fill: currentColor;
}

/* Article cards icons */
.article-date-badge .svg-icon {
    width: 14px;
    height: 14px;
    margin-left: 5px;
}

.article-meta-info .svg-icon {
    width: 14px;
    height: 14px;
    margin-left: 5px;
}

.read-more-btn .svg-icon {
    width: 14px;
    height: 14px;
    margin-right: 8px;
    transition: transform 0.3s ease;
}

.read-more-btn:hover .svg-icon {
    transform: translateX(-3px);
}

.read-icon .svg-icon {
    width: 24px;
    height: 24px;
}

/* Feature bar icons */
.feature-bar-icon .svg-icon {
    width: 48px;
    height: 48px;
    color: #ffffff;
}

.feature-bar-icon .svg-icon path {
    fill: #ffffff;
}

/* Choose section icons */
.choose-icon .svg-icon {
    width: 40px;
    height: 40px;
    color: #1a73e8;
}

.choose-icon .svg-icon path {
    fill: #1a73e8;
}

.choose-text-wrapper:hover .choose-icon .svg-icon path {
    fill: #ffffff;
}

/* About section check icons */
.about-lists .svg-icon {
    width: 20px;
    height: 20px;
    margin-left: 8px;
}

/* Project card icons */
.project-card-icon .svg-icon {
    width: 30px;
    height: 30px;
}

.project-card-footer .svg-icon {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

/* Post meta icons */
.post-meta-banner .svg-icon {
    width: 16px;
    height: 16px;
    margin-left: 8px;
}

.meta-item .svg-icon {
    width: 16px;
    height: 16px;
    margin-left: 5px;
}

/* Page title breadcrumb */
.page-title ul li .svg-icon {
    width: 12px;
    height: 12px;
    margin: 0 5px;
}

/* Widget call icons */
.widget_call .svg-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
}

/* Default button icons */
.default-btn .svg-icon {
    width: 18px;
    height: 18px;
    margin-right: 8px;
}

/* Slide button icons */
.slide-button .svg-icon {
    width: 18px;
    height: 18px;
    margin-right: 8px;
}

/* Avatar placeholder */
.avatar-placeholder .svg-icon {
    width: 40px;
    height: 40px;
}

/* Section badge icons */
.section-badge .svg-icon {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    vertical-align: middle;
}