/**
 * PYMento - Floating widget stylesheet.
 */

.pym-widget { position: fixed; bottom: 22px; z-index: 99990; direction: rtl; --pym-widget-accent: #2a5bd7 !important; font-family: "Peydafa", Sans-serif; }
.pym-widget--bottom-left { left: 22px; }
.pym-widget--bottom-right { right: 22px; }

.pym-widget__toggle {
	width: 56px !important;
	height: 56px !important;
	background: var(--pym-widget-accent) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 50% !important;
	box-shadow: 0 10px 25px rgba(0,0,0,.18) !important;
	cursor: pointer;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: transform .2s;
}
.pym-widget__toggle:hover { transform: scale(1.06); }

.pym-widget__panel {
	position: absolute;
	bottom: 72px;
	width: 320px;
	max-width: calc(100vw - 40px);
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 20px 40px rgba(0,0,0,.18);
	overflow: hidden;
	opacity: 0;
	transform: translateY(10px) scale(.98);
	pointer-events: none;
	transition: opacity .18s, transform .18s;
}
.pym-widget--bottom-left .pym-widget__panel { left: 0; }
.pym-widget--bottom-right .pym-widget__panel { right: 0; }
.pym-widget.is-open .pym-widget__panel { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }

.pym-widget__header { padding: 18px 20px; background: linear-gradient(135deg, var(--pym-widget-accent), #1e4ab0); color: #fff; }
.pym-widget__header h3 { margin: 0 0 4px; font-size: 16px; font-weight: 700; }
.pym-widget__header p { margin: 0; opacity: .9; font-size: 13px; }

.pym-widget__actions { padding: 10px; display: flex; flex-direction: column; gap: 6px; }
.pym-widget__btn {
	display: block;
	padding: 12px 14px;
	background: #f8fafc;
	border-radius: 10px;
	text-decoration: none;
	color: #1f2937;
	transition: background .15s, transform .12s;
}
.pym-widget__btn:hover { background: #eef2ff; transform: translateY(-1px); }
.pym-widget__btn strong { display: block; font-size: 14px; color: var(--pym-widget-accent); margin-bottom: 2px; }
.pym-widget__btn span { font-size: 12px; color: #6b7280; }

@media (max-width: 480px) {
	.pym-widget { bottom: 16px; }
	.pym-widget--bottom-left { left: 16px; }
	.pym-widget--bottom-right { right: 16px; }
}