/* Defaults are fallbacks; Elementor generates all user and device overrides. */
.sgc-call {
	--sgc-btn-bg: #fea000;
	--sgc-active: #e08c00;
	--sgc-icon-color: #fff;
	--sgc-panel-bg: #fff;
	--sgc-accent: #fea000;
	--sgc-btn-size: 64px;
	--sgc-panel-w: 340px;
	--sgc-panel-gap: 16px;
	--sgc-bottom: 24px;
	--sgc-side: 24px;
	--sgc-close-size: 32px;
	--sgc-item-icon-box: 40px;
	--sgc-edge: clamp(8px, var(--sgc-side), calc(100vw - var(--sgc-btn-size) - 8px));
	--sgc-safe-bottom: max(var(--sgc-bottom), env(safe-area-inset-bottom, 0px));
	position: fixed;
	bottom: var(--sgc-safe-bottom);
	right: max(var(--sgc-edge), env(safe-area-inset-right, 0px));
	z-index: 99990;
	direction: rtl;
	text-align: right;
	font-family: inherit;
	line-height: 1.6;
}
.sgc-call, .sgc-call * { box-sizing: border-box; }
.sgc-call button { font-family: inherit; text-transform: none; letter-spacing: normal; margin: 0; min-width: 0; }
.sgc-call button, .sgc-call a { -webkit-tap-highlight-color: transparent; }
.sgc-call [hidden] { display: none !important; }
.sgc-call--left { right: auto; left: max(var(--sgc-edge), env(safe-area-inset-left, 0px)); }
.sgc-call :where(button, a, [tabindex]):focus-visible { outline: 2px solid var(--sgc-accent); outline-offset: 3px; }

