/*
 * Thème MYDRINKABLE — chargé en dernier, surcharge les autres feuilles.
 * Code couleur du site : bleu marine #1d3461, jaune #f5a800, vert #3a8c3f, crème #fdf9f2.
 * Polices : Nunito Sans (texte) + Fredoka One (titres).
 */

.myws,
.mwa-settings,
.mwa-toast {
	--md-blue: #1d3461;
	--md-blue-light: #e8eef8;
	--md-yellow: #f5a800;
	--md-yellow-dark: #e09a00;
	--md-yellow-pale: #fff8e6;
	--md-green: #3a8c3f;
	--md-green-pale: #e9f5ea;
	--md-cream: #fdf9f2;
	--md-border: #e8e8e8;
	--md-muted: #5b6b85;
	--md-pill: 100px;

	/* Palette WhatsApp reprise dans les couleurs MYDRINKABLE */
	--mwa-ink: var(--md-blue);
	--mwa-mango: var(--md-yellow);
	--mwa-mango-deep: #8a5d00;
	--mwa-sun: var(--md-yellow);
	--mwa-leaf: var(--md-green);
	--mwa-cream: var(--md-cream);
	--mwa-line: var(--md-border);
	--mwa-muted: var(--md-muted);

	/* Onglets */
	--myws-ink: var(--md-blue);
	--myws-mango: var(--md-yellow);
	--myws-leaf: var(--md-green);
	--myws-cream: var(--md-yellow-pale);
	--myws-line: var(--md-border);
	--myws-muted: var(--md-muted);
}

/* ---------- Typographie ---------- */

.myws,
.myws button,
.myws input,
.myws select,
.myws textarea,
.mwa-toast {
	font-family: 'Nunito Sans', 'Segoe UI', system-ui, sans-serif !important;
}

.myws .mwa-brand,
.myws .md-head h2,
.myws .myws-card h3,
.myws .mwa-empty h2,
.myws .mwa-new h2,
.myws .md-login-card h2 {
	font-family: 'Fredoka One', 'Nunito Sans', sans-serif !important;
	font-weight: 400;
	color: var(--md-blue);
	letter-spacing: .01em;
}

/* ---------- Barre d'onglets ---------- */

.myws .myws-bar {
	background: var(--md-blue);
	border-color: var(--md-blue);
	border-radius: var(--md-pill);
	padding: 6px 8px;
	box-shadow: 0 4px 18px rgba(29, 52, 97, .18);
}

.myws .myws-tab {
	color: rgba(255, 255, 255, .82);
	border-radius: var(--md-pill);
	font-weight: 800;
}

.myws .myws-tab:hover {
	background: rgba(255, 255, 255, .12);
	color: #fff;
}

.myws .myws-tab[aria-selected="true"] {
	background: var(--md-yellow);
	color: var(--md-blue);
}

.myws .myws-bar-end .myws-tab {
	color: rgba(255, 255, 255, .7);
}

.myws .myws-badge {
	background: var(--md-green);
	color: #fff;
}

.myws .myws-tab[aria-selected="true"] .myws-badge {
	background: var(--md-blue);
	color: #fff;
}

/* ---------- Boîte de réception ---------- */

.myws .mwa-app {
	border-radius: 20px;
	box-shadow: 0 10px 34px rgba(29, 52, 97, .08);
}

.myws .mwa-btn {
	border-radius: var(--md-pill);
	font-weight: 800;
}

.myws .mwa-btn-primary,
.mwa-settings .button-primary {
	background: var(--md-yellow) !important;
	border-color: var(--md-yellow) !important;
	color: var(--md-blue) !important;
}

.myws .mwa-btn-primary:hover,
.myws .mwa-btn-primary:focus {
	background: var(--md-yellow-dark) !important;
	color: var(--md-blue) !important;
}

.myws .mwa-btn-ghost {
	background: #fff;
	border-color: var(--md-blue-light);
	color: var(--md-blue);
}

