/* Global CTA Manager — Public Button Styles */

/* ============================================================
   BASE BUTTON
============================================================ */
.global-cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-decoration: none;
	cursor: pointer;
	font-weight: 600;
	letter-spacing: .3px;
	transition: opacity .18s ease, transform .12s ease, box-shadow .18s ease;
	border: 2px solid transparent;
	font-family: inherit;
	line-height: 1.2;
}

.global-cta-btn:hover {
	opacity: .88;
	transform: translateY(-1px);
	text-decoration: none;
}

.global-cta-btn:active {
	transform: translateY(0);
}

.global-cta-icon {
	display: inline-block;
	line-height: 1;
}

/* ============================================================
   SIZES
============================================================ */
.global-cta-size-small {
	padding: 8px 16px;
	font-size: .82rem;
	border-radius: 4px;
}

.global-cta-size-medium {
	padding: 12px 24px;
	font-size: .95rem;
	border-radius: 5px;
}

.global-cta-size-large {
	padding: 16px 34px;
	font-size: 1.1rem;
	border-radius: 6px;
}

/* ============================================================
   STYLES
============================================================ */

/* Flat / Filled — default (colors set via inline style) */
.global-cta-style-flat {
	box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

.global-cta-style-flat:hover {
	box-shadow: 0 4px 12px rgba(0,0,0,.22);
}

/* Outlined */
.global-cta-style-outlined {
	background-color: transparent !important;
	border-width: 2px;
	border-style: solid;
}

/* Rounded / Pill */
.global-cta-style-rounded.global-cta-size-small  { border-radius: 100px; }
.global-cta-style-rounded.global-cta-size-medium { border-radius: 100px; }
.global-cta-style-rounded.global-cta-size-large  { border-radius: 100px; }
.global-cta-style-rounded {
	box-shadow: 0 2px 8px rgba(0,0,0,.18);
}

/* Icon style — slightly tighter padding when icon is present */
.global-cta-style-icon {
	box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

/* ============================================================
   BLOCK ALIGNMENT
============================================================ */
.global-cta-block { display: block; }
.global-cta-block.align-center { text-align: center; }
.global-cta-block.align-right  { text-align: right; }
.global-cta-block.align-left   { text-align: left; }

/* ============================================================
   WIDGET WRAPPER
============================================================ */
.global-cta-widget-inner {
	display: block;
}
