/* ========================================================================
 * SHAHAZ.COM — Mobile Live Chat Gateway Modal
 * ZIP-446: in-page gateway inspired by the compact interaction pattern
 * observed in the supplied GoVely recording. The homepage stays visible,
 * softly blurred behind a centered modal; the mobile capsule nav remains
 * outside the backdrop and therefore remains visible/untouched.
 * ======================================================================== */

.shahaz-live-chat-modal[hidden]{display:none!important}
.shahaz-live-chat-modal{
	position:fixed;
	inset:0;
	z-index:900;
	pointer-events:none;
	font-family:"Noto Sans Bengali","Hind Siliguri",Arial,sans-serif;
}
.shahaz-live-chat-modal.is-open{pointer-events:auto}

.shahaz-live-chat-modal__backdrop{
	position:absolute;
	inset:0 0 calc(var(--shahaz-mobile-nav-height,64px) + 6px) 0;
	background:rgba(255,240,247,.42);
	backdrop-filter:blur(5px) saturate(.94);
	-webkit-backdrop-filter:blur(5px) saturate(.94);
	opacity:0;
	transition:opacity .24s ease;
}
.shahaz-live-chat-modal.is-open .shahaz-live-chat-modal__backdrop{opacity:1}

.shahaz-live-chat-modal__panel{
	position:absolute;
	left:50%;
	bottom:calc(var(--shahaz-mobile-nav-height,64px) + 15px);
	width:calc(100vw - 60px);
	max-width:430px;
	max-height:calc(100svh - var(--shahaz-mobile-nav-height,64px) - 38px);
	overflow:auto;
	padding:22px 18px 17px;
	transform:translate(-50%,14px) scale(.97);
	opacity:0;
	background:linear-gradient(145deg,rgba(255,255,255,.985),rgba(255,247,251,.985) 54%,rgba(255,239,247,.985));
	border:1.5px solid transparent;
	border-radius:28px 18px 25px 20px;
	box-shadow:0 24px 60px rgba(86,12,62,.22),0 8px 24px rgba(194,24,91,.12),inset 0 1px 0 rgba(255,255,255,.95);
	isolation:isolate;
	transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .22s ease;
}
/* Animated 5+ colour border. The panel itself NEVER rotates. The animation
 * changes only the conic-gradient's angle inside the 1.5px border ring. */
