/* Al-Madar Configurator — RTL first */

.mdr-configurator {
	--mdr-line: #e3e3e0;
	--mdr-ink: #1c1c1a;
	--mdr-muted: #6b6b66;
	--mdr-accent: #8a6a3c;
	--mdr-bg: #fbfbf9;
	--mdr-radius: 10px;
	margin: 24px 0;
	font-size: 15px;
	color: var(--mdr-ink);
}

.mdr-configurator * { box-sizing: border-box; }

.mdr-step {
	border: 1px solid var(--mdr-line);
	border-radius: var(--mdr-radius);
	padding: 18px;
	margin-bottom: 14px;
	background: #fff;
}

.mdr-step-title {
	margin: 0 0 12px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0;
}

.mdr-hint, .mdr-note {
	font-size: 13px;
	color: var(--mdr-muted);
	margin: 8px 0 0;
	line-height: 1.7;
}

.mdr-note-full {
	background: #f4f1ea;
	border-right: 3px solid var(--mdr-accent);
	padding: 10px 12px;
	border-radius: 6px;
	color: var(--mdr-ink);
}

.mdr-warn {
	background: #fff4e5;
	border: 1px solid #f0c98a;
	padding: 12px;
	border-radius: 8px;
}

/* --- طرق الصبغ --- */

.mdr-method-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
	gap: 10px;
}

.mdr-method {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 12px 8px;
	border: 2px solid var(--mdr-line);
	border-radius: var(--mdr-radius);
	background: var(--mdr-bg);
	cursor: pointer;
	transition: border-color .15s, transform .15s;
	font-family: inherit;
}

