/**
 * LexSlot — Charte graphique ALGA Web
 * Couleurs : #022434 (primaire) · #003346 (secondaire)
 */

:root {
	--lex-primary: #022434;
	--lex-secondary: #003346;
	--lex-primary-hover: #011a28;
	--lex-secondary-hover: #002535;
	--lex-accent-bg: rgba(0, 51, 70, 0.08);
	--lex-accent-bg-hover: rgba(0, 51, 70, 0.14);
	--lex-border: #d8e2e8;
	--lex-border-light: #e8eef2;
	--lex-surface: #ffffff;
	--lex-surface-alt: #f4f7f9;
	--lex-text: #022434;
	--lex-text-muted: #5a7280;
	--lex-text-light: #8fa3ad;
	--lex-success: #0d7a5e;
	--lex-warning: #b45309;
	--lex-danger: #c53030;
	--lex-radius: 10px;
	--lex-radius-sm: 6px;
	--lex-shadow: 0 4px 24px rgba(2, 36, 52, 0.08);
	--lex-font: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.lexslot-app {
	font-family: var(--lex-font);
	color: var(--lex-text);
	isolation: isolate;
}

/* Neutralise les styles de thème (boutons roses, liens colorés, etc.) */
.lexslot-app button,
.lexslot-app input[type="button"],
.lexslot-app input[type="submit"],
.lexslot-app .rdv-btn,
.lexslot-app .rdv-portail-tab,
.lexslot-app .rdv-appt-filter {
	background-image: none !important;
	text-shadow: none !important;
	box-shadow: none !important;
	filter: none !important;
}

.lexslot-app .rdv-btn-primary,
.lexslot-app button.rdv-btn-primary {
	background: var(--lex-secondary) !important;
	border-color: var(--lex-secondary) !important;
	color: #fff !important;
}

.lexslot-app .rdv-btn-primary:hover,
.lexslot-app button.rdv-btn-primary:hover {
	background: var(--lex-secondary-hover) !important;
	border-color: var(--lex-secondary-hover) !important;
	color: #fff !important;
}

.lexslot-app .rdv-portail-tab,
.lexslot-app .rdv-appt-filter {
	background: transparent !important;
	background-image: none !important;
	color: var(--lex-text-muted) !important;
	box-shadow: none !important;
	border-color: transparent !important;
}

.lexslot-app .rdv-portail-tab:hover,
.lexslot-app .rdv-portail-tab:focus,
.lexslot-app .rdv-appt-filter:hover {
	background: var(--lex-accent-bg) !important;
	color: var(--lex-primary) !important;
}

.lexslot-app .rdv-portail-tab.is-active {
	color: var(--lex-secondary) !important;
	border-bottom-color: var(--lex-secondary) !important;
	background: transparent !important;
}

.lexslot-app .rdv-appt-filter.is-active {
	background: var(--lex-secondary) !important;
	border-color: var(--lex-secondary) !important;
	color: #fff !important;
}

.lexslot-brand-bar,
.lexslot-brand-header {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin-bottom: 20px;
}

.lexslot-brand-header {
	flex-direction: column;
	align-items: center;
	gap: 4px;
	margin-bottom: 24px;
}

.lexslot-logo {
	font-size: 1.75rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--lex-primary);
}

.lexslot-byline {
	font-size: 0.8rem;
	color: var(--lex-text-muted);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.lexslot-logo-sm {
	font-size: 1.1rem;
	display: block;
	margin-bottom: 4px;
}

.rdv-portail-lawyer-name {
	margin: 0;
	font-size: 1rem;
	font-weight: 500;
	color: var(--lex-text-muted);
}

/* Admin WordPress */
body.toplevel_page_rdv-avocats .wrap > h1,
body.rdv-avocats_page_rdv-avocats-settings .wrap > h1 {
	color: var(--lex-primary);
}

body.toplevel_page_rdv-avocats .button-primary,
body.rdv-avocats_page_rdv-avocats-settings .button-primary {
	background: var(--lex-secondary) !important;
	border-color: var(--lex-secondary) !important;
}

body.toplevel_page_rdv-avocats .button-primary:hover,
body.rdv-avocats_page_rdv-avocats-settings .button-primary:hover {
	background: var(--lex-secondary-hover) !important;
	border-color: var(--lex-secondary-hover) !important;
}

body.toplevel_page_rdv-avocats .subsubsub .current,
body.toplevel_page_rdv-avocats .rdv-confirm-btn {
	background: var(--lex-secondary);
	border-color: var(--lex-secondary);
	color: #fff;
}