.sgc-call .sgc-call__btn {
	position: relative;
	width: var(--sgc-btn-size);
	height: var(--sgc-btn-size);
	padding: 0;
	border: 0 solid transparent;
	border-radius: 50%;
	background: var(--sgc-btn-bg);
	color: var(--sgc-icon-color);
	font-size: calc(var(--sgc-btn-size) * .36);
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 24px rgb(0 0 0 / 25%);
	transition: transform .2s, background .2s, color .2s;
}
.sgc-call .sgc-call__btn:hover, .sgc-call .sgc-call__btn:focus-visible, .sgc-call.sgc-is-open .sgc-call__btn {
	background: var(--sgc-active);
	color: var(--sgc-icon-hover, var(--sgc-icon-color));
}
.sgc-call .sgc-call__btn:hover { transform: translateY(-2px); }
.sgc-call .sgc-call__ring {
	position: absolute;
	inset: 5px;
	border-radius: inherit;
	border: 2px solid currentColor;
	animation: sgc-ring 1.8s infinite ease-out;
	pointer-events: none;
}
@keyframes sgc-ring { from { transform: scale(.85); opacity: .65; } to { transform: scale(1.25); opacity: 0; } }
.sgc-call--still .sgc-call__ring, .sgc-is-open .sgc-call__ring { animation: none; opacity: 0; }
.sgc-call .sgc-call__icon, .sgc-call .sgc-item__icon, .sgc-call .sgc-panel__close { display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
.sgc-call .sgc-call__icon--close, .sgc-call.sgc-is-open .sgc-call__icon--open { display: none; }
.sgc-call.sgc-is-open .sgc-call__icon--close { display: inline-flex; }
.sgc-call .sgc-call__icon svg, .sgc-call .sgc-item__icon svg, .sgc-call .sgc-panel__close svg { width: 1em; height: 1em; fill: currentColor; }
.sgc-call .sgc-call__icon i, .sgc-call .sgc-item__icon i, .sgc-call .sgc-panel__close i { color: inherit; font-size: inherit; line-height: inherit; }

.sgc-call .sgc-panel {
	position: absolute;
	bottom: calc(var(--sgc-btn-size) + var(--sgc-panel-gap));
	right: 0;
	width: var(--sgc-panel-w);
	max-width: calc(100vw - var(--sgc-edge) - 12px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
	max-height: calc(100vh - var(--sgc-safe-bottom) - var(--sgc-btn-size) - var(--sgc-panel-gap) - 12px);
	max-height: calc(100dvh - var(--sgc-safe-bottom) - var(--sgc-btn-size) - var(--sgc-panel-gap) - 12px);
	overflow-y: auto;
	overscroll-behavior: contain;
	background: var(--sgc-panel-bg);
	border: 0 solid transparent;
	border-radius: 16px;
	box-shadow: 0 18px 50px rgb(0 0 0 / 24%);
	padding: 18px;
	transform-origin: bottom right;
	transform: scale(.94) translateY(8px);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: transform .2s, opacity .2s;
	color: #333;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.sgc-call--left .sgc-panel { right: auto; left: 0; transform-origin: bottom left; }
.sgc-call .sgc-panel.is-open { transform: none; opacity: 1; visibility: visible; pointer-events: auto; }
.sgc-call .sgc-panel > * { flex-shrink: 0; }
.sgc-call .sgc-panel__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.sgc-call .sgc-panel__title { margin: 0; font-family: inherit; font-size: 16px; font-weight: 700; line-height: 1.6; color: #1f1f1f; overflow-wrap: anywhere; }
.sgc-call .sgc-panel__close {
	flex: 0 0 auto;
	width: var(--sgc-close-size);
	height: var(--sgc-close-size);
	margin-inline-start: auto;
	padding: 4px;
	background: var(--sgc-close-bg-normal, transparent);
	border: 0 solid transparent;
	border-radius: 6px;
	color: var(--sgc-close-color-normal, #777);
	font-size: 16px;
	cursor: pointer;
	transition: color .2s, background .2s;
}
.sgc-call .sgc-panel__close:hover, .sgc-call .sgc-panel__close:focus-visible { color: var(--sgc-close-color-hover, var(--sgc-accent)); background: var(--sgc-close-bg-hover, rgb(0 0 0 / 5%)); }
.sgc-call .sgc-panel__desc { margin: 0; font-size: 13px; color: #777; white-space: pre-line; overflow-wrap: anywhere; }

.sgc-call .sgc-tabs { display: flex; gap: 6px; background: rgb(0 0 0 / 5%); border-radius: 10px; padding: 4px; }
.sgc-call--tabs-bottom .sgc-tabs { order: 2; }
.sgc-call .sgc-tab {
	flex: 1 1 0;
	border: 0 solid transparent;
	border-color: var(--sgc-tab-border-normal, transparent);
	background: var(--sgc-tab-bg-normal, transparent);
	padding: 8px 6px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.6;
	color: var(--sgc-tab-color-normal, #666);
	border-radius: 8px;
	cursor: pointer;
	white-space: normal;
	overflow-wrap: anywhere;
	transition: background .2s, color .2s, border-color .2s;
}
.sgc-call .sgc-tab.is-active { background: var(--sgc-tab-bg-active, var(--sgc-panel-bg)); color: var(--sgc-tab-color-active, var(--sgc-accent)); border-color: var(--sgc-tab-border-active, var(--sgc-tab-border-normal, transparent)); box-shadow: 0 2px 8px rgb(0 0 0 / 10%); }
.sgc-call .sgc-tab:hover, .sgc-call .sgc-tab:focus-visible { color: var(--sgc-tab-color-hover, var(--sgc-accent)); background: var(--sgc-tab-bg-hover, var(--sgc-tab-bg-normal, transparent)); border-color: var(--sgc-tab-border-hover, var(--sgc-tab-border-normal, transparent)); }
.sgc-call .sgc-tabpane { display: flex; flex-direction: column; gap: 8px; }

.sgc-call .sgc-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border: 0 solid transparent;
	border-color: var(--sgc-row-border-normal, var(--sgc-item-border-normal, transparent));
	border-radius: 12px;
	text-decoration: none;
	background: var(--sgc-row-bg-normal, var(--sgc-item-bg-normal, rgb(0 0 0 / 3%)));
	transition: background .2s, border-color .2s;
}
.sgc-call .sgc-item:hover, .sgc-call .sgc-item:focus-visible {
	background: var(--sgc-row-bg-hover, var(--sgc-item-bg-hover, var(--sgc-row-bg-normal, var(--sgc-item-bg-normal, rgb(254 160 0 / 10%)))));
	border-color: var(--sgc-row-border-hover, var(--sgc-item-border-hover, var(--sgc-row-border-normal, var(--sgc-item-border-normal, transparent))));
	text-decoration: none;
}
.sgc-call .sgc-item__icon {
	flex: 0 0 auto;
	width: var(--sgc-item-icon-box);
	height: var(--sgc-item-icon-box);
	border-radius: 50%;
	font-size: 17px;
	color: var(--sgc-row-icon-normal, var(--sgc-item-icon-normal, #fff));
	background: var(--sgc-row-icon_bg-normal, var(--sgc-item-icon_bg-normal, var(--sgc-brand, var(--sgc-accent))));
	transition: background .2s, color .2s;
}
.sgc-call .sgc-item--whatsapp { --sgc-brand: #25d366; }
.sgc-call .sgc-item--telegram { --sgc-brand: #229ed9; }
.sgc-call .sgc-item--instagram { --sgc-brand: #e1306c; }
.sgc-call .sgc-item--email { --sgc-brand: #6c7ae0; }
.sgc-call .sgc-item--aparat { --sgc-brand: #df0f50; }
.sgc-call .sgc-item:hover .sgc-item__icon, .sgc-call .sgc-item:focus-visible .sgc-item__icon {
	color: var(--sgc-row-icon-hover, var(--sgc-item-icon-hover, var(--sgc-row-icon-normal, var(--sgc-item-icon-normal, #fff))));
	background: var(--sgc-row-icon_bg-hover, var(--sgc-item-icon_bg-hover, var(--sgc-row-icon_bg-normal, var(--sgc-item-icon_bg-normal, var(--sgc-brand, var(--sgc-accent))))));
}
.sgc-call .sgc-item__body { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; }
.sgc-call .sgc-item__title { font-size: 14px; font-weight: 700; color: var(--sgc-row-title-normal, var(--sgc-item-title-normal, #1f1f1f)); text-align: start; overflow-wrap: anywhere; transition: color .2s; }
.sgc-call .sgc-item__desc { font-size: 12px; color: var(--sgc-row-desc-normal, var(--sgc-item-desc-normal, #888)); white-space: pre-line; overflow-wrap: anywhere; transition: color .2s; }
.sgc-call .sgc-item:hover .sgc-item__title, .sgc-call .sgc-item:focus-visible .sgc-item__title { color: var(--sgc-row-title-hover, var(--sgc-item-title-hover, var(--sgc-row-title-normal, var(--sgc-item-title-normal, #1f1f1f)))); }
.sgc-call .sgc-item:hover .sgc-item__desc, .sgc-call .sgc-item:focus-visible .sgc-item__desc { color: var(--sgc-row-desc-hover, var(--sgc-item-desc-hover, var(--sgc-row-desc-normal, var(--sgc-item-desc-normal, #888)))); }
.sgc-call .sgc-panel__empty { margin: 4px 0; font-size: 13px; color: #777; text-align: center; overflow-wrap: anywhere; }

@media (max-width: 767px) {
	.sgc-call { --sgc-bottom: 12px; --sgc-side: 12px; --sgc-btn-size: 48px; --sgc-panel-w: 280px; --sgc-panel-gap: 10px; --sgc-close-size: 30px; --sgc-item-icon-box: 34px; }
	.sgc-call .sgc-panel { padding: 14px; gap: 10px; border-radius: 14px; }
	.sgc-call .sgc-panel__title { font-size: 15px; }
	.sgc-call .sgc-panel__desc { font-size: 12px; }
	.sgc-call .sgc-tab { font-size: 12px; padding: 7px 4px; }
	.sgc-call .sgc-item { padding: 8px 10px; gap: 9px; }
	.sgc-call .sgc-item__title { font-size: 13px; }
	.sgc-call .sgc-item__desc { font-size: 11px; }
	.sgc-call .sgc-item__icon { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
	.sgc-call *, .sgc-call *::before, .sgc-call *::after { animation: none !important; transition: none !important; }
}