/*
 * ════════════════════════════════════════════════════════════════
 * OIC social.css — مكوّن أزرار التواصل (مستخرج من variables.css v1.1.1020)
 * ════════════════════════════════════════════════════════════════
 * يحوي: .oic-social و جميع variants + ألوان الشبكات
 * ════════════════════════════════════════════════════════════════
 */

.oic-social{ display:inline-flex; align-items:center; justify-content:center; border:var(--border-2) solid transparent; cursor:pointer; transition:all var(--duration-200) var(--ease-in-out); -webkit-tap-highlight-color:transparent; text-decoration:none; }

/* Shapes */
.oic-social--circle{border-radius:var(--radius-full);} 
.oic-social--rounded{border-radius:var(--radius-lg);} 
.oic-social--square{border-radius:var(--radius-none);} 

/* Sizes */
.oic-social--xs{width:var(--social-xs); height:var(--social-xs); font-size:var(--icon-xs);} 
.oic-social--sm{width:var(--social-sm); height:var(--social-sm); font-size:var(--icon-sm);} 
.oic-social--md{width:var(--social-md); height:var(--social-md); font-size:var(--icon-md);} 
.oic-social--lg{width:var(--social-lg); height:var(--social-lg); font-size:var(--icon-lg);} 
.oic-social--xl{width:var(--social-xl); height:var(--social-xl); font-size:var(--icon-xl);} 

/* Styles */
.oic-social--colored-bg{color:#fff;} 
.oic-social--colored-icon{background-color:transparent;} 
.oic-social--outline{background-color:transparent;} 
.oic-social--ghost{background-color:transparent; border-color:transparent;} 
.oic-social--ghost:hover{background-color:var(--gray-100);} 

/* Network Colors */
.oic-social--facebook{--social-color:#1877F2;} 
.oic-social--twitter,.oic-social--x{--social-color:#000000;} 
.oic-social--instagram{--social-color:#E4405F;} 
.oic-social--youtube{--social-color:#FF0000;} 
.oic-social--linkedin{--social-color:#0A66C2;} 
.oic-social--whatsapp{--social-color:#25D366;} 
.oic-social--telegram{--social-color:#26A5E4;} 
.oic-social--snapchat{--social-color:#FFFC00;} 
.oic-social--tiktok{--social-color:#000000;} 
.oic-social--pinterest{--social-color:#BD081C;} 
.oic-social--reddit{--social-color:#FF4500;} 
.oic-social--github{--social-color:#181717;} 
.oic-social--dribbble{--social-color:#EA4C89;} 
.oic-social--behance{--social-color:#1769FF;} 
.oic-social--medium{--social-color:#000000;} 
.oic-social--discord{--social-color:#5865F2;} 
.oic-social--threads{--social-color:#000000;} 
.oic-social--mastodon{--social-color:#6364FF;} 
.oic-social--rss{--social-color:#FFA500;} 
.oic-social--email{--social-color:#EA4335;} 

/* Color Application */
.oic-social--colored-bg{ background-color:var(--social-color); } 
.oic-social--colored-icon{ color:var(--social-color);} 
.oic-social--outline{ border-color:var(--social-color); color:var(--social-color);} 

/* Accessibility — forced-colors */
@media (forced-colors: active) {
  .oic-social { border: 1px solid ButtonText; }
}