.mdr-method:hover { border-color: #c9c3b4; }
.mdr-method.is-active {
	border-color: var(--mdr-accent);
	background: #fff;
	box-shadow: 0 0 0 3px rgba(138,106,60,.12);
}

.mdr-method-img { width: 100%; }
.mdr-method-img img {
	width: 100%;
	height: 78px;
	object-fit: cover;
	border-radius: 6px;
	display: block;
}
.mdr-noimg {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 78px;
	background: #efece4;
	border-radius: 6px;
	font-size: 26px;
	color: var(--mdr-accent);
}

.mdr-method-name { font-weight: 600; font-size: 14px; text-align: center; }
.mdr-method-count { font-size: 12px; color: var(--mdr-muted); }

/* --- الألوان --- */

.mdr-color-picker { margin-bottom: 16px; }
.mdr-color-picker:last-child { margin-bottom: 0; }

.mdr-color-label { margin-bottom: 8px; font-size: 14px; }
.mdr-chosen { color: var(--mdr-accent); font-weight: 600; }

.mdr-swatches {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.mdr-swatch {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 2px solid #fff;
	box-shadow: 0 0 0 1px var(--mdr-line);
	cursor: pointer;
	padding: 0;
	transition: transform .12s, box-shadow .12s;
}

.mdr-swatch:hover { transform: scale(1.12); }

.mdr-swatch.is-active {
	box-shadow: 0 0 0 2px var(--mdr-accent);
	transform: scale(1.12);
}

.mdr-swatch.is-disabled {
	opacity: .28;
	cursor: not-allowed;
	transform: none;
}

/* --- المواضع --- */

.mdr-slot-row {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	padding: 10px 0;
	border-bottom: 1px dashed var(--mdr-line);
}
.mdr-slot-row:last-child { border-bottom: 0; }
.mdr-slot-row.is-locked { opacity: .6; }

.mdr-check {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 150px;
	cursor: pointer;
	font-weight: 600;
}

.mdr-tag {
	background: #efece4;
	color: var(--mdr-muted);
	border-radius: 20px;
	padding: 2px 9px;
	font-size: 11px;
	font-weight: 500;
}
.mdr-tag-warn { background: #f4e6d2; color: #7a5a2c; }

.mdr-slot-block {
	padding: 14px 0;
	border-bottom: 1px dashed var(--mdr-line);
}
.mdr-slot-block:last-child { border-bottom: 0; }

.mdr-slot-name { font-weight: 700; margin-bottom: 8px; }
.mdr-locked-msg { font-size: 13px; color: var(--mdr-muted); }

.mdr-radio-row { display: flex; gap: 8px; flex-wrap: wrap; }

.mdr-pill {
	padding: 7px 16px;
	border: 1px solid var(--mdr-line);
	border-radius: 30px;
	background: var(--mdr-bg);
	cursor: pointer;
	font-size: 14px;
	font-family: inherit;
	transition: all .15s;
}
.mdr-pill:hover { border-color: #c9c3b4; }
.mdr-pill.is-active {
	background: var(--mdr-accent);
	border-color: var(--mdr-accent);
	color: #fff;
}
.mdr-pill-sm { padding: 5px 12px; font-size: 13px; }

.mdr-subfields { margin-top: 12px; }
.mdr-sub-toggle { margin-bottom: 10px; }

.mdr-text, .mdr-select {
	width: 100%;
	max-width: 420px;
	padding: 9px 12px;
	border: 1px solid var(--mdr-line);
	border-radius: 8px;
	font-size: 15px;
	font-family: inherit;
	background: #fff;
}
.mdr-text:focus, .mdr-select:focus {
	outline: none;
	border-color: var(--mdr-accent);
	box-shadow: 0 0 0 3px rgba(138,106,60,.12);
}

.mdr-counter { font-size: 12px; color: var(--mdr-muted); margin-top: 5px; }
.mdr-counter.is-error { color: #b32d2e; font-weight: 600; }

/* --- الملفات --- */

.mdr-file-label { display: block; font-weight: 600; margin-bottom: 6px; font-size: 14px; }
.mdr-file { font-size: 14px; }

.mdr-file-status { font-size: 13px; margin-top: 6px; color: var(--mdr-muted); }
.mdr-file-status.is-error { color: #b32d2e; }

.mdr-file-done {
	display: flex;
	align-items: center;
	gap: 12px;
	background: #eef6ec;
	border: 1px solid #bfdcb6;
	border-radius: 8px;
	padding: 10px 14px;
	flex-wrap: wrap;
}
.mdr-file-name { font-weight: 600; color: #1a7f37; word-break: break-all; }

.mdr-remove {
	background: none;
	border: 0;
	color: #b32d2e;
	cursor: pointer;
	text-decoration: underline;
	font-size: 13px;
	font-family: inherit;
	padding: 0;
}

/* --- الملخص --- */

.mdr-summary {
	border: 1px solid var(--mdr-accent);
	border-radius: var(--mdr-radius);
	padding: 16px 18px;
	background: #fdfcf8;
	position: relative;
}

.mdr-summary-title { margin: 0 0 10px; font-size: 15px; font-weight: 700; }

.mdr-summary-list { list-style: none; margin: 0 0 12px; padding: 0; }
.mdr-summary-list li {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 5px 0;
	font-size: 14px;
	border-bottom: 1px dotted var(--mdr-line);
}
.mdr-summary-list li:last-child { border-bottom: 0; }
.mdr-summary-list span { color: var(--mdr-muted); }
.mdr-summary-list b { text-align: left; display: flex; align-items: center; gap: 6px; }

.mdr-dot {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	display: inline-block;
	box-shadow: 0 0 0 1px var(--mdr-line);
}

.mdr-price-box { border-top: 2px solid var(--mdr-line); padding-top: 10px; }
.mdr-price-line {
	display: flex;
	justify-content: space-between;
	padding: 4px 0;
	font-size: 14px;
}
.mdr-price-fee span, .mdr-price-fee b { color: var(--mdr-accent); }
.mdr-price-total {
	border-top: 1px solid var(--mdr-line);
	margin-top: 6px;
	padding-top: 9px;
	font-size: 17px;
	font-weight: 700;
}
.mdr-price-note { font-size: 13px; color: var(--mdr-muted); }

.mdr-capacity {
	position: absolute;
	inset-inline-start: 18px;
	top: 16px;
	font-size: 12px;
	color: var(--mdr-muted);
	background: #efece4;
	border-radius: 20px;
	padding: 2px 10px;
}

.mdr-dimensions { font-size: 14px; color: var(--mdr-muted); }

@media (max-width: 600px) {
	.mdr-step { padding: 14px; }
	.mdr-method-grid { grid-template-columns: repeat(2, 1fr); }
	.mdr-swatch { width: 38px; height: 38px; }
	.mdr-check { min-width: 100%; }
}

/* إشعار السلة الفوري */
.mdr-cart-notice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:13px 16px;border-radius:10px;font-size:14px}
.mdr-cart-notice.is-ok{background:#eef6ec;border:1px solid #bfdcb6;color:#1a7f37}
.mdr-cart-notice.is-error{background:#fdeded;border:1px solid #e0a0a0;color:#b32d2e}
.mdr-cart-notice .button{margin-inline-start:auto}
.mdr-cart-notice .button+.button{margin-inline-start:8px}

/* منتقي العبارات بالبحث */
.mdr-phrase-pick{margin-top:4px}
.mdr-phrase-chosen:not(:empty){margin-bottom:9px}
.mdr-phrase-tag{display:inline-flex;align-items:center;gap:9px;background:#f4f1ea;border:1px solid var(--mdr-accent);border-radius:8px;padding:7px 13px;font-size:14px;max-width:100%}
.mdr-phrase-tag span{overflow:hidden;text-overflow:ellipsis}
.mdr-phrase-x{background:none;border:0;color:var(--mdr-muted);font-size:19px;line-height:1;cursor:pointer;padding:0 2px}
.mdr-phrase-x:hover{color:#b32d2e}
.mdr-phrase-count{font-size:11.5px;color:var(--mdr-muted);margin:5px 0}
.mdr-phrase-list{max-height:230px;overflow-y:auto;border:1px solid var(--mdr-line);border-radius:9px;background:#fff}
.mdr-phrase-item{display:block;width:100%;text-align:right;background:none;border:0;border-bottom:1px solid #f2f2f0;padding:9px 13px;font-family:inherit;font-size:14px;cursor:pointer;color:var(--mdr-ink)}
.mdr-phrase-item:last-child{border-bottom:0}
.mdr-phrase-item:hover{background:#faf8f4}
.mdr-phrase-item.is-on{background:#f4f1ea;color:var(--mdr-accent);font-weight:600}
.mdr-phrase-none{padding:16px 13px;font-size:13px;color:var(--mdr-muted);text-align:center}