/* =========================================================
   IDD Menu Traiteur — CORE
   ========================================================= */

.idd-mt {
	--mt-brand:        var(--wp-brand,        #B5637A);
	--mt-brand-dark:   var(--wp-brand-dark,   #9A4F65);
	--mt-brand-light:  var(--wp-brand-light,  #EDD6DC);
	--mt-brand-soft:   var(--wp-brand-soft,   rgba(181,99,122,.09));
	--mt-brand-border: var(--wp-brand-border, rgba(181,99,122,.22));

	--mt-gold:         var(--wp-gold,         #C9A87C);
	--mt-sage:         var(--wp-sage,         #7A9D80);
	--mt-sage-dark:    var(--wp-sage-dark,    #5C7E62);
	--mt-sage-light:   var(--wp-sage-light,   #E2EDE4);
	--mt-prune:        #9C1657;

	--mt-bg:           var(--wp-bg,           #FDFAF8);
	--mt-surface:      var(--wp-surface,      #FFFFFF);
	--mt-surface-2:    var(--wp-surface-2,    #F8F2EE);
	--mt-surface-3:    var(--wp-surface-3,    #F2E8E2);

	--mt-ink:          var(--wp-ink,          #1D1819);
	--mt-soft:         var(--wp-soft,         #4A4144);
	--mt-muted:        var(--wp-muted,        #8A7E81);
	--mt-line:         var(--wp-line,         #EFE5E0);
	--mt-line-strong:  var(--wp-line-strong,  #E2D3CB);

	--mt-font-serif:   var(--font-serif, 'Cormorant Garamond', Georgia, 'Times New Roman', serif);
	--mt-font-sans:    var(--font-sans, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif);

	--mt-radius:       var(--radius-md, 16px);
	--mt-radius-sm:    var(--radius-sm, 10px);
	--mt-shadow:       var(--shadow-md, 0 8px 28px rgba(29,24,25,.09));
	--mt-shadow-sm:    var(--shadow-sm, 0 3px 12px rgba(29,24,25,.07));

	color: var(--mt-ink);
	font-family: var(--mt-font-sans);
	max-width: 1280px;
	margin: 32px auto 96px;
	padding: 0 28px;
	box-sizing: border-box;
}
@media (max-width: 980px) {
	.idd-mt { padding: 0 20px; margin: 24px auto 72px; }
}
@media (max-width: 640px) {
	.idd-mt { padding: 0 16px; margin: 18px auto 60px; }
}
.idd-mt *,
.idd-mt *::before,
.idd-mt *::after { box-sizing: inherit; }

.idd-mt-login-required {
	max-width: 480px;
	margin: 60px auto;
	padding: 24px 28px;
	background: var(--wp-surface, #fff);
	border: 1px solid var(--wp-line, #EFE5E0);
	border-radius: var(--radius-md, 18px);
	text-align: center;
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: 1.3rem;
	color: var(--wp-ink, #1D1819);
}

/* Topbar */
.idd-mt__topbar {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
	margin-bottom: 22px;
}
.idd-mt__topbar-left { flex: 1 1 280px; }
.idd-mt__eyebrow {
	margin: 0 0 6px;
	color: var(--mt-brand);
	font-size: .8rem;
	letter-spacing: .14em;
	text-transform: uppercase;
	font-weight: 600;
}
.idd-mt__title-main {
	font-family: var(--mt-font-serif);
	font-size: clamp(2rem, 1.4rem + 1.8vw, 2.6rem);
	font-weight: 600;
	color: var(--mt-ink);
	line-height: 1.1;
	margin: 0 0 6px;
}
.idd-mt__sub {
	color: var(--mt-muted);
	font-size: .95rem;
	margin: 0;
	max-width: 640px;
}

.idd-mt__topbar-right {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}
.idd-mt__saved {
	min-width: 92px;
	color: var(--mt-muted);
	font-size: .88rem;
	text-align: right;
	min-height: 1.2em;
}
.idd-mt__icon-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 16px;
	border-radius: var(--radius-full, 999px);
	border: 1px solid var(--mt-line-strong);
	background: var(--mt-surface);
	color: var(--mt-ink);
	font-size: .9rem;
	font-weight: 500;
	cursor: pointer;
	text-decoration: none;
	transition: background var(--duration, 180ms) var(--ease, ease), border-color var(--duration, 180ms) var(--ease, ease);
}
.idd-mt__icon-btn:hover { background: var(--mt-surface-2); color: var(--mt-ink); }
.idd-mt__icon-btn .dashicons { font-size: 18px; width: 18px; height: 18px; }
.idd-mt__icon-only {
	background: none; border: 0; cursor: pointer;
	width: 32px; height: 32px;
	border-radius: var(--radius-xs, 8px);
	color: var(--mt-muted);
	display: inline-flex; align-items: center; justify-content: center;
	transition: background var(--duration, 180ms) var(--ease, ease), color var(--duration, 180ms) var(--ease, ease);
}
.idd-mt__icon-only:hover { background: var(--mt-surface-2); color: var(--mt-prune); }

/* Layout 2-cols */
.idd-mt__layout {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 20px;
	align-items: flex-start;
}
@media (max-width: 980px) {
	.idd-mt__layout { grid-template-columns: 1fr; }
}

.idd-mt__main {
	min-width: 0;
}

/* Buttons */
.idd-mt__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	border-radius: var(--radius-full, 999px);
	border: 1px solid var(--mt-line-strong);
	background: var(--mt-surface);
	color: var(--mt-ink);
	font-family: inherit;
	font-size: .92rem;
	font-weight: 500;
	cursor: pointer;
	text-decoration: none;
	transition: background var(--duration, 180ms) var(--ease, ease), border-color var(--duration, 180ms) var(--ease, ease), transform .08s;
}
.idd-mt__btn--sm { padding: 6px 12px; font-size: .85rem; }
.idd-mt__btn:hover { background: var(--mt-surface-2); }
.idd-mt__btn:active { transform: translateY(1px); }
.idd-mt__btn .dashicons { font-size: 18px; width: 18px; height: 18px; }
.idd-mt__btn--primary {
	background: var(--mt-brand);
	color: #fff;
	border-color: var(--mt-brand);
	box-shadow: 0 12px 24px rgba(181,99,122,.28);
}
.idd-mt__btn--primary:hover {
	background: var(--mt-brand-dark);
	border-color: var(--mt-brand-dark);
	color: #fff;
}
.idd-mt__btn--ghost {
	background: var(--mt-surface);
	border-color: var(--mt-line-strong);
	color: var(--mt-soft);
	font-weight: 600;
}
.idd-mt__btn--ghost:hover {
	background: var(--mt-brand-soft);
	border-color: var(--mt-brand);
	color: var(--mt-brand-dark);
}
.idd-mt__btn--ghost .dashicons { color: var(--mt-brand); }

/* Fields */
.idd-mt__field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: 12px;
}
.idd-mt__field > span,
.idd-mt__field-label {
	font-size: .85rem;
	font-weight: 500;
	color: var(--mt-soft);
}
.idd-mt__field input[type="text"],
.idd-mt__field input[type="number"],
.idd-mt__field textarea,
.idd-mt__field select {
	width: 100%;
	padding: 12px 15px;
	border: 1.5px solid var(--mt-line-strong);
	border-radius: var(--mt-radius-sm);
	background: var(--mt-surface);
	color: var(--mt-ink);
	font-family: inherit;
	font-size: .98rem;
	transition: border-color .15s, box-shadow .15s, background .15s;
	resize: vertical;
}
.idd-mt__field input::placeholder,
.idd-mt__field textarea::placeholder { color: var(--mt-muted); opacity: 1; }
.idd-mt__field input:focus,
.idd-mt__field textarea:focus,
.idd-mt__field select:focus {
	outline: none;
	border-color: var(--mt-brand);
	box-shadow: 0 0 0 3px var(--mt-brand-soft);
	background: #fff;
}

/* Dropdown add-menu */
.idd-mt__add-menu { margin: 0 0 16px; }
.idd-mt__dropdown { position: relative; display: inline-block; }
.idd-mt__dropdown-menu {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	min-width: 240px;
	background: var(--mt-surface);
	border: 1px solid var(--mt-line);
	border-radius: var(--mt-radius-sm);
	box-shadow: var(--mt-shadow);
	padding: 6px;
	z-index: 50;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
/* Respecte l'attribut HTML `hidden` (override le display:flex ci-dessus) */
.idd-mt__dropdown-menu[hidden] { display: none !important; }
.idd-mt__dropdown-menu button {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 14px;
	background: transparent;
	border: 0;
	cursor: pointer;
	font-family: inherit;
	font-size: .92rem;
	color: var(--mt-ink);
	text-align: left;
	border-radius: var(--radius-xs, 8px);
	transition: background .12s;
}
.idd-mt__dropdown-menu button:hover { background: var(--mt-brand-soft); color: var(--mt-brand-dark); }