/**
 * Shared member front-end control styling (buttons + selects/inputs).
 * Brand language matches chapter theme + membership/billing primary CTAs.
 */

:root {
	--iec-ctrl-brand: #1e4fd6;
	--iec-ctrl-brand-dark: #163ea8;
	--iec-ctrl-brand-soft: #e8eefb;
	--iec-ctrl-text: #1a1f2e;
	--iec-ctrl-muted: #5c6478;
	--iec-ctrl-line: #dfe3eb;
	--iec-ctrl-border: #c3c4c7;
	--iec-ctrl-bg: #ffffff;
	--iec-ctrl-bg-hover: #f7f8fa;
	--iec-ctrl-radius: 6px;
	--iec-ctrl-pad-y: 0.7rem;
	--iec-ctrl-pad-x: 1.1rem;
	--iec-ctrl-font-size: 0.95rem;
	--iec-ctrl-font-weight: 600;
	--iec-ctrl-input-pad: 0.55em 0.7em;
}

/* -------------------------------------------------------------------------
   Primary / secondary buttons (all member surfaces)
   ------------------------------------------------------------------------- */

.iec-billing-app-btn,
a.iec-billing-app-btn,
button.iec-billing-app-btn,
.iec-billing-status .btn,
.iec-billing-app .btn,
.iec-chapter-btn,
.iec-ojt-btn,
a.iec-ojt-btn,
button.iec-ojt-btn,
.iec-ap-button,
a.iec-ap-button,
button.iec-ap-button,
.iec-ap-member-login-form-wrap #iec_ap_wp_submit,
.iec-ap-member-login-form-wrap .button,
.iec-ap-member-login-form-wrap .button-primary,
.iec-embed-btn,
a.iec-embed-btn,
button.iec-embed-btn {
	appearance: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	box-sizing: border-box;
	margin: 0;
	padding: var(--iec-ctrl-pad-y) var(--iec-ctrl-pad-x);
	border: 1px solid var(--iec-ctrl-line);
	border-radius: var(--iec-ctrl-radius);
	background: var(--iec-ctrl-bg);
	color: var(--iec-ctrl-text);
	font: inherit;
	font-size: var(--iec-ctrl-font-size);
	font-weight: var(--iec-ctrl-font-weight);
	line-height: 1.25;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.iec-billing-app-btn--primary,
a.iec-billing-app-btn--primary,
button.iec-billing-app-btn--primary,
.iec-billing-status .btn-primary,
.iec-billing-app .btn-primary,
.iec-billing-status .btn.btn-primary,
.iec-chapter-btn,
.iec-ojt-btn--primary,
a.iec-ojt-btn--primary,
button.iec-ojt-btn--primary,
.iec-ap-button--primary,
a.iec-ap-button--primary,
button.iec-ap-button--primary,
.iec-ap-member-login-form-wrap #iec_ap_wp_submit,
.iec-ap-member-login-form-wrap .button-primary,
.iec-embed-btn--primary,
a.iec-embed-btn--primary,
button.iec-embed-btn--primary {
	background: var(--iec-ctrl-brand);
	border-color: var(--iec-ctrl-brand);
	color: #fff;
}

.iec-billing-app-btn--primary:hover,
a.iec-billing-app-btn--primary:hover,
button.iec-billing-app-btn--primary:hover,
.iec-billing-status .btn-primary:hover,
.iec-billing-app .btn-primary:hover,
.iec-chapter-btn:hover,
.iec-ojt-btn--primary:hover,
a.iec-ojt-btn--primary:hover,
button.iec-ojt-btn--primary:hover,
.iec-ap-button--primary:hover,
a.iec-ap-button--primary:hover,
button.iec-ap-button--primary:hover,
.iec-ap-member-login-form-wrap #iec_ap_wp_submit:hover,
.iec-ap-member-login-form-wrap .button-primary:hover,
.iec-embed-btn--primary:hover {
	background: var(--iec-ctrl-brand-dark);
	border-color: var(--iec-ctrl-brand-dark);
	color: #fff;
	filter: none;
}

.iec-billing-app-btn--secondary,
a.iec-billing-app-btn--secondary,
button.iec-billing-app-btn--secondary,
.iec-billing-app .btn-secondary,
.iec-billing-status .btn-secondary,
.iec-ojt-btn:not(.iec-ojt-btn--primary):not(.iec-ojt-btn--danger):not(.iec-ojt-btn--ghost),
.iec-ap-button--secondary,
a.iec-ap-button--secondary,
button.iec-ap-button--secondary {
	background: var(--iec-ctrl-bg);
	border-color: var(--iec-ctrl-line);
	color: var(--iec-ctrl-text);
}

.iec-billing-app-btn--secondary:hover,
a.iec-billing-app-btn--secondary:hover,
button.iec-billing-app-btn--secondary:hover,
.iec-billing-app .btn-secondary:hover,
.iec-billing-status .btn-secondary:hover,
.iec-ojt-btn:not(.iec-ojt-btn--primary):not(.iec-ojt-btn--danger):not(.iec-ojt-btn--ghost):hover,
.iec-ap-button--secondary:hover {
	background: var(--iec-ctrl-bg-hover);
	border-color: #c8ceda;
	color: var(--iec-ctrl-text);
	filter: none;
}

.iec-ojt-btn--ghost {
	border-color: transparent;
	background: transparent;
	color: var(--iec-ctrl-brand);
	padding: 0.35rem 0.25rem;
	font-weight: 600;
}

.iec-ojt-btn--ghost:hover {
	color: var(--iec-ctrl-brand-dark);
	background: transparent;
	border-color: transparent;
}

.iec-ojt-btn--danger {
	color: #b32d2e;
	border-color: #f1aeb5;
	background: var(--iec-ctrl-bg);
}

.iec-ap-button--text {
	border-color: transparent;
	background: transparent;
	color: var(--iec-ctrl-muted);
	padding: 0.35rem 0.5rem;
	font-weight: 500;
}

.iec-ap-button--text:hover {
	color: var(--iec-ctrl-brand);
	background: transparent;
	border-color: transparent;
}

/* Compact toolbar / pagination */
.iec-ap-page-btn,
.iec-ap-payments .iec-ap-page-btn,
button.iec-ap-page-btn {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 34px;
	padding: 0.35rem 0.65rem;
	border: 1px solid var(--iec-ctrl-line);
	border-radius: var(--iec-ctrl-radius);
	background: var(--iec-ctrl-bg);
	color: var(--iec-ctrl-text);
	font: inherit;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
}

.iec-ap-page-btn.is-active,
.iec-ap-payments .iec-ap-page-btn.is-active {
	background: var(--iec-ctrl-brand);
	border-color: var(--iec-ctrl-brand);
	color: #fff;
}

.iec-ap-page-btn:hover:not(:disabled):not(.is-active) {
	background: var(--iec-ctrl-bg-hover);
	border-color: #c8ceda;
}

.iec-ap-page-btn:disabled {
	opacity: 0.45;
	cursor: default;
}

/* OJT hours chip (compact, same brand) */
.iec-ojt-hours-btn,
button.iec-ojt-hours-btn,
.iec-ojt-hours-btn--static {
	appearance: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	box-sizing: border-box;
	min-height: 34px;
	height: 34px;
	padding: 0 10px;
	border: 1px solid var(--iec-ctrl-border);
	border-radius: var(--iec-ctrl-radius);
	background: var(--iec-ctrl-bg);
	color: var(--iec-ctrl-text);
	font: inherit;
	font-size: 13px;
	line-height: 1;
	cursor: pointer;
}

.iec-ojt-hours-btn:hover {
	border-color: var(--iec-ctrl-brand);
	background: var(--iec-ctrl-brand-soft);
}

.iec-ojt-hours-btn--static,
.iec-ojt-hours-btn--static:hover {
	cursor: default;
	border-color: var(--iec-ctrl-border);
	background: var(--iec-ctrl-bg);
}

.iec-ojt-quick-approve {
	border-radius: var(--iec-ctrl-radius);
}

.iec-ojt-pie__fill {
	stroke: var(--iec-ctrl-brand);
}

/* -------------------------------------------------------------------------
   Selects + text inputs
   ------------------------------------------------------------------------- */

.iec-billing-app-form input[type="text"],
.iec-billing-app-form input[type="email"],
.iec-billing-app-form input[type="tel"],
.iec-billing-app-form input[type="number"],
.iec-billing-app-form input[type="password"],
.iec-billing-app-form input[type="date"],
.iec-billing-app-form select,
.iec-billing-app-form textarea,
.iec-ap-company-profile__form input[type="text"],
.iec-ap-company-profile__form input[type="email"],
.iec-ap-company-profile__form input[type="tel"],
.iec-ap-company-profile__form input[type="url"],
.iec-ap-company-profile__form input[type="number"],
.iec-ap-company-profile__form select,
.iec-ap-company-profile__form textarea,
.iec-apprentice-search,
.iec-apprentice-per-page,
.iec-ap-payments .iec-apprentice-per-page,
.iec-ap-member-directory__search,
.iec-ap-member-directory__work-select,
.iec-ojt-add select,
.iec-ojt-add input[type="text"],
.iec-ojt-add input[type="number"],
.iec-ojt-add input[type="date"],
.iec-ojt-add textarea,
.iec-ojt-log-form select,
.iec-ojt-log-form input[type="text"],
.iec-ojt-log-form input[type="email"],
.iec-ojt-log-form input[type="tel"],
.iec-ojt-log-form input[type="number"],
.iec-ojt-log-form input[type="date"],
.iec-ojt-log-form textarea,
.iec-ojt-cat-select,
.iec-ap-member-login-form-wrap #iec_ap_user_login,
.iec-ap-member-login-form-wrap #iec_ap_user_pass {
	box-sizing: border-box;
	border: 1px solid var(--iec-ctrl-border);
	border-radius: var(--iec-ctrl-radius);
	background: var(--iec-ctrl-bg);
	color: var(--iec-ctrl-text);
	font: inherit;
	font-size: 1rem;
	line-height: 1.4;
	padding: var(--iec-ctrl-input-pad);
}

