/* Service Icon Styles with CSS variables */
:root {
    /* Service color variables */
    --color-telegram: #0088cc;
    --color-whatsapp: #25D366;
    --color-google: #4285F4;
    --color-facebook: #1877F2;
    --color-twitter: #1DA1F2;
    --color-instagram: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    --color-snapchat: #FFFC00;
    --color-tiktok: #000000;
    --color-airbnb: #FF5A5F;
    --color-amazon: #FF9900;
    --color-apple: #000000;
    --color-discord: #5865F2;
    --color-netflix: #E50914;
    --color-paypal: #003087;
    --color-reddit: #FF4500;
    --color-spotify: #1DB954;
    --color-uber: #000000;
    --color-viber: #7D3DAF;
    --color-wechat: #7BB32E;
    --color-linkedin: #0077B5;
    --color-yahoo: #6001D2;
    --color-microsoft: #00A4EF;
    --color-doordash: #FF3008;
    --color-openai: #10A37F;
    --color-venmo: #3D95CE;
    --color-clubhouse: #F1EFE2;
    --color-twitch: #9146FF;
    --color-tinder: #FE3C72;
    --color-signal: #3A76F0;
    --color-alipay: #00AAFF;
    --color-cashapp: #00D632;
    --color-99app: #E4006E;
    --color-bolt: #36D576;
    --color-coinbase: #0052FF;
    --color-ticketmaster: #0264DD;
    --color-tencentqq: #12B7F5;
    --color-ebay: #E53238;
    --color-weibo: #E6162D;
    --color-deliveroo: #00CCBC;
    --color-crypto: #103F68;
    --color-jd: #D71C1E;
    --color-zhihu: #0084FF;
    --color-default: #7D3DAF;
}

/* Basic service icon circle styling */
.service-icon-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.75rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s, box-shadow 0.2s;
}

.service-icon-circle i {
    font-size: 1.5rem;
    color: #FFFFFF;
}

.service-card:hover .service-icon-circle {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

/* Special icons with black text */
.service-snapchat i {
    color: #000000 !important;
}

.service-clubhouse i {
    color: #000000 !important;
}