/* ألوان قابلة للتغيير من القالب عبر المتغيرات */
.aqar-request, .aqar-search, .aqar-modal {
	--aq-green: var(--site-green, #0e4a3a);
	--aq-green-dark: var(--site-green-dark, #093428);
	--aq-gold: var(--site-gold, #c19a4b);
	--aq-gold-soft: var(--site-gold-soft, #f6efdf);
	--aq-text: var(--site-text, #1f2a26);
	--aq-muted: var(--site-muted, #6b756f);
	--aq-line: var(--site-line, #e7e1d2);
	--aq-radius: 14px;
	font-family: inherit;
	color: var(--aq-text);
}

.aqar-container { max-width: 920px; margin: 0 auto; padding: 40px 20px 64px; }

/* ---------- صفحة الطلب ---------- */
.aqar-request__head { text-align: center; margin-bottom: 28px; }
.aqar-request__eyebrow { display: inline-block; font-size: .85rem; font-weight: 500; color: var(--aq-gold); letter-spacing: .02em; margin-bottom: 4px; }
.aqar-request__title { margin: 0; font-size: clamp(2rem, 5vw, 2.8rem); font-weight: 700; color: var(--aq-green); line-height: 1.15; font-variant-numeric: tabular-nums; }
.aqar-request__title::after { content: ""; display: block; width: 56px; height: 3px; background: var(--aq-gold); border-radius: 3px; margin: 14px auto 0; }

.aqar-request__intro {
	background: var(--aq-gold-soft);
	border-inline-start: 4px solid var(--aq-gold);
	border-radius: var(--aq-radius);
	padding: 20px 24px;
	margin-bottom: 32px;
	line-height: 1.9;
	font-size: 1.05rem;
}
.aqar-request__intro > :first-child { margin-top: 0; }
.aqar-request__intro > :last-child { margin-bottom: 0; }

.aqar-request__subtitle { font-size: 1.2rem; font-weight: 600; color: var(--aq-green); margin: 0 0 14px; }

.aqar-table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--aq-line); border-radius: var(--aq-radius); overflow: hidden; background: #fff; margin: 0; }
.aqar-table th, .aqar-table td { padding: 14px 18px; text-align: start; vertical-align: top; border: 0; border-bottom: 1px solid var(--aq-line); line-height: 1.75; }
.aqar-table tr:last-child th, .aqar-table tr:last-child td { border-bottom: 0; }
.aqar-table th { width: 34%; background: var(--aq-green); color: #fff; font-weight: 500; font-size: .95rem; border-bottom-color: rgba(255,255,255,.12); }
.aqar-table td { font-weight: 400; }
.aqar-table tr:nth-child(even) td { background: #fcfbf7; }
.aqar-table .aqar-num { font-variant-numeric: tabular-nums; direction: ltr; unicode-bidi: plaintext; text-align: right; }
.aqar-table tr[class*="aqar-row--north"] th, .aqar-table tr[class*="aqar-row--east"] th,
.aqar-table tr[class*="aqar-row--south"] th, .aqar-table tr[class*="aqar-row--west"] th { background: var(--aq-green-dark); }
.aqar-empty { color: var(--aq-muted); }

.aqar-request__actions { text-align: center; margin-top: 36px; }
.aqar-admin-hint { text-align: center; color: #a15c00; font-size: .9rem; margin-top: 24px; }

@media (max-width: 600px) {
	.aqar-container { padding: 28px 16px 48px; }
	.aqar-table, .aqar-table tbody, .aqar-table tr, .aqar-table th, .aqar-table td { display: block; width: 100%; }
	.aqar-table th { padding: 10px 16px 8px; border-bottom: 0; }
	.aqar-table td { padding: 10px 16px 14px; background: #fff !important; }
	.aqar-request__intro { padding: 16px 18px; }
}

/* ---------- الأزرار ---------- */
.aqar-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 50px; padding: 0 30px; border-radius: 999px; border: 0;
	font: inherit; font-weight: 600; font-size: 1.05rem; line-height: 1;
	text-decoration: none !important; cursor: pointer;
	transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.aqar-btn:focus-visible { outline: 3px solid var(--aq-gold); outline-offset: 3px; }
.aqar-btn:active { transform: translateY(1px); }
.aqar-btn--green { background: var(--aq-green); color: #fff !important; }
.aqar-btn--green:hover { background: var(--aq-green-dark); }
.aqar-btn--gold { background: var(--aq-gold); color: #1d1a12 !important; min-width: 220px; min-height: 56px; font-size: 1.15rem; box-shadow: 0 6px 18px rgba(193,154,75,.35); }
.aqar-btn--gold:hover { background: #b08838; box-shadow: 0 8px 22px rgba(193,154,75,.45); }
.aqar-btn[disabled] { opacity: .7; cursor: progress; }

/* ---------- مربع البحث ---------- */
.aqar-search {
	background: #fff; border: 1px solid var(--aq-line); border-top: 4px solid var(--aq-gold);
	border-radius: var(--aq-radius); padding: 28px; max-width: 620px; margin: 24px auto;
	box-shadow: 0 10px 30px rgba(14,74,58,.08);
}
.aqar-search__title { margin: 0 0 16px; font-size: 1.35rem; font-weight: 600; color: var(--aq-green); text-align: center; }
.aqar-search__label { display: block; font-weight: 500; margin-bottom: 8px; font-size: .95rem; color: var(--aq-muted); }
.aqar-search__row { display: flex; gap: 10px; }
.aqar-search__input {
	flex: 1; min-width: 0; min-height: 52px; padding: 0 18px; font: inherit; font-size: 1.1rem;
	border: 1.5px solid var(--aq-line); border-radius: 999px; background: #fff; color: var(--aq-text);
	transition: border-color .15s ease, box-shadow .15s ease; font-variant-numeric: tabular-nums;
}
.aqar-search__input:focus { outline: 0; border-color: var(--aq-green); box-shadow: 0 0 0 4px rgba(14,74,58,.12); }
.aqar-search__form.is-loading .aqar-btn { position: relative; color: transparent !important; }
.aqar-search__form.is-loading .aqar-btn::after { content: ""; position: absolute; width: 20px; height: 20px; border: 2px solid #fff; border-top-color: transparent; border-radius: 50%; animation: aqar-spin .7s linear infinite; }
@keyframes aqar-spin { to { transform: rotate(360deg); } }
@media (max-width: 480px) {
	.aqar-search { padding: 22px 18px; }
	.aqar-search__row { flex-direction: column; }
}

/* ---------- الرسالة المنبثقة ---------- */
.aqar-modal { position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; padding: 20px; }
.aqar-modal[hidden] { display: none; }
.aqar-modal__backdrop { position: absolute; inset: 0; background: rgba(9,52,40,.55); opacity: 0; transition: opacity .18s ease; }
.aqar-modal__box {
	position: relative; background: #fff; border-radius: 18px; padding: 32px 28px 26px; width: 100%; max-width: 420px;
	text-align: center; box-shadow: 0 24px 60px rgba(0,0,0,.25); border-top: 4px solid var(--aq-gold);
	transform: translateY(12px) scale(.98); opacity: 0; transition: transform .18s ease, opacity .18s ease;
}
.aqar-modal.is-open .aqar-modal__backdrop { opacity: 1; }
.aqar-modal.is-open .aqar-modal__box { transform: none; opacity: 1; }
.aqar-modal__icon { width: 56px; height: 56px; margin: 0 auto 12px; border-radius: 50%; background: var(--aq-gold-soft); color: var(--aq-gold); display: grid; place-items: center; font-size: 1.8rem; font-weight: 700; }
.aqar-modal__title { margin: 0 0 8px; font-size: 1.3rem; color: var(--aq-green); font-weight: 600; }
.aqar-modal__msg { margin: 0 0 22px; line-height: 1.8; color: var(--aq-text); }
.aqar-modal .aqar-btn { min-width: 140px; }
html.aqar-modal-open { overflow: hidden; }
@media (prefers-reduced-motion: reduce) { .aqar-modal__box, .aqar-modal__backdrop, .aqar-btn { transition: none; } }