.iec-apprentice-search,
.iec-apprentice-per-page,
.iec-ap-payments .iec-apprentice-per-page {
	font-size: 0.9rem;
	padding: 0.45rem 0.65rem;
}

.iec-billing-app-form input:focus,
.iec-billing-app-form select:focus,
.iec-billing-app-form textarea:focus,
.iec-ap-company-profile__form input:focus,
.iec-ap-company-profile__form select:focus,
.iec-ap-company-profile__form textarea:focus,
.iec-apprentice-search:focus,
.iec-apprentice-per-page:focus,
.iec-ap-member-directory__work-select:focus,
.iec-ojt-add select:focus,
.iec-ojt-add input:focus,
.iec-ojt-add textarea:focus,
.iec-ojt-log-form select:focus,
.iec-ojt-log-form input:focus,
.iec-ojt-log-form textarea:focus,
.iec-ap-member-login-form-wrap #iec_ap_user_login:focus,
.iec-ap-member-login-form-wrap #iec_ap_user_pass:focus {
	outline: none;
	border-color: var(--iec-ctrl-brand);
	box-shadow: 0 0 0 1px var(--iec-ctrl-brand);
}

/* Accent links / icons on member lists */
.iec-ap-email-icon-link,
.iec-ap-email-copy,
.iec-ap-note--icon,
.iec-ap-sign__clear {
	color: var(--iec-ctrl-brand);
}

.iec-ap-sign__clear:hover,
.iec-ap-sign__clear:focus {
	color: var(--iec-ctrl-brand-dark);
}

.iec-ojt-log-form input[type="checkbox"],
.iec-ojt-log-form input[type="radio"] {
	accent-color: var(--iec-ctrl-brand);
}

/* Login product label */
.iec-ap-portal-login__product {
	color: var(--iec-ctrl-brand);
}

/* Full-width login submit */
.iec-ap-member-login-form-wrap #iec_ap_wp_submit {
	width: 100%;
	margin-top: 10px;
}