.myws .mwa-search,
.myws .mwa-composer textarea,
.myws .mwa-field input,
.myws .mwa-field textarea,
.myws .mwa-campaign-filter select {
	border: 1.5px solid var(--md-border) !important;
	border-radius: 14px !important;
	background: #fff !important;
	color: var(--md-blue) !important;
	box-shadow: none !important;
	outline: 0;
}

.myws .mwa-search:focus,
.myws .mwa-composer textarea:focus,
.myws .mwa-field input:focus,
.myws .mwa-field textarea:focus,
.myws .mwa-campaign-filter select:focus,
.myws .mwa-label-input:focus {
	border-color: var(--md-yellow) !important;
	box-shadow: 0 0 0 3px rgba(245, 168, 0, .18) !important;
}

/* Le thème ajoutait des flèches de défilement dans la zone de saisie. */
.myws .mwa-composer textarea {
	resize: none;
	overflow-y: hidden;
	min-height: 44px;
	line-height: 1.45;
}

.myws .mwa-composer textarea.is-scrolling {
	overflow-y: auto;
}

.myws .mwa-chip {
	border-radius: var(--md-pill);
	border-color: var(--md-border);
	color: var(--md-blue);
	font-weight: 700;
}

.myws .mwa-chip:hover {
	border-color: var(--md-yellow);
}

.myws .mwa-chip.is-active {
	background: var(--md-blue);
	border-color: var(--md-blue);
	color: #fff !important;
}

.myws .mwa-item.is-active {
	background: var(--md-yellow-pale);
	border-left-color: var(--md-yellow);
}

.myws .mwa-avatar {
	background: var(--md-yellow);
	color: var(--md-blue);
	font-weight: 900;
}

.myws .mwa-item-name {
	font-weight: 800;
}

.myws .mwa-badge {
	background: var(--md-green);
	color: #fff;
}

.myws .mwa-tag {
	background: var(--md-blue-light);
	color: var(--md-blue);
}

.myws .mwa-tag.is-campaign {
	background: var(--md-green);
	color: #fff;
}

.myws .mwa-label-input {
	border: 1.5px solid var(--md-border) !important;
	border-radius: var(--md-pill) !important;
	padding-left: 14px !important;
}

.myws .mwa-campaign {
	background: var(--md-green-pale);
	border-bottom-color: #cfe6d1;
}

.myws .mwa-campaign.is-empty {
	background: var(--md-yellow-pale);
	border-bottom-color: #f5e3b5;
	color: var(--md-muted);
}

.myws .mwa-msg-campaign {
	background: var(--md-green-pale);
	color: var(--md-green);
}

.myws .mwa-bubble {
	border-radius: 18px;
	border-bottom-left-radius: 6px;
	box-shadow: 0 1px 2px rgba(29, 52, 97, .05);
}

.myws .mwa-msg.is-out .mwa-bubble {
	background: var(--md-blue);
	border-color: var(--md-blue);
	color: #fff;
	border-radius: 18px;
	border-bottom-right-radius: 6px;
}

.myws .mwa-msg.is-template .mwa-bubble {
	background: var(--md-yellow-pale);
	color: var(--md-blue);
	border: 1.5px dashed var(--md-yellow);
}

.myws .mwa-msg.is-template .mwa-status.is-read {
	color: var(--md-green);
}

.myws .mwa-day span {
	border-radius: var(--md-pill);
	color: var(--md-blue);
	font-weight: 700;
}

.myws .mwa-window {
	color: var(--md-green);
	font-weight: 700;
}

.myws .mwa-link {
	color: var(--md-blue) !important;
	font-weight: 700;
}

/* Barres de défilement discrètes (le thème affichait des flèches). */
.myws .mwa-messages,
.myws .mwa-list,
.myws .mwa-composer textarea {
	scrollbar-width: thin;
	scrollbar-color: #c9d2e3 transparent;
}

.myws .mwa-messages::-webkit-scrollbar,
.myws .mwa-list::-webkit-scrollbar,
.myws .mwa-composer textarea::-webkit-scrollbar {
	width: 8px;
}

.myws .mwa-messages::-webkit-scrollbar-button,
.myws .mwa-list::-webkit-scrollbar-button,
.myws .mwa-composer textarea::-webkit-scrollbar-button {
	display: none;
}

