.binto-admin-dashboard,
.binto-admin-dashboard * {
	box-sizing: border-box;
}

.binto-admin-dashboard {
	width: 100%;
	max-width: none;
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
}

.binto-admin-dashboard .binto-admin-card {
	width: 100%;
	max-width: none;
}

.binto-admin-config {
	width: 100%;
	max-width: none;
}

.binto-admin-panels {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 1.5rem;
	width: 100%;
}

.binto-admin-table {
	width: 100%;
}

.binto-admin-table th,
.binto-admin-table td {
	word-break: break-word;
}

:root {
	--binto-radius: 18px;
	--binto-shadow: 0 18px 42px rgba(0, 0, 0, 0.08);
	--binto-shadow-soft: 0 10px 24px rgba(0, 0, 0, 0.06);
	--binto-muted: rgba(17, 17, 17, 0.66);
	--binto-line: rgba(17, 17, 17, 0.12);
}

.binto-admin-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
}

.binto-admin-card {
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 14px;
	padding: 1.25rem;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}

@media (min-width: 1100px) {
	.binto-admin-grid.binto-admin-grid-2 {
		display: grid !important;
		grid-template-columns: minmax(0, 70%) minmax(260px, 30%) !important;
		gap: 1.5rem !important;
		align-items: start !important;
	}
	.binto-admin-grid.binto-admin-grid-2 > .binto-admin-card-large {
		grid-column: 1 !important;
		grid-row: 1 / span 20 !important;
		min-width: 0;
	}
	.binto-admin-grid.binto-admin-grid-2 > .binto-admin-card:not(.binto-admin-card-large) {
		grid-column: 2 !important;
		min-width: 0 !important;
	}
}

.binto-config-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 1rem 1.25rem;
}

.binto-config-grid .pleine_largeur {
	grid-column: 1 / -1;
}

.binto-code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.94rem;
}

.binto-admin-links,
.binto-links-stack {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
}

.binto-links-stack {
	flex-direction: column;
}

.binto-contenu-visible {
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
}

.binto-contenu-visible:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 12rem;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.82) 52%, var(--binto-page-bg, #fff) 100%);
	pointer-events: none;
	z-index: 2;
}

