/* ==========================================================================
   social.css – Social icons and social buttons (official brand colours on hover)
   Part of the Devraj Pathak theme. Breakpoints are in responsive.css.
   ========================================================================== */

/* Social icons */
.dp-social { list-style: none; margin: 0; padding: 0; display: flex; gap: 10px; }
.dp-social a {
	display: grid; place-items: center;
	width: 40px; height: 40px; border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .22);
	color: var(--dp-white);
	transition: background .2s, color .2s, border-color .2s;
}
.dp-social a:hover { background: var(--dp-accent); border-color: var(--dp-accent); color: var(--dp-ink); }

/* Official brand colours on hover */
.dp-social a.dp-social__instagram:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); border-color: #d6249f; color: #fff; }
.dp-social a.dp-social__facebook:hover { background: #1877f2; border-color: #1877f2; color: #fff; }
.dp-social a.dp-social__whatsapp:hover { background: #25d366; border-color: #25d366; color: #fff; }
.dp-social a.dp-social__email:hover { background: #ea4335; border-color: #ea4335; color: #fff; }
.dp-social--small a.dp-social__instagram:hover,
.dp-social--small a.dp-social__facebook:hover,
.dp-social--small a.dp-social__whatsapp:hover,
.dp-social--small a.dp-social__email:hover { transform: scale(1.1); }
.dp-social .dp-icon { width: 18px; height: 18px; }
.dp-social--small { gap: 4px; }
.dp-social--small a { width: 30px; height: 30px; border: 0; color: rgba(255, 255, 255, .8); }
.dp-social--small .dp-icon { width: 15px; height: 15px; }
.dp-social a[data-placeholder] { opacity: .55; }

.dp-social-btn {
	display: inline-flex; align-items: center; gap: 10px;
	padding: 12px 20px; border-radius: 999px;
	font-weight: 700; font-size: 14px; color: var(--dp-white);
	transition: transform .2s, opacity .2s;
}
.dp-social-btn:hover { transform: translateY(-2px); color: var(--dp-white); }
.dp-social-btn .dp-icon { width: 18px; height: 18px; }
.dp-social-btn--instagram { background: linear-gradient(45deg, #f09433, #dc2743 50%, #bc1888); }
.dp-social-btn--facebook { background: #1877f2; }
.dp-social-btn--whatsapp { background: #25d366; }
.dp-social-btn--instagram:hover { box-shadow: 0 10px 24px -8px rgba(220, 39, 67, .6); }
.dp-social-btn--facebook:hover { background: #0d65d9; box-shadow: 0 10px 24px -8px rgba(24, 119, 242, .6); }
.dp-social-btn--whatsapp:hover { background: #1ebe5b; box-shadow: 0 10px 24px -8px rgba(37, 211, 102, .6); }
.dp-social-btn.is-placeholder { opacity: .55; cursor: default; }
.dp-social-btn.is-placeholder:hover { transform: none; }