@property --shahaz-live-chat-border-angle{
	syntax:"<angle>";
	inherits:false;
	initial-value:0deg;
}
.shahaz-live-chat-modal__panel:before{
	content:"";
	position:absolute;
	inset:-1.5px;
	z-index:-1;
	border-radius:28px 18px 25px 20px;
	background:conic-gradient(from var(--shahaz-live-chat-border-angle),#ff1493,#d4af37,#ff5ca8,#8a2be2,#ff7a00,#ff1493);
	animation:shahaz-live-chat-border-flow 5.8s linear infinite;
	-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
	-webkit-mask-composite:xor;
	mask-composite:exclude;
	padding:1.5px;
	pointer-events:none;
}
@keyframes shahaz-live-chat-border-flow{
	from{--shahaz-live-chat-border-angle:0deg}
	to{--shahaz-live-chat-border-angle:360deg}
}
.shahaz-live-chat-modal.is-open .shahaz-live-chat-modal__panel{
	transform:translate(-50%,0) scale(1);
	opacity:1;
}

.shahaz-live-chat-modal__icon{
	width:74px;
	height:74px;
	margin:0 auto 10px;
	display:grid;
	place-items:center;
	border-radius:50%;
	background:radial-gradient(circle,#fff 0 45%,#ffe8f3 46% 100%);
	border:1px solid rgba(194,24,91,.13);
	box-shadow:0 10px 24px rgba(194,24,91,.12),inset 0 1px 0 #fff;
	color:#c2185b;
	position:relative;
}
.shahaz-live-chat-modal__icon:before,
.shahaz-live-chat-modal__icon:after{
	content:"";
	position:absolute;
	border-radius:50%;
	inset:-6px;
	border:1px solid rgba(212,175,55,.32);
	animation:shahaz-live-chat-pulse 2.8s ease-out infinite;
}
.shahaz-live-chat-modal__icon:after{inset:-12px;animation-delay:1.4s;border-color:rgba(194,24,91,.10)}
@keyframes shahaz-live-chat-pulse{0%,100%{opacity:.35;transform:scale(.96)}50%{opacity:.8;transform:scale(1.02)}}
.shahaz-live-chat-modal__icon-core{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 3px 12px rgba(194,24,91,.07)}
.shahaz-live-chat-modal__icon svg{width:36px;height:36px;display:block}

.shahaz-live-chat-modal__label{display:block;text-align:center;margin:0 0 4px;color:#b30a61;font-size:7.5px;line-height:1;font-weight:950;letter-spacing:.24em}
.shahaz-live-chat-modal h2{margin:0;text-align:center;color:#151015;font-family:"Playfair Display",Georgia,serif;font-size:clamp(22px,6.4vw,28px);line-height:1.18;font-weight:900;letter-spacing:-.015em}
.shahaz-live-chat-modal__intro{margin:7px auto 15px;max-width:390px;text-align:center;color:#745565;font-size:10px;line-height:1.55;font-weight:500}

.shahaz-live-chat-modal__choices{width:100%}
.shahaz-live-chat-modal__choice{
	min-height:66px;
	width:100%;
	display:flex;
	align-items:center;
	gap:9px;
	padding:8px 9px;
	border-radius:17px;
	background:rgba(255,255,255,.96);
	text-decoration:none!important;
	transition:transform .18s ease,box-shadow .18s ease;
}
.shahaz-live-chat-modal__choice:active{transform:scale(.992)}
.shahaz-live-chat-modal__choice:focus-visible{outline:2px solid #d4af37;outline-offset:2px}
.shahaz-live-chat-modal__choice.is-login{border:1.5px solid rgba(194,24,91,.17);box-shadow:0 8px 18px rgba(107,15,85,.08),0 2px 0 rgba(212,175,55,.22)}
.shahaz-live-chat-modal__choice.is-whatsapp{border:1.5px solid #ead8e2;box-shadow:0 8px 18px rgba(107,15,85,.055)}
.shahaz-live-chat-modal__choice-icon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#f60091,#c80070);color:#fff;box-shadow:0 3px 0 #980053,0 5px 11px rgba(170,0,90,.12)}
.shahaz-live-chat-modal__choice-icon svg{width:22px;height:22px;display:block}
.shahaz-live-chat-modal__choice.is-whatsapp .shahaz-live-chat-modal__choice-icon{background:#fff;color:#c2185b;border:1px solid #efd2e1;box-shadow:none}
.shahaz-live-chat-modal__choice-copy{min-width:0;flex:1;text-align:left}
.shahaz-live-chat-modal__choice-copy strong{display:block;color:#24131d;font-size:11.5px;line-height:1.25;font-weight:900}
.shahaz-live-chat-modal__choice.is-whatsapp .shahaz-live-chat-modal__choice-copy strong{color:#c2185b}
.shahaz-live-chat-modal__choice-copy small{display:block;margin-top:2px;color:#806274;font-size:8px;line-height:1.4;font-weight:600}
.shahaz-live-chat-modal__choice-arrow{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border-radius:50%;background:#fff2f8;color:#c2185b;font-size:21px;line-height:1;font-weight:400}

.shahaz-live-chat-modal__or{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:11px 2px}
.shahaz-live-chat-modal__or span{height:1px;background:linear-gradient(90deg,transparent,#d64a8c 35%,#d64a8c 65%,transparent)}
.shahaz-live-chat-modal__or b{color:#b51a64;font-size:8.5px;font-weight:900;letter-spacing:.08em}
.shahaz-live-chat-modal__trust{margin:11px auto 10px;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;color:#806274;font-size:7.5px;line-height:1.35}
.shahaz-live-chat-modal__trust span{color:#d4af37;font-size:10px}.shahaz-live-chat-modal__trust b{font-weight:800}.shahaz-live-chat-modal__trust i{width:3px;height:3px;border-radius:50%;background:#d4af37}

/* Close/back control: fixed to the popup's upper-left corner, separate from
 * the centered Live Chat icon. It must never sit in the footer/navigation. */
.shahaz-live-chat-modal__close{
	position:absolute;
	top:12px;
	left:12px;
	width:42px;
	height:42px;
	margin:0;
	padding:0;
	display:grid;
	place-items:center;
	border:1.5px solid rgba(194,24,91,.24);
	border-radius:15px;
	background:linear-gradient(145deg,#fff,#fff1f7);
	color:#c2185b;
	box-shadow:0 6px 14px rgba(107,15,85,.10),0 2px 0 rgba(212,175,55,.2);
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
	z-index:4;
}
.shahaz-live-chat-modal__close svg{width:25px;height:25px;display:block}
.shahaz-live-chat-modal__close:active{transform:scale(.94)}
.shahaz-live-chat-modal__close:focus-visible{outline:2px solid #d4af37;outline-offset:2px}

body.shahaz-live-chat-modal-open{overflow:hidden}
@media (min-width:1024px){.shahaz-live-chat-modal{display:none!important}}
@media (max-width:430px){
	.shahaz-live-chat-modal__panel{padding:19px 15px 14px;border-radius:25px 17px 23px 18px}
	.shahaz-live-chat-modal__panel:before{border-radius:25px 17px 23px 18px}
	.shahaz-live-chat-modal__icon{width:68px;height:68px;margin-bottom:9px}
	.shahaz-live-chat-modal__icon-core{width:48px;height:48px}.shahaz-live-chat-modal__icon svg{width:33px;height:33px}
	.shahaz-live-chat-modal__choice{min-height:62px;padding:7px 8px}.shahaz-live-chat-modal__choice-icon{width:37px;height:37px;flex-basis:37px}.shahaz-live-chat-modal__choice-copy strong{font-size:11px}.shahaz-live-chat-modal__choice-copy small{font-size:7.5px}.shahaz-live-chat-modal__choice-arrow{width:27px;height:27px;flex-basis:27px}
}
@media (prefers-reduced-motion:reduce){.shahaz-live-chat-modal *,.shahaz-live-chat-modal *:before,.shahaz-live-chat-modal *:after{animation:none!important;transition:none!important}}