/*
 * CADchat — plugin compatibility styles
 *
 * Targeted, scoped overrides that prevent the active plugins from clashing
 * with the theme's design language. NEVER global resets — every rule scopes
 * to a plugin-specific class.
 */

/* === Forminator Pro === */

/* Match Forminator submit buttons to our pill button style. */
.forminator-button.forminator-button-submit,
.forminator-custom-form .forminator-button[type="submit"] {
	border-radius: var(--cc-radius-pill);
	padding: var(--cc-space-3) var(--cc-space-6);
	background: var(--cc-color-brand-primary);
	color: var(--cc-color-text-on-dark);
	font-weight: var(--cc-fw-semibold);
	letter-spacing: 0.02em;
	border: 0;
	transition: background var(--cc-duration-fast) var(--cc-easing-standard);
}

.forminator-button.forminator-button-submit:hover,
.forminator-custom-form .forminator-button[type="submit"]:hover {
	background: var(--cc-color-brand-primary-deep);
}

.forminator-field label {
	text-align: left;
	font-weight: var(--cc-fw-medium);
}

/* === GenerateBlocks === */

/* Ensure GenerateBlocks containers respect our --cc-container-max width when
   wrapped in our cc-container helper. */
.cc-container > .gb-container,
.cc-container > .gb-grid-wrapper {
	max-width: 100%;
}

/* === GeneratePress overrides === */

/* GP's body padding interferes with our sticky banner stack; reset. */
body.cc-has-banner {
	padding-top: 0;
}

/* === Glide.js === */

/* Pagination bullet style matches brand. */
.glide__bullets {
	display: flex;
	justify-content: center;
	gap: var(--cc-space-2);
	margin-top: var(--cc-space-6);
}

.glide__bullet {
	width: 8px;
	height: 8px;
	border-radius: var(--cc-radius-pill);
	border: 0;
	background: var(--cc-color-border-medium);
	cursor: pointer;
	transition: background var(--cc-duration-fast) var(--cc-easing-standard);
	padding: 0;
}

.glide__bullet--active {
	background: var(--cc-color-brand-primary);
}

/* === Elementor (only loaded on /articles/ — but defensive scoping) === */

body.elementor-page .cc-section {
	/* Don't inherit our section padding inside Elementor pages; they own their layout. */
	padding-block: 0;
}

/* === v1.4.46 — 16px input floor on phones ===
 * iOS Safari auto-zooms any focused field whose font-size is under 16px.
 * No public form exists yet (contact-sales embed pending), so this is
 * future-proofing scoped to content-area + Forminator fields only. */
@media (max-width: 899px) {
	.entry-content input:not([type="checkbox"]):not([type="radio"]),
	.entry-content select,
	.entry-content textarea,
	.forminator-custom-form input:not([type="checkbox"]):not([type="radio"]),
	.forminator-custom-form select,
	.forminator-custom-form textarea {
		font-size: 16px !important;
	}
}