/* Ractro Social Icons — "follow us" profile links (ported from Tiger Elements
   tiger-social-icons.php, restyled to match ractro-social-share.css). */
.ractro-social-icons{
	--ractro-si-size:40px;
	--ractro-si-bg:#eef0f6;
	--ractro-si-color:#3c434a;
	display:flex;flex-wrap:wrap;gap:10px;align-items:center;
}
.ractro-social-icons__link{
	position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;
	width:var(--ractro-si-size);height:var(--ractro-si-size);
	font-size:calc(var(--ractro-si-size) * .42);text-decoration:none;border:none;cursor:pointer;
	background:var(--ractro-si-bg);color:var(--ractro-si-color);border-radius:10px;padding:0;
	box-sizing:border-box;
	transition:transform .15s ease,box-shadow .15s ease,background .2s ease,color .2s ease,border-color .2s ease;
}
.ractro-social-icons__link svg{width:1em;height:1em;flex:0 0 auto;}
.ractro-social-icons__link:hover{transform:translateY(-2px) scale(1.08);box-shadow:0 8px 18px rgba(0,0,0,.14);}
.ractro-social-icons__link:focus-visible{outline:2px solid currentColor;outline-offset:2px;}
.ractro-social-icons__label{display:none;font-size:13px;font-weight:600;white-space:nowrap;}

/* Shapes */
.ractro-social-icons--circle .ractro-social-icons__link{border-radius:50%;}
.ractro-social-icons--rounded .ractro-social-icons__link{border-radius:10px;}
.ractro-social-icons--square .ractro-social-icons__link{border-radius:0;}

/* With labels the link becomes a pill instead of a fixed-size square/circle */
.ractro-social-icons.has-labels .ractro-social-icons__link{width:auto;padding:0 16px;border-radius:24px;}
.ractro-social-icons.has-labels .ractro-social-icons__label{display:inline;}

/* Brand colors — opt-in, kept in CSS classes (not inline styles) so a manual
   Icon Color / Background override in the Style tab still wins via normal
   cascade specificity (same-specificity rule declared later in the compiled
   <style> tag beats this stylesheet rule). */
.ractro-social-icons.is-colored .ractro-social-icons__link--facebook{background:#1877f2;color:#fff;}
.ractro-social-icons.is-colored .ractro-social-icons__link--x{background:#000;color:#fff;}
.ractro-social-icons.is-colored .ractro-social-icons__link--instagram{background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7);color:#fff;}
.ractro-social-icons.is-colored .ractro-social-icons__link--linkedin{background:#0a66c2;color:#fff;}
.ractro-social-icons.is-colored .ractro-social-icons__link--youtube{background:#ff0000;color:#fff;}
.ractro-social-icons.is-colored .ractro-social-icons__link--github{background:#181717;color:#fff;}
.ractro-social-icons.is-colored .ractro-social-icons__link--tiktok{background:#000;color:#fff;}
.ractro-social-icons.is-colored .ractro-social-icons__link--pinterest{background:#e60023;color:#fff;}
.ractro-social-icons.is-colored .ractro-social-icons__link--whatsapp{background:#25d366;color:#fff;}
.ractro-social-icons.is-colored .ractro-social-icons__link--telegram{background:#0088cc;color:#fff;}
.ractro-social-icons.is-colored .ractro-social-icons__link--email{background:#6b7280;color:#fff;}
.ractro-social-icons.is-colored .ractro-social-icons__link--rss{background:#ee802f;color:#fff;}
.ractro-social-icons.is-colored .ractro-social-icons__link--custom{background:#111827;color:#fff;}

@media (prefers-reduced-motion: reduce){
	.ractro-social-icons__link{transition:none;}
}