/**
 * ii-calendly frontend styles.
 *
 * Scope is deliberately tiny:
 *   1. Kill the link underline on Calendly popup triggers in any context.
 *   2. Provide a clean button look for NON-Kadence themes (on Kadence the trigger
 *      uses the theme's own global advanced-button classes and these rules do not
 *      apply).
 *
 * @package II_Calendly
 * @since 1.2.1
 */

.calendly-popup {
	text-decoration: none;
}

/* Inline icon wrapper used on the non-Kadence button, the inherit button, and the text link. */
.ii-calendly-icon {
	display: inline-flex;
	width: 1em;
	height: 1em;
	margin-left: 0.4em;
	vertical-align: middle;
}

.ii-calendly-icon svg {
	width: 100%;
	height: 100%;
}

/* Fallback button — only used when the theme is not Kadence. */
.ii-calendly-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	line-height: 1.2;
	font-weight: 600;
	text-decoration: none;
	border-radius: var( --wp--custom--button--border-radius, 4px );
	padding: 0.55em 1.1em;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.ii-calendly-btn--fill {
	background: var( --wp--preset--color--primary, #2c2c2c );
	color: var( --wp--preset--color--base, #ffffff );
	border: 2px solid transparent;
}

.ii-calendly-btn--fill:hover,
.ii-calendly-btn--fill:focus {
	opacity: 0.9;
	color: var( --wp--preset--color--base, #ffffff );
}

.ii-calendly-btn--outline {
	background: transparent;
	color: var( --wp--preset--color--primary, #2c2c2c );
	border: 2px solid currentColor;
}

.ii-calendly-btn--small {
	padding: 0.4em 0.85em;
	font-size: 0.875em;
}

.ii-calendly-btn--large {
	padding: 0.7em 1.4em;
	font-size: 1.125em;
}

.ii-calendly-btn__icon {
	display: inline-flex;
	width: 1em;
	height: 1em;
}

.ii-calendly-btn__icon svg {
	width: 100%;
	height: 100%;
}