/* Entrevue Brevo Newsletter — frontend form. Reads theme tokens with fallbacks.
   Logical properties for RTL (Arabic). No external framework. */
.env-nl {
	--env-accent: var(--ent-color-accent, #ffe328);
	--env-text: var(--ent-color-text, #111);
	--env-muted: #6b7280;
	--env-line: rgba(0, 0, 0, .14);
	--env-radius: 20px;
	font-family: inherit;
	color: var(--env-text);
	margin-block: 1.5rem;
}
.env-nl__form {
	background: var(--env-accent);
	border-radius: var(--env-radius);
	padding: clamp(1.1rem, 2.4vw, 1.75rem);
}
.env-nl--full .env-nl__form { background: #f6f7f7; border: 1px solid var(--env-line); }

.env-nl__title { margin: 0; font-size: clamp(1.1rem, 1.6vw, 1.35rem); font-weight: 800; line-height: 1.2; }
.env-nl__desc { margin: .4rem 0 0; font-size: .95rem; line-height: 1.5; color: rgba(0, 0, 0, .72); max-inline-size: 52ch; }

.env-nl__row { display: flex; gap: .5rem; margin-block-start: 1rem; flex-wrap: wrap; }
.env-nl__email {
	flex: 1 1 220px; min-inline-size: 0;
	padding: .7rem .9rem; font-size: 1rem;
	border: 1px solid var(--env-line); border-radius: 999px; background: #fff;
	direction: ltr;
}
.env-nl__email:focus-visible { outline: 3px solid #1f66ba; outline-offset: 2px; }
.env-nl__submit {
	flex: 0 0 auto; padding: .7rem 1.3rem; min-block-size: 44px;
	font-size: 1rem; font-weight: 700; cursor: pointer;
	background: #000; color: #fff; border: 0; border-radius: 999px;
	transition: transform .15s ease, opacity .15s ease;
}
.env-nl__submit:hover { transform: translateY(-1px); }
.env-nl__submit:disabled { opacity: .6; cursor: default; }
.env-nl--full .env-nl__submit { background: var(--env-accent); color: #000; }

.env-nl__toggle {
	margin-block-start: .7rem; background: none; border: 0; cursor: pointer;
	font-size: .9rem; font-weight: 700; text-decoration: underline; color: var(--env-text);
	padding: 0;
}
.env-nl__prefs { margin-block-start: 1rem; display: grid; gap: 1rem; }
.env-nl__field { margin: 0; padding: 0; border: 0; }
.env-nl__label { display: block; font-size: .85rem; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; margin-block-end: .4rem; }
.env-nl__select { padding: .55rem .7rem; border: 1px solid var(--env-line); border-radius: 10px; background: #fff; font-size: .95rem; }

.env-nl__cat-tools { margin: 0 0 .5rem; display: flex; gap: 1rem; }
.env-nl__link { background: none; border: 0; padding: 0; cursor: pointer; font-size: .8rem; text-decoration: underline; color: var(--env-text); }
.env-nl__cat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: .4rem .8rem; }
.env-nl__check, .env-nl__radio { display: flex; align-items: center; gap: .45rem; font-size: .9rem; min-block-size: 32px; cursor: pointer; }
.env-nl__freq { display: flex; flex-wrap: wrap; gap: .3rem 1.1rem; }
.env-nl__freq .env-nl__label { flex-basis: 100%; }

.env-nl__consent { display: flex; align-items: flex-start; gap: .5rem; margin-block-start: 1rem; font-size: .85rem; line-height: 1.45; color: rgba(0, 0, 0, .8); }
.env-nl__consent input { margin-block-start: .2rem; }

.env-nl__hp { position: absolute !important; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }

.env-nl__status { margin: .8rem 0 0; font-size: .9rem; font-weight: 600; min-block-size: 1.2em; }
.env-nl__status.is-success { color: #0b6b2e; }
.env-nl__status.is-error { color: #b32d2e; }
.env-nl__status.is-loading { color: rgba(0, 0, 0, .6); }

/* Preference center */
.env-nl--prefs .env-nl__form--prefs { background: #fff; border: 1px solid var(--env-line); display: grid; gap: 1rem; }
.env-nl__actions { margin-block-start: .5rem; }
.env-nl__danger { margin-block-start: 1.2rem; padding-block-start: 1rem; border-block-start: 1px solid var(--env-line); }
.env-nl__unsub { color: #b32d2e; font-weight: 700; }
.env-nl__confirm { display: inline-flex; gap: .6rem; align-items: center; flex-wrap: wrap; }
.env-nl__submit--danger { background: #b32d2e; color: #fff; }

@media (max-width: 600px) {
	.env-nl__submit { flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce) {
	.env-nl__submit { transition: none; }
}