.myws .mwa-messages::-webkit-scrollbar-thumb,
.myws .mwa-list::-webkit-scrollbar-thumb,
.myws .mwa-composer textarea::-webkit-scrollbar-thumb {
	background: #c9d2e3;
	border-radius: 8px;
}

.mwa-toast {
	background: var(--md-blue) !important;
	color: #fff !important;
	border-radius: 14px !important;
}

/* ---------- Campagnes ---------- */

.myws .myws-card {
	border-radius: 20px;
	box-shadow: 0 10px 34px rgba(29, 52, 97, .06);
}

.myws .myws-camp-name {
	color: var(--md-blue);
}

.myws .myws-code {
	background: var(--md-yellow-pale);
	color: var(--md-blue);
}

.myws .myws-copy {
	border-radius: var(--md-pill);
	color: var(--md-blue);
	font-weight: 700;
}

.myws .myws-copy:hover {
	background: var(--md-yellow);
	border-color: var(--md-yellow);
}

.myws .myws-camp-table tbody tr:hover {
	background: var(--md-cream);
}

/* ---------- Commandes ---------- */

.myws .md-order-app,
.md-login-card {
	color: var(--md-blue);
	border-radius: 24px;
	box-shadow: 0 10px 34px rgba(29, 52, 97, .08);
}

.myws .md-kicker {
	color: var(--md-yellow-dark);
}

.myws .md-date {
	border: 1.5px solid var(--md-border);
	border-radius: var(--md-pill);
	color: var(--md-blue);
}

.myws .md-product {
	border: 1.5px solid var(--md-border);
	border-radius: 20px;
	transition: border-color .15s, background .15s;
}

.myws .md-product:hover {
	border-color: var(--md-yellow);
	background: var(--md-cream);
}

.myws .md-product h3 {
	color: var(--md-blue);
	font-weight: 800;
}

.myws .md-product span {
	color: var(--md-green);
	font-weight: 800;
	opacity: 1;
}

.myws .md-stepper {
	border: 1.5px solid var(--md-border);
	border-radius: var(--md-pill);
	background: #fff;
}

.myws .md-stepper button {
	color: var(--md-blue);
	font-weight: 700;
	padding: 0;
}

.myws .md-stepper button:hover {
	background: var(--md-yellow);
}

.myws .md-stepper input {
	width: 46px !important;
	height: 38px;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--md-blue);
	-moz-appearance: textfield;
	appearance: textfield;
}

.myws .md-stepper input::-webkit-outer-spin-button,
.myws .md-stepper input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.myws .md-summary {
	background: var(--md-yellow-pale);
	border-radius: 20px;
}

.myws .md-summary span {
	color: var(--md-muted);
	font-weight: 700;
}

.myws .md-summary strong {
	color: var(--md-blue);
	font-weight: 900;
}

.myws .md-label {
	color: var(--md-blue);
}

.myws .md-label select {
	border: 1.5px solid var(--md-border) !important;
	border-radius: 14px !important;
	color: var(--md-blue);
	background: #fff;
}

.myws .md-submit {
	background: var(--md-yellow);
	color: var(--md-blue);
	border-radius: var(--md-pill);
	font-weight: 900;
	transition: transform .15s, box-shadow .15s;
}

.myws .md-submit:hover:not(:disabled) {
	transform: translateY(-1px);
	box-shadow: 0 8px 24px rgba(245, 168, 0, .4);
}

.myws #md-message:not(:empty) {
	background: var(--md-green-pale);
	color: var(--md-green);
	font-weight: 700;
}

.md-login-button {
	background: var(--md-yellow, #f5a800) !important;
	color: var(--md-blue, #1d3461) !important;
}

/* ---------- Réglages (admin) ---------- */

.mwa-settings .mwa-card {
	border-left-color: var(--md-yellow);
	border-radius: 14px;
}

.myws .mwa-tag.is-campaign::before {
	display: none;
}

.myws .mwa-tag:not(.is-campaign)::before {
	background: #fff;
}