/**
 * Global pill buttons — certificate landing style sitewide.
 *
 * @package liyosa-isi
 */

.isi-btn,
.isi-button,
.isi-theme-btn,
.isi-cert-btn,
.isi-ac-btn,
.isi-reparo-header .theme-btn,
a.theme-btn,
.btn.btn-primary,
.btn-primary,
.wp-block-button__link,
.isi-contact-agence .elementor-button,
.isi-contact-agence button[type="submit"],
.isi-contact-agence input[type="submit"],
.isi-ac-form-card button[type="submit"],
.isi-ac-form-card input[type="submit"],
.isi-footer-newsletter__field button,
.elementor-widget-button .elementor-button,
.elementor-button-wrapper .elementor-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--isi-btn-gap);
	padding: var(--isi-btn-padding-y) var(--isi-btn-padding-x);
	border: none;
	border-radius: var(--isi-btn-radius);
	font-family: inherit;
	font-size: var(--isi-btn-font-size);
	font-weight: var(--isi-btn-font-weight);
	letter-spacing: var(--isi-btn-letter-spacing);
	line-height: 1.2;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease,
		background 0.25s ease,
		color 0.25s ease,
		border-color 0.25s ease,
		opacity 0.25s ease;
}

/* Primary */
.isi-button-primary,
.isi-theme-btn,
.isi-cert-btn--primary,
.isi-ac-btn,
.isi-reparo-header .theme-btn,
a.theme-btn,
.btn.btn-primary,
.btn-primary,
.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.isi-contact-agence .elementor-button,
.isi-contact-agence button[type="submit"],
.isi-contact-agence input[type="submit"],
.isi-ac-form-card button[type="submit"],
.isi-ac-form-card input[type="submit"],
.isi-cert-landing .isi-cert-hero__form .isi-cert-btn,
.isi-cert-landing .isi-cert-contact__form .isi-cert-btn,
.elementor-widget-button .elementor-button,
.elementor-button-wrapper .elementor-button {
	background: var(--isi-primary, #f03b42);
	color: #fff;
	box-shadow: var(--isi-btn-shadow);
}

.isi-contact-agence .elementor-button,
.elementor-widget-button .elementor-button,
.elementor-button-wrapper .elementor-button {
	color: #fff !important;
}

.isi-button-primary:hover,
.isi-theme-btn:hover,
.isi-cert-btn--primary:hover,
.isi-ac-btn:hover,
.isi-reparo-header .theme-btn:hover,
a.theme-btn:hover,
.btn.btn-primary:hover,
.btn-primary:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.isi-contact-agence .elementor-button:hover,
.isi-contact-agence button[type="submit"]:hover,
.isi-contact-agence input[type="submit"]:hover,
.isi-ac-form-card button[type="submit"]:hover,
.isi-ac-form-card input[type="submit"]:hover,
.isi-cert-landing .isi-cert-hero__form .isi-cert-btn:hover,
.isi-cert-landing .isi-cert-contact__form .isi-cert-btn:hover,
.elementor-widget-button .elementor-button:hover,
.elementor-button-wrapper .elementor-button:hover {
	transform: translateY(-2px);
	color: #fff;
	background: var(--isi-primary-dark, #da2b34);
	box-shadow: var(--isi-btn-shadow-hover);
}

.isi-button-primary:focus,
.isi-button-primary:focus-visible,
.isi-theme-btn:focus,
.isi-theme-btn:focus-visible,
.isi-cert-btn--primary:focus,
.isi-cert-btn--primary:focus-visible,
.isi-ac-btn:focus,
.isi-ac-btn:focus-visible,
.isi-reparo-header .theme-btn:focus,
.isi-reparo-header .theme-btn:focus-visible,
.btn.btn-primary:focus,
.btn.btn-primary:focus-visible,
.btn-primary:focus,
.btn-primary:focus-visible,
.isi-cert-landing .isi-cert-hero__form .isi-cert-btn:focus,
.isi-cert-landing .isi-cert-hero__form .isi-cert-btn:focus-visible,
.isi-cert-landing .isi-cert-contact__form .isi-cert-btn:focus,
.isi-cert-landing .isi-cert-contact__form .isi-cert-btn:focus-visible {
	outline: none;
	box-shadow: var(--isi-btn-shadow);
}

/* Outline */
.isi-button-outline,
.btn.btn-outline-primary,
.btn-outline-primary,
.wp-block-button.is-style-outline .wp-block-button__link {
	background: #fff;
	color: var(--isi-primary, #f03b42);
	border: 2px solid var(--isi-primary, #f03b42);
	box-shadow: none;
}

.isi-button-outline:hover,
.btn.btn-outline-primary:hover,
.btn-outline-primary:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	transform: translateY(-2px);
	color: #fff;
	background: var(--isi-primary, #f03b42);
	border-color: var(--isi-primary, #f03b42);
	box-shadow: var(--isi-btn-shadow);
}

/* Light — on dark backgrounds */
.isi-cert-btn--light,
.isi-btn--light {
	background: #fff;
	color: var(--isi-dark-base, #111111);
	box-shadow: 0 10px 24px rgba(11, 18, 33, 0.12);
}

.isi-cert-btn--light:hover,
.isi-btn--light:hover {
	transform: translateY(-2px);
	color: var(--isi-dark-base, #111111);
	background: #fff;
	box-shadow: 0 14px 28px rgba(11, 18, 33, 0.16);
}

/* Compact / inline (forms) */
.isi-cert-btn--inline,
.isi-btn--inline {
	padding: 14px 22px;
	font-size: 13px;
}

/* Footer newsletter — inverted pill inside blue field */
.isi-footer-newsletter__field button {
	padding: 12px 22px;
	background: #fff;
	color: var(--isi-primary, #f03b42);
	box-shadow: none;
}

.isi-footer-newsletter__field button:hover {
	transform: translateY(-2px);
	background: var(--isi-light-bg, #f8f9fa);
	color: var(--isi-primary-dark, #da2b34);
	box-shadow: 0 8px 20px rgba(11, 18, 33, 0.12);
}

/* Dark footer variant */
.isi-reparo-footer .isi-theme-btn {
	width: 100%;
	margin-top: 14px;
}

.isi-reparo-footer .isi-theme-btn:hover {
	background: #fff;
	color: var(--isi-primary, #f03b42);
	box-shadow: var(--isi-btn-shadow);
}

/* Search popup — icon-only pill */
.search-popup .form-group button[type="submit"],
.search-popup .form-group input[type="submit"] {
	position: absolute;
	right: 8px;
	top: 8px;
	width: 50px;
	height: 50px;
	padding: 0;
	border: none;
	border-radius: var(--isi-btn-radius);
	background: linear-gradient(135deg, #0b1221 0%, #2563eb 100%);
	color: #fff;
	font-size: 18px;
	box-shadow: 0 10px 24px rgba(11, 18, 33, 0.18);
}

.search-popup .form-group button[type="submit"]:hover,
.search-popup .form-group input[type="submit"]:hover {
	transform: translateY(-1px);
	background: linear-gradient(135deg, #162033 0%, #3b82f6 100%);
	color: #fff;
}

.blog-area .isi-theme-btn {
	width: fit-content;
}