/* ==========================================================================
   footer.css – Footer, floating WhatsApp and back-to-top buttons
   Part of the Devraj Pathak theme. Breakpoints are in responsive.css.
   ========================================================================== */

.dp-footer { background: #0f231e; color: rgba(255, 255, 255, .66); padding-top: 90px; font-size: 15px; }
.dp-footer__grid { display: grid; grid-template-columns: 1.6fr 1fr 1.1fr 1.3fr; gap: 50px; padding-bottom: 60px; }
.dp-footer__name { font-family: var(--dp-font-head); font-size: 32px; font-weight: 700; color: var(--dp-white); margin-bottom: 12px; }
.dp-footer__brand p { max-width: 340px; }
.dp-footer__brand .dp-social { margin-top: 24px; }
.dp-footer__title { font-family: var(--dp-font-body); font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--dp-gold-2); margin-bottom: 20px; }
.dp-footer-menu,
.dp-footer-contact { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.dp-footer a { color: rgba(255, 255, 255, .72); }
.dp-footer a:hover { color: var(--dp-gold-2); }
.dp-footer-contact li { display: flex; gap: 10px; align-items: flex-start; }
.dp-footer-contact .dp-icon { margin-top: 4px; color: var(--dp-gold-2); width: 16px; height: 16px; }
.dp-footer-contact a { word-break: break-word; }
.dp-footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; padding-top: 26px; padding-bottom: 26px; border-top: 1px solid rgba(255, 255, 255, .1); font-size: 13.5px; }
.dp-footer__bottom p { margin: 0; }

/* Floating buttons */
.dp-whatsapp-float,
.dp-to-top {
	position: fixed; right: 22px; z-index: 90;
	display: grid; place-items: center;
	border-radius: 50%; border: 0; cursor: pointer;
	box-shadow: 0 12px 30px -10px rgba(0, 0, 0, .4);
	transition: transform .25s var(--dp-ease), opacity .25s, visibility .25s;
}
.dp-whatsapp-float { bottom: 22px; width: 58px; height: 58px; background: #25d366; color: var(--dp-white); }
.dp-whatsapp-float:hover { transform: scale(1.08); color: var(--dp-white); }
.dp-whatsapp-float .dp-icon { width: 28px; height: 28px; }
.dp-to-top { bottom: 92px; width: 44px; height: 44px; background: var(--dp-forest); color: var(--dp-white); opacity: 0; visibility: hidden; }
.dp-to-top.is-visible { opacity: 1; visibility: visible; }
.dp-to-top:hover { transform: translateY(-3px); }