/* Call Button Pro - Button Builder Preset Buttons */

.cbp-preset-group {
	display: inline-flex;
	gap: 10px;
	flex-wrap: wrap;
	direction: rtl;
}

.cbp-preset-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none !important;
	font-weight: 700;
	white-space: nowrap;
	background: var(--cbp-btn-bg, #ffc107);
	color: var(--cbp-btn-color, #0b1d3a);
	border-radius: var(--cbp-btn-radius, 16px);
	padding: var(--cbp-btn-padding, 14px) calc(var(--cbp-btn-padding, 14px) * 1.6);
	font-size: var(--cbp-btn-font, 15px);
	transition: transform .2s ease, filter .2s ease;
}

.cbp-preset-btn svg {
	width: var(--cbp-btn-icon, 20px);
	height: var(--cbp-btn-icon, 20px);
	fill: var(--cbp-btn-color, #0b1d3a);
	flex-shrink: 0;
}

.cbp-preset-btn:hover { transform: translateY(-2px); filter: brightness(0.95); }

.cbp-preset-group[data-cbp-animation="pulse"] .cbp-preset-btn { animation: cbpBtnPulse 2s infinite; }
.cbp-preset-group[data-cbp-animation="bounce"] .cbp-preset-btn { animation: cbpBtnBounce 2s infinite; }

@keyframes cbpBtnPulse { 0%,100%{ transform:scale(1);} 50%{ transform:scale(1.05);} }
@keyframes cbpBtnBounce { 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-3px);} }

/* نظام "أيقونة فقط" - زر بمقاس ثابت (مربع/دائرة) من غير نص، مناسب للهيدر
   جنب أيقونة القائمة أو أي مكان مساحته محدودة. */
.cbp-preset-group--icon-only {
	gap: 8px;
	vertical-align: middle;
}

.cbp-preset-btn--icon {
	position: relative;
	width: var(--cbp-btn-box, 44px);
	height: var(--cbp-btn-box, 44px);
	padding: 0 !important;
	justify-content: center;
	flex-shrink: 0;
}

.cbp-preset-btn--icon.cbp-shape-circle { border-radius: 50% !important; }
.cbp-preset-btn--icon.cbp-shape-square { border-radius: var(--cbp-btn-box-radius, 12px) !important; }

.cbp-preset-btn--icon .cbp-btn-label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}