@charset "UTF-8";

/* Icon Styles - Enhanced visual appearance */

/* WhatsApp Button Enhancement */
#whatsapp .wtsapp {
    background: linear-gradient(135deg, #25d366, #128c7e);
    border: 2px solid #25d366;
}

#whatsapp .wtsapp:hover {
    background: linear-gradient(135deg, #128c7e, #075e54);
    transform: scale(1.1);
}

/* Social Media Icons Enhancement */
.social-links a {
    position: relative;
    overflow: hidden;
}

.social-links a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.5s;
}

.social-links a:hover::before {
    left: 100%;
}

/* Contact Icons Enhancement */
.contact-icon {
    position: relative;
    overflow: hidden;
}

.contact-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(32, 87, 129, 0.1);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
}

.contact-item:hover .contact-icon::before {
    width: 100%;
    height: 100%;
}

/* Top Bar Icons Enhancement */
.top-bar-left a {
    position: relative;
    overflow: hidden;
}

.top-bar-left a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #fff;
    transform: translateX(-50%);
    transition: width 0.3s ease;
}

.top-bar-left a:hover::after {
    width: 100%;
}

/* Menu Toggle Enhancement */
.menu-toggle {
    position: relative;
    overflow: hidden;
}

.menu-toggle::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(32, 87, 129, 0.1);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
}

.menu-toggle:hover::before {
    width: 100%;
    height: 100%;
}

/* Search Icon Enhancement */
.search-icon {
    position: relative;
    overflow: hidden;
}

.search-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(32, 87, 129, 0.1);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
}

.search-icon:hover::before {
    width: 100%;
    height: 100%;
}

/* Icon Animation for Loading */
@keyframes iconPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.icon-loading::before {
    animation: iconPulse 1s infinite;
}

/* Icon Color Variations */
.icon-primary::before { color: #205781; }
.icon-secondary::before { color: #6c757d; }
.icon-success::before { color: #28a745; }
.icon-danger::before { color: #dc3545; }
.icon-warning::before { color: #ffc107; }
.icon-info::before { color: #17a2b8; }
.icon-light::before { color: #f8f9fa; }
.icon-dark::before { color: #343a40; }

/* Icon Background Variations */
.icon-bg-primary { background-color: #205781; color: white; }
.icon-bg-secondary { background-color: #6c757d; color: white; }
.icon-bg-success { background-color: #28a745; color: white; }
.icon-bg-danger { background-color: #dc3545; color: white; }
.icon-bg-warning { background-color: #ffc107; color: #212529; }
.icon-bg-info { background-color: #17a2b8; color: white; }
.icon-bg-light { background-color: #f8f9fa; color: #212529; }
.icon-bg-dark { background-color: #343a40; color: white; }