/**
 * Floating WhatsApp / Call buttons and mobile bottom navigation.
 *
 * @package Albader_Child
 */

/* WhatsApp floating button */
.ab-wa-float{position:fixed;right:20px;bottom:156px;width:52px;height:52px;border-radius:50%;background:#25d366;color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:28px;text-decoration:none!important;z-index:9998;box-shadow:0 8px 22px rgba(37,211,102,.45);animation:abWaIn .6s cubic-bezier(.2,.9,.3,1.3) both, abWaBounce 3s ease-in-out 1.5s infinite;transition:transform .25s}
.ab-wa-float i{position:relative;z-index:2;line-height:1}
.ab-wa-float:hover{transform:scale(1.1);animation-play-state:paused}
.ab-wa-ring{position:absolute;inset:0;border-radius:50%;background:#25d366;opacity:.6;z-index:1;animation:abWaPulse 2s ease-out infinite}
.ab-wa-ring2{animation-delay:1s}
.ab-wa-tip{position:absolute;right:64px;top:50%;transform:translate(8px,-50%);background:var(--ab-dark);color:#fff;font-size:13px;font-weight:600;white-space:nowrap;padding:7px 12px;border-radius:6px;opacity:0;pointer-events:none;transition:all .25s;font-family:inherit}
.ab-wa-tip:after{content:"";position:absolute;right:-5px;top:50%;margin-top:-5px;border:5px solid transparent;border-right:0;border-left-color:var(--ab-dark)}
.ab-wa-float:hover .ab-wa-tip{opacity:1;transform:translate(0,-50%)}
@keyframes abWaPulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.45);opacity:0}}
@keyframes abWaIn{from{transform:scale(0) rotate(-90deg);opacity:0}to{transform:none;opacity:1}}
@keyframes abWaBounce{0%,86%,100%{transform:translateY(0)}90%{transform:translateY(-8px)}94%{transform:translateY(0)}97%{transform:translateY(-4px)}}
@media (max-width:767px){.ab-wa-float{width:48px;height:48px;font-size:26px;right:16px;bottom:144px}.ab-wa-tip{display:none}}
@media (prefers-reduced-motion:reduce){.ab-wa-float,.ab-wa-ring{animation:none}}

/* Call floating button */
.ab-call-float{position:fixed;right:20px;bottom:80px;width:52px;height:52px;border-radius:50%;background:var(--ab-primary);color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:22px;text-decoration:none!important;z-index:9998;box-shadow:0 8px 22px rgba(209,13,20,.45);animation:abWaIn .6s cubic-bezier(.2,.9,.3,1.3) .2s both;transition:transform .25s}
.ab-call-float i{position:relative;z-index:2;animation:abCallShake 2.5s ease-in-out 1s infinite}
.ab-call-float:hover{transform:scale(1.1)}
.ab-call-ring{position:absolute;inset:0;border-radius:50%;background:var(--ab-primary);opacity:.6;z-index:1;animation:abWaPulse 2s ease-out infinite}
.ab-call-ring2{animation-delay:1s}
.ab-call-tip{position:absolute;right:64px;top:50%;transform:translate(8px,-50%);background:var(--ab-dark);color:#fff;font-size:13px;font-weight:600;white-space:nowrap;padding:7px 12px;border-radius:6px;opacity:0;pointer-events:none;transition:all .25s}
.ab-call-float:hover .ab-call-tip{opacity:1;transform:translate(0,-50%)}
@keyframes abCallShake{0%,60%,100%{transform:rotate(0)}64%,72%,80%{transform:rotate(-18deg)}68%,76%,84%{transform:rotate(18deg)}}
@media (max-width:767px){.ab-call-float{width:48px;height:48px;font-size:20px;right:16px;bottom:76px}.ab-call-tip{display:none}}
@media (prefers-reduced-motion:reduce){.ab-call-float,.ab-call-ring,.ab-call-float i{animation:none}}

/* Mobile bottom navigation */
.ab-mnav{display:none}
@media (max-width:767px){
	.ab-mnav{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:9997;transform:translateY(140%);opacity:0;transition:transform .45s cubic-bezier(.2,.9,.3,1.15),opacity .3s;pointer-events:none}
	.ab-mnav.is-on{transform:none;opacity:1;pointer-events:auto}
	.ab-mnav-in{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;background:linear-gradient(135deg,var(--ab-dark),#2a0b0d);border-radius:22px;padding:8px 6px 8px;box-shadow:0 12px 30px rgba(17,19,25,.35)}
	.ab-mnav a{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none!important;color:rgba(255,255,255,.75)!important;font-size:18px;padding:4px 0}
	.ab-mnav small{font-size:10.5px;font-weight:600;letter-spacing:.01em;line-height:1}
	.ab-mnav-it.is-active{color:#fff!important}.ab-mnav-it.is-active i{color:#fff}.ab-mnav-it.is-active:after{content:"";width:18px;height:3px;border-radius:2px;background:var(--ab-primary);margin-top:2px}
	.ab-mnav-it.is-active small{color:#fff}
	
	.ab-mnav-mid{position:relative;margin-top:-30px;color:#fff!important}
	.ab-mnav-fab{width:58px;height:58px;border-radius:50%;background:var(--ab-primary);display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;box-shadow:0 0 0 5px #1b0f12,0 8px 20px rgba(209,13,20,.55);animation:abMnavPulse 2.2s ease-out infinite}
	.ab-mnav-fab i{animation:abCallShake 2.5s ease-in-out 1s infinite}
	@keyframes abMnavPulse{0%{box-shadow:0 0 0 5px #1b0f12,0 0 0 5px rgba(209,13,20,.5)}100%{box-shadow:0 0 0 5px #1b0f12,0 0 0 18px rgba(209,13,20,0)}}
	.ab-call-float{display:none!important}.ab-mnav-on .ab-wa-float{bottom:104px!important}
	body.ab-mnav-pad{padding-bottom:90px}
	#ast-scroll-top{bottom:100px!important;right:16px!important}
}