/**
 * ADVA11 — adva11-call-to-action.css
 *
 * Styles des CTA structurels du thème enfant ADVA11.
 */


/* =========================================================
   1. CTA header
   ========================================================= */

.site-cta--header {
	display: flex;
	align-items: center;

	flex: 0 0 auto;
	margin-left: var(--adva11-space-l);
}

.site-cta--header .site-cta__link {
	position: relative;

	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.62rem;

	padding: 0.6rem;

	font-family: var(--adva11-font-body);
	font-size: var(--adva11-font-size-xl);
	font-weight: var(--adva11-font-weight-bold);
	line-height: 1.2;
	letter-spacing: 0.06em;

	color: var(--adva11-color-neutral-0);
	background-color: var(--adva11-color-neutral-900);

	border: var(--adva11-border-xs) solid var(--adva11-color-neutral-900);
	border-radius: 0.19rem;

	text-decoration: none;
	white-space: nowrap;
}

.site-cta--header .site-cta__link:hover {
	color: var(--adva11-color-neutral-900);
	background-color: var(--adva11-color-neutral-0);

	border-color: var(--adva11-color-neutral-900);

	text-decoration: none;
}

.site-cta--header .site-cta__link:hover::after {
	content: "";

	display: inline-block;

	width: 0.8rem;
	height: 0.8rem;

	border-top: 0.13rem solid currentColor;
	border-right: 0.13rem solid currentColor;

	transform: rotate(45deg);
}

.site-cta--header .site-cta__link:focus,
.site-cta--header .site-cta__link:focus-visible {
	color: var(--adva11-color-neutral-900);
	background-color: var(--adva11-color-neutral-0);

	border-color: var(--adva11-color-neutral-900);

	text-decoration: none;

	outline: var(--adva11-border-xs) solid var(--adva11-color-neutral-900);
	outline-offset: 0.37rem;
}

.site-cta--header .site-cta__link:active {
	color: var(--adva11-color-neutral-0);
	background-color: var(--adva11-color-neutral-900);

	transform: translateY(0.06rem);
}


/* =========================================================
   2. CTA footer
   ========================================================= */

.site-cta--footer {
	display: flex;
	flex-direction: column;
	align-items: flex-start;

	margin-block-start: var(--adva11-space-l);
}

.site-cta--footer .site-cta__text {
	margin-block-start: 0;
	margin-block-end: var(--adva11-space-m);

	font-family: var(--adva11-font-body);
	font-size: var(--adva11-font-size-l);
	font-weight: var(--adva11-font-weight-semibold);
	line-height: 1.5;
	letter-spacing: 0.06em;

	color: var(--adva11-color-neutral-0);
}

.site-cta--footer .site-cta__link {
	position: relative;

	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.62rem;

	padding: 0.6rem;

	font-family: var(--adva11-font-body);
	font-size: var(--adva11-font-size-xl);
	font-weight: var(--adva11-font-weight-bold);
	line-height: 1.2;
	letter-spacing: 0.06em;

	color: var(--adva11-color-neutral-900);
	background-color: var(--adva11-color-primary);

	border: var(--adva11-border-xs) solid var(--adva11-color-primary);
	border-radius: 0.19rem;

	text-decoration: none;
	white-space: nowrap;
}

.site-cta--footer .site-cta__link:hover {
	color: var(--adva11-color-neutral-0);
	background-color: var(--adva11-color-neutral-900);

	border-color: var(--adva11-color-neutral-0);

	text-decoration: none;
}

.site-cta--footer .site-cta__link:hover::after {
	content: "";

	display: inline-block;

	width: 0.8rem;
	height: 0.8rem;

	border-top: 0.13rem solid currentColor;
	border-right: 0.13rem solid currentColor;

	transform: rotate(45deg);
}

.site-cta--footer .site-cta__link:focus,
.site-cta--footer .site-cta__link:focus-visible {
	color: var(--adva11-color-neutral-900);
	background-color: var(--adva11-color-primary);

	border-color: var(--adva11-color-primary);

	text-decoration: none;

	outline: var(--adva11-border-xs) solid var(--adva11-color-neutral-0);
	outline-offset: 0.37rem;
}

.site-cta--footer .site-cta__link:active {
	color: var(--adva11-color-neutral-900);
	background-color: var(--adva11-color-primary);

	transform: translateY(0.06rem);
}


/* =========================================================
   3. Éléments internes communs
   ========================================================= */

.site-cta__label {
	display: inline-block;
}

.site-cta__icon {
	display: inline-block;

	width: auto;
	max-height: 1em;
}