.binto-paywall {
	position: relative;
	z-index: 5;
	margin: 0 auto 3rem;
	padding-top: 3.6rem;
	max-width: 980px;
	font-family: inherit;
	color: var(--binto-paywall-text, #111);
}

.binto-fade {
	position: absolute;
	left: 0;
	right: 0;
	top: -10rem;
	height: 13rem;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 42%, var(--binto-page-bg, #fff) 100%);
	pointer-events: none;
	z-index: 1;
}

.binto-offer {
	position: relative;
	z-index: 3;
	border: 1px solid var(--binto-paywall-border, #d8c89a);
	border-top: 14px solid var(--binto-accent, #f5ca27);
	background: var(--binto-paywall-bg, #f8f3e8);
	box-shadow: var(--binto-shadow);
	border-radius: 8px;
	padding: 4rem 2rem 2.8rem;
	text-align: center;
	box-sizing: border-box;
	color: var(--binto-paywall-text, #111);
}

.binto-offer h2 {
	max-width: 780px;
	margin: 0 auto 1rem;
	font-size: clamp(2rem, 3.4vw, 3.8rem);
	line-height: 1.02;
	font-weight: 800;
	color: inherit;
	font-family: inherit;
}

.binto-offer p,
.binto-offer div,
.binto-offer li,
.binto-page-offres p,
.binto-page-offres div,
.binto-page-offres li,
.binto-page-offres a,
.binto-page-offres label,
.binto-page-offres input,
.binto-page-offres select,
.binto-page-offres textarea,
.binto-page-offres button {
	font-family: inherit;
}

.binto-offer-text,
.binto-card-text,
.binto-extra-text,
.binto-promo-text,
.binto-lead {
	font-size: 1.06rem;
	line-height: 1.6;
	color: var(--binto-muted);
}

.binto-offer-text {
	max-width: 760px;
	margin: 0 auto 1.7rem;
	color: inherit;
}

.binto-offer-text > *:last-child,
.binto-card-text > *:last-child,
.binto-extra-text > *:last-child,
.binto-lead > *:last-child,
.binto-promo-text > *:last-child {
	margin-bottom: 0;
}

.binto-price-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	flex-wrap: wrap;
	margin: 0 auto 1.8rem;
}

.binto-price-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	padding: 0.45rem 0.9rem;
	background: var(--binto-card-bg, #fff);
	border: 1px solid rgba(0,0,0,.08);
	font: inherit;
	font-weight: 700;
	color: inherit;
}

.binto-button,
.binto-offer .formulaire_spip .submit,
.binto-page-offres .submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 240px;
	min-height: 54px;
	border: 0;
	border-radius: 999px;
	background: var(--binto-accent, #f5ca27);
	color: var(--binto-accent-contrast, #111);
	font: inherit;
	font-weight: 800;
	text-decoration: none;
	padding: 0.9rem 1.6rem;
	cursor: pointer;
	transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
	box-shadow: 0 10px 24px color-mix(in srgb, var(--binto-accent, #f5ca27) 32%, transparent);
}

.binto-button:hover,
.binto-offer .formulaire_spip .submit:hover,
.binto-page-offres .submit:hover {
	transform: translateY(-1px);
}

.binto-button:focus,
.binto-offer .formulaire_spip .submit:focus,
.binto-page-offres .submit:focus {
	outline: 2px solid color-mix(in srgb, var(--binto-accent, #f5ca27) 45%, transparent);
	outline-offset: 3px;
}

.binto-secondary {
	margin: 1.4rem auto 0;
	max-width: 640px;
}

.binto-secondary .formulaire_spip,
.binto-form-shell {
	border: 0;
	background: transparent;
	box-shadow: none;
	padding: 0;
	margin: 0 auto;
}

.binto-secondary h3 {
	display: none;
}

.binto-form-grid {
	display: grid;
	grid-template-columns: 1.4fr .8fr .8fr;
	gap: 0.85rem;
}

.binto-form-grid .pleine_largeur {
	grid-column: 1 / -1;
}

.binto-form-shell label {
	display: block;
	margin: 0 0 0.35rem;
	text-align: left;
	font: inherit;
	font-weight: 700;
}

.binto-form-shell input,
.binto-form-shell select,
.binto-form-shell textarea,
.page_bintopaywall_offres input,
.page_bintopaywall_offres select,
.page_bintopaywall_offres textarea {
	width: 100%;
	min-height: 52px;
	border: 1px solid rgba(0,0,0,.16);
	border-radius: 14px;
	padding: 0.8rem 1rem;
	box-sizing: border-box;
	background: var(--binto-field-bg, #fff);
	font: inherit;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
}

.binto-form-shell textarea,
.page_bintopaywall_offres textarea {
	min-height: 120px;
}

.binto-form-shell input:focus,
.binto-form-shell select:focus,
.binto-form-shell textarea:focus,
.page_bintopaywall_offres input:focus,
.page_bintopaywall_offres select:focus,
.page_bintopaywall_offres textarea:focus {
	outline: 2px solid color-mix(in srgb, var(--binto-accent, #f5ca27) 35%, transparent);
	outline-offset: 1px;
	border-color: var(--binto-accent, #f5ca27);
}

.binto-form-title {
	margin: 0 0 0.5rem;
	font-size: clamp(1.4rem, 2.3vw, 2rem);
	line-height: 1.1;
}

.binto-form-intro,
.binto-form-help,
.binto-deja-abonne,
.binto-price-alt,
.binto-old-price,
.binto-card-kicker,
.binto-kicker,
.binto-extra-note {
	color: var(--binto-muted);
}

.binto-form-help {
	margin: 0.8rem 0 0;
	font-size: 0.95rem;
}

.binto-form-shell .boutons {
	text-align: center;
	margin: 1.1rem 0 0;
}

.binto-form-shell .submit {
	width: 100%;
}

.binto-deja-abonne {
	margin: 1.35rem auto 0 !important;
	font: inherit;
	font-weight: 800;
	text-decoration: underline;
}

.binto-deja-abonne a {
	color: inherit;
}

.page_bintopaywall_offres {
	background: var(--binto-page-bg, #fff);
	color: var(--binto-paywall-text, #111);
	margin: 0;
}

.binto-page-offres {
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(1.4rem, 2vw, 2.2rem) clamp(1rem, 2vw, 1.5rem) 4rem;
}

.binto-offres-header {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.5rem 2rem;
	align-items: center;
	margin-bottom: 2rem;
}

.binto-brand {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-height: 80px;
}

.binto-site-logo {
	max-width: 100%;
	height: auto;
	display: block;
}

.binto-site-name {
	font-size: clamp(1.7rem, 3vw, 2.5rem);
	font-weight: 800;
	line-height: 1;
}

.binto-kicker {
	margin: 0 0 0.75rem;
	font-size: 0.9rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.binto-offres-intro h1,
.binto-subscribe-copy h2,
.binto-promo-banner h2,
.binto-extra-card h2,
.binto-pricing-card h2 {
	margin: 0;
	font-family: inherit;
	line-height: 1.02;
	font-weight: 800;
	color: var(--binto-paywall-text, #111);
}

.binto-offres-intro h1 {
	font-size: clamp(2.4rem, 5.4vw, 4.5rem);
	margin-bottom: 1rem;
}

.binto-promo-banner {
	border-top: 14px solid var(--binto-accent, #f5ca27);
	background: color-mix(in srgb, var(--binto-paywall-bg, #f8f3e8) 82%, white);
	border-radius: var(--binto-radius);
	padding: 1.6rem 1.6rem 1.4rem;
	box-shadow: var(--binto-shadow-soft);
	border: 1px solid color-mix(in srgb, var(--binto-paywall-border, #d8c89a) 90%, white);
	margin-bottom: 2rem;
}

.binto-promo-badge,
.binto-card-badge,
.binto-discount-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.35rem 0.85rem;
	border-radius: 999px;
	background: var(--binto-accent, #f5ca27);
	color: var(--binto-accent-contrast, #111);
	font-size: 0.82rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.binto-promo-banner h2 {
	font-size: clamp(1.6rem, 3.2vw, 2.6rem);
	margin-bottom: 0.75rem;
}

.binto-pricing-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
	align-items: stretch;
}

.binto-pricing-card,
.binto-extra-card,
.binto-subscribe-panel {
	background: var(--binto-card-bg, #fff);
	border: 1px solid color-mix(in srgb, var(--binto-paywall-border, #d8c89a) 65%, white);
	border-radius: var(--binto-radius);
	box-shadow: var(--binto-shadow-soft);
}

.binto-pricing-card {
	position: relative;
	padding: 2rem 1.7rem 1.7rem;
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
}

.binto-pricing-card.binto-featured {
	background: color-mix(in srgb, var(--binto-paywall-bg, #f8f3e8) 68%, white);
	border-color: color-mix(in srgb, var(--binto-accent, #f5ca27) 62%, white);
}

.binto-card-badge {
	position: absolute;
	top: -0.7rem;
	right: 1.2rem;
}

.binto-card-kicker {
	margin: 0;
	font-size: 0.92rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
}

.binto-pricing-card h2 {
	font-size: clamp(1.6rem, 3vw, 2.3rem);
}

.binto-old-price {
	margin: 0;
	text-decoration: line-through;
	font-size: 1rem;
}

.binto-price {
	margin: 0;
	font-size: clamp(2rem, 4vw, 3rem);
	line-height: 1;
	font-weight: 800;
}

.binto-price-alt {
	margin: 0;
	font-size: 0.96rem;
}

.binto-discount-chip {
	align-self: flex-start;
}

.binto-card-cta {
	margin-top: auto;
	padding-top: 0.3rem;
}

.binto-benefits {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.7rem;
}

.binto-benefits li {
	position: relative;
	padding-left: 1.5rem;
	line-height: 1.45;
}

.binto-benefits li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.58em;
	width: 0.62rem;
	height: 0.62rem;
	border-radius: 999px;
	background: var(--binto-accent, #f5ca27);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--binto-accent, #f5ca27) 15%, transparent);
}

.binto-benefits p {
	margin: 0;
	display: inline;
}

.binto-benefits-compact {
	gap: 0.55rem;
}

.binto-offres-extras {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
	margin-top: 1.5rem;
}

.binto-extra-card {
	padding: 1.6rem;
}

.binto-extra-card h2 {
	font-size: clamp(1.35rem, 2.4vw, 2rem);
	margin-bottom: 0.8rem;
}

.binto-extra-note {
	margin: 1rem 0 0;
	font-size: 0.95rem;
}

.binto-subscribe-panel {
	margin-top: 1.8rem;
	padding: 1.6rem;
	display: grid;
	grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
	gap: 1.4rem;
	align-items: start;
}

.binto-subscribe-copy h2 {
	font-size: clamp(1.6rem, 3vw, 2.6rem);
	margin-bottom: 0.8rem;
}

.binto-subscribe-copy p:last-child {
	margin-bottom: 0;
}

.page_bintopaywall_offres .formulaire_sabonner_bintopaywall {
	background: color-mix(in srgb, var(--binto-card-bg, #fff) 96%, white);
	border-radius: 16px;
	padding: 1.4rem;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
}

.page_bintopaywall_offres .reponse_formulaire {
	border-radius: 12px;
	padding: 0.8rem 1rem;
}

.page_bintopaywall_offres .reponse_formulaire_ok {
	background: rgba(45, 170, 90, 0.12);
}

.page_bintopaywall_offres .reponse_formulaire_erreur {
	background: rgba(206, 64, 64, 0.12);
}

@media (max-width: 900px) {
	.binto-offres-header,
	.binto-pricing-grid,
	.binto-offres-extras,
	.binto-subscribe-panel {
		grid-template-columns: 1fr;
	}
	.binto-form-grid {
		grid-template-columns: 1fr 1fr;
	}
	.binto-brand {
		justify-content: center;
	}
	.binto-offres-intro {
		text-align: center;
	}
}

@media (max-width: 640px) {
	.binto-paywall {
		padding-top: 2.4rem;
	}
	.binto-offer {
		padding: 3rem 1rem 2.2rem;
	}
	.binto-fade {
		top: -8rem;
		height: 10rem;
	}
	.binto-form-grid {
		grid-template-columns: 1fr;
	}
	.binto-button,
	.binto-offer .formulaire_spip .submit,
	.binto-page-offres .submit {
		width: 100%;
		min-width: 0;
	}
	.binto-pricing-card,
	.binto-extra-card,
	.binto-subscribe-panel,
	.page_bintopaywall_offres .formulaire_sabonner_bintopaywall {
		padding: 1.2rem;
	}
	.binto-page-offres {
		padding-bottom: 2.5rem;
	}
}

/* BintoPaywall 1.0.14 */
.binto-lock-badge {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	margin: .6rem 0 1rem;
	padding: .38rem .72rem;
	border-radius: 999px;
	background: color-mix(in srgb, var(--binto-accent, #f5ca27) 18%, white);
	border: 1px solid color-mix(in srgb, var(--binto-accent, #f5ca27) 45%, white);
	color: var(--binto-paywall-text, #111);
	font-family: inherit;
	font-size: .9rem;
	font-weight: 750;
	line-height: 1.2;
}

.binto-offer-icon {
	width: 3.4rem;
	height: 3.4rem;
	border-radius: 1rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: .2rem 0 .6rem;
	background: color-mix(in srgb, var(--binto-accent, #f5ca27) 18%, white);
	border: 1px solid color-mix(in srgb, var(--binto-accent, #f5ca27) 55%, white);
	font-size: 1.55rem;
	font-weight: 900;
	color: var(--binto-accent-contrast, #111);
}

.binto-featured .binto-offer-icon {
	background: var(--binto-accent, #f5ca27);
}

.binto-devise-discrete {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: .45rem;
	margin-top: .65rem;
	font-size: .86rem;
	opacity: .78;
}

.binto-devise-discrete label {
	margin: 0;
	font-weight: 600;
}

.binto-devise-discrete select {
	width: auto !important;
	min-height: 34px !important;
	padding: .25rem 1.7rem .25rem .55rem !important;
	border-radius: 999px !important;
	font-size: .85rem !important;
	background: transparent !important;
}

.binto-form-grid-subscribe {
	grid-template-columns: minmax(0, 1.2fr) minmax(180px, .8fr);
}

.binto-magic-panel {
	grid-column: 1 / -1;
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px dashed var(--binto-line, rgba(17,17,17,.12));
}

.binto-magic-form .binto-form-title {
	font-size: 1.15rem;
}

.binto-magic-form .binto-form-intro {
	font-size: .95rem;
}

@media (max-width: 640px) {
	.binto-form-grid-subscribe {
		grid-template-columns: 1fr;
	}
	.binto-devise-discrete {
		justify-content: flex-start;
	}
}


/* BintoPaywall 1.0.16 : dashboard pleine largeur. */
.binto-admin-grid.binto-admin-grid-2 {
	display: grid !important;
	grid-template-columns: 1fr !important;
	width: 100% !important;
	max-width: none !important;
}
.binto-admin-grid.binto-admin-grid-2 > .binto-admin-card,
.binto-admin-grid.binto-admin-grid-2 > .binto-admin-card-large {
	grid-column: auto !important;
	grid-row: auto !important;
	width: 100% !important;
	max-width: none !important;
}

/* BintoPaywall 1.0.18 : dashboard à onglets, modale abonné et héritage typographique strict. */
.page_bintopaywall_offres,
.page_bintopaywall_offres *,
.binto-page-offres,
.binto-page-offres * {
	font-family: inherit !important;
}

.binto-admin-dashboard-tabs {
	width: 100% !important;
	max-width: none !important;
}

.binto-admin-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
	margin: 0 0 1rem;
	padding: .5rem;
	border: 1px solid #ddd;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 4px 14px rgba(0,0,0,.04);
}

.binto-admin-tab {
	appearance: none;
	border: 1px solid #ddd;
	border-radius: 999px;
	background: #f8f8f8;
	color: #222;
	font: inherit;
	font-weight: 700;
	padding: .65rem 1rem;
	cursor: pointer;
}

.binto-admin-tab.is-active {
	background: var(--binto-accent, #f5ca27);
	color: var(--binto-accent-contrast, #111);
	border-color: var(--binto-accent, #f5ca27);
}

.binto-admin-panel {
	display: none;
	width: 100%;
	max-width: none;
}

.binto-admin-panel.is-active {
	display: block;
}

.binto-admin-panel .binto-admin-card,
.binto-admin-panel .binto-admin-panels {
	width: 100% !important;
	max-width: none !important;
}

.binto-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}

.binto-modal.is-open {
	display: flex;
}

.binto-modal-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.54);
	backdrop-filter: blur(3px);
}

.binto-modal-dialog {
	position: relative;
	z-index: 2;
	width: min(760px, 100%);
	max-height: min(88vh, 900px);
	overflow: auto;
	background: var(--binto-card-bg, #fff);
	color: var(--binto-paywall-text, #111);
	border-radius: 22px;
	box-shadow: 0 30px 90px rgba(0,0,0,.28);
	padding: clamp(1.2rem, 2vw, 2rem);
}

.binto-modal-close {
	position: absolute;
	top: .8rem;
	right: .8rem;
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 999px;
	background: rgba(0,0,0,.08);
	font: inherit;
	font-size: 1.6rem;
	line-height: 1;
	cursor: pointer;
}

.binto-modal-head {
	padding-right: 2.5rem;
	margin-bottom: 1rem;
}

.binto-modal-head h2 {
	margin: 0 0 .5rem;
	font-size: clamp(1.7rem, 3vw, 2.4rem);
	line-height: 1.05;
	font-family: inherit !important;
}

.binto-modal-head p:last-child {
	margin-bottom: 0;
}

.binto-modal-open {
	overflow: hidden;
}

.binto-compte-page {
	max-width: 1080px;
}

.binto-compte-panel {
	margin-top: 1.5rem;
}

.binto-devise-discrete {
	font-size: .82rem !important;
	opacity: .68;
}

.binto-devise-discrete select {
	min-height: 30px !important;
	padding: .15rem 1.5rem .15rem .5rem !important;
}

@media (max-width: 640px) {
	.binto-admin-tabs {
		gap: .4rem;
	}
	.binto-admin-tab {
		font-size: .9rem;
		padding: .55rem .78rem;
	}
	.binto-modal {
		align-items: flex-end;
		padding: 0;
	}
	.binto-modal-dialog {
		width: 100%;
		max-height: 92vh;
		border-radius: 22px 22px 0 0;
	}
}

/* BintoPaywall 1.0.19 — améliorations dashboard et offres */
.binto-admin-dashboard {
	width: 100%;
	max-width: none;
	box-sizing: border-box;
}
.binto-admin-hero {
	display: grid;
	grid-template-columns: minmax(0,1fr) auto;
	gap: 1.5rem;
	align-items: center;
	padding: 1.4rem;
	margin: 0 0 1rem;
	border-radius: 18px;
	background: linear-gradient(135deg,#fff,rgba(244,197,29,.16));
	border: 1px solid rgba(0,0,0,.08);
	box-shadow: 0 12px 28px rgba(0,0,0,.06);
}
.binto-admin-hero h2 {
	font-size: clamp(1.7rem,3vw,2.6rem);
	line-height: 1;
	margin: .1rem 0 .4rem;
}
.binto-admin-hero p { margin: 0; max-width: 780px; }
.binto-admin-kicker {
	font-size: .82rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	opacity: .7;
}
.binto-admin-quicklinks { display:flex; gap:.6rem; flex-wrap:wrap; justify-content:flex-end; }
.binto-admin-stats {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: .9rem;
	margin: 0 0 1rem;
}
.binto-admin-stat {
	padding: 1rem;
	border-radius: 16px;
	background: #fff;
	border: 1px solid rgba(0,0,0,.08);
	box-shadow: 0 8px 20px rgba(0,0,0,.05);
}
.binto-admin-stat span { display:block; font-size:.9rem; opacity:.72; margin-bottom:.35rem; }
.binto-admin-stat strong { display:block; font-size:2rem; line-height:1; }
.binto-admin-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.binto-admin-card-head h2 { margin:0; }
.binto-admin-card-head p { margin:.2rem 0 0; opacity:.75; }
.binto-admin-panels-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.binto-admin-links-big .btn { padding:.7rem .9rem; border-radius:10px; }

.page_bintopaywall_offres {
	font-family: inherit !important;
	background:
		radial-gradient(circle at 10% 0%, color-mix(in srgb,var(--binto-accent,#f5ca27) 18%, transparent), transparent 30rem),
		linear-gradient(180deg, color-mix(in srgb,var(--binto-page-bg,#fff) 96%, #f6f6f6), var(--binto-page-bg,#fff));
}
.page_bintopaywall_offres, .page_bintopaywall_offres * { font-family: inherit !important; }
.binto-page-offres { max-width: 1240px; }
.binto-offres-header {
	grid-template-columns: minmax(0,1fr);
	padding: clamp(1.4rem,3vw,2.2rem);
	border: 1px solid rgba(0,0,0,.08);
	border-radius: 28px;
	background: color-mix(in srgb,var(--binto-card-bg,#fff) 92%, transparent);
	box-shadow: 0 20px 60px rgba(0,0,0,.06);
}
.binto-offres-intro h1 { max-width: 860px; }
.binto-lead { max-width: 820px; }
.binto-promo-banner {
	display: grid;
	grid-template-columns: auto minmax(0,1fr);
	gap: 1rem 1.3rem;
	align-items: center;
	padding: 1.3rem 1.5rem;
}
.binto-promo-banner h2 { margin: 0 0 .35rem; }
.binto-promo-badge { margin: 0; align-self:start; }
.binto-promo-text { grid-column: 2; }
.binto-pricing-grid { gap: 1.8rem; }
.binto-pricing-card {
	padding: clamp(1.4rem,2.6vw,2.3rem);
	border-radius: 26px;
	transition: transform .16s ease, box-shadow .16s ease;
}
.binto-pricing-card:hover { transform: translateY(-2px); box-shadow: 0 22px 60px rgba(0,0,0,.10); }
.binto-pricing-card.binto-featured { outline: 3px solid color-mix(in srgb,var(--binto-accent,#f5ca27) 45%, transparent); }
.binto-offer-icon {
	width: 3.1rem; height: 3.1rem; border-radius: 999px;
	display:flex; align-items:center; justify-content:center;
	font-size: 1.4rem; font-weight: 900;
	background: color-mix(in srgb,var(--binto-accent,#f5ca27) 22%, white);
	color: var(--binto-paywall-text,#111);
}
.binto-offer-icon-star { background: var(--binto-accent,#f5ca27); color: var(--binto-accent-contrast,#111); }
.binto-card-cta { margin-top: auto; }
.binto-card-cta .binto-button { width: 100%; }
.binto-offres-extras { margin-top: 1.8rem; }
.binto-extra-card { border-radius: 24px; }
.binto-subscribe-panel {
	border-radius: 28px;
	padding: clamp(1.3rem,2.6vw,2.2rem);
	background: linear-gradient(135deg, color-mix(in srgb,var(--binto-card-bg,#fff) 94%, transparent), color-mix(in srgb,var(--binto-accent,#f5ca27) 12%, white));
}
.binto-paywall .binto-primary-cta .binto-button { text-decoration:none; }
.binto-deja-abonne a[data-binto-login-link] { text-decoration: underline; }

@media (max-width: 980px) {
	.binto-admin-hero, .binto-offres-header, .binto-promo-banner { grid-template-columns: 1fr; }
	.binto-admin-quicklinks { justify-content:flex-start; }
	.binto-admin-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.binto-promo-text { grid-column: auto; }
	.binto-admin-panels-3 { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
	.binto-admin-stats { grid-template-columns: 1fr; }
	.binto-offres-header { text-align:center; }
	.binto-brand { justify-content:center; }
}

.binto-site-main {
	width: 100%;
	max-width: none;
}

.binto-promo-field {
	margin-top: .75rem;
	font-size: .92em;
	opacity: .92;
}

.binto-promo-field label {
	font-size: .86em;
	font-weight: 700;
	opacity: .75;
}

.binto-promo-field input {
	min-height: 42px !important;
	border-style: dashed !important;
	text-transform: uppercase;
}

.binto-admin-dashboard-tabs .binto-admin-tabs {
	position: sticky;
	top: 0;
	z-index: 10;
	background: #fff;
	padding: .75rem;
	border: 1px solid #ddd;
	border-radius: 14px;
	box-shadow: 0 6px 24px rgba(0,0,0,.06);
}

.binto-admin-dashboard-tabs .binto-admin-tab {
	border: 1px solid rgba(0,0,0,.12);
	background: #fff;
	border-radius: 999px;
	padding: .65rem 1rem;
	font-weight: 700;
	cursor: pointer;
}

.binto-admin-dashboard-tabs .binto-admin-tab.is-active {
	background: var(--binto-accent,#f5ca27);
	color: var(--binto-accent-contrast,#111);
	border-color: var(--binto-accent,#f5ca27);
}

.binto-admin-panel { display:none; }
.binto-admin-panel.is-active { display:block; }

.binto-admin-table th,
.binto-admin-table td {
	vertical-align: top;
}

.binto-admin-promo-form h3 {
	margin-top: 0;
}

.binto-admin-code {
	background: #111827;
	color: #f9fafb;
	border-radius: 12px;
	padding: 1rem;
	overflow: auto;
	white-space: pre-wrap;
	font: 13px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}