/* ============================================================
   WeGSM Design System v1 — التوكنز والأساسيات المشتركة
   بيتحمّل قبل أي ثيم (brand.css للعميل / admin-theme.css للأدمن)
   ومعاه Bootstrap 5.3 متظبط على نفس الهوية.
   ============================================================ */
:root {
    /* Emerald — البراند */
    --wg-emerald-50: #EEF7F2; --wg-emerald-100: #DBF0E7; --wg-emerald-200: #B5E0CD; --wg-emerald-400: #3DBB8C;
    --wg-emerald-500: #12A575; --wg-emerald-600: #0B7A5E; --wg-emerald-700: #075C46; --wg-emerald-900: #06362A;
    --wg-brand: var(--wg-emerald-600); --wg-brand-hover: var(--wg-emerald-700); --wg-brand-soft: var(--wg-emerald-100); --wg-brand-softer: var(--wg-emerald-50);

    /* Neutrals — محايد متلوّن بالأخضر */
    --wg-card: #FFFFFF; --wg-ground: #F2F6F4; --wg-sunk: #E6EDE9; --wg-line: #DBE4DF; --wg-line-soft: #E9EFEC;
    --wg-subtle: #8A9A92; --wg-muted: #5A6C63; --wg-ink-2: #33443B; --wg-ink: #0F1D16;

    /* Gold — للأخبار والعروض فقط */
    --wg-gold-100: #F6ECD6; --wg-gold-500: #B8862A; --wg-gold-700: #8A6414;

    /* الحالات: لون النص / الخلفية / النقطة */
    --wg-ok-fg: #075C46;   --wg-ok-bg: #DBF0E7;   --wg-ok-dot: #12A575;
    --wg-wait-fg: #92400E; --wg-wait-bg: #FEF3C7; --wg-wait-dot: #D97706;
    --wg-bad-fg: #9F1D24;  --wg-bad-bg: #FDE4E4;  --wg-bad-dot: #B42329;
    --wg-info-fg: #075985; --wg-info-bg: #E0F2FE; --wg-info-dot: #0369A1;
    --wg-queue-fg: #33443B; --wg-queue-bg: #E6EDE9;

    /* الخطوط */
    --wg-font-display: "Inter", "Readex Pro", Tahoma, sans-serif;
    --wg-font-body: "Inter", "Readex Pro", Tahoma, "Segoe UI", sans-serif;
    /* الأرقام والمبالغ: Inter بأرقام متساوية العرض (أوضح من الـ mono) */
    --wg-font-mono: "Inter", "Readex Pro", Consolas, monospace;

    /* المسافات (شبكة 4px) */
    --wg-s1: 4px; --wg-s2: 8px; --wg-s3: 12px; --wg-s4: 16px; --wg-s5: 20px; --wg-s6: 24px; --wg-s8: 32px; --wg-s10: 40px;

    /* الحواف */
    --wg-r-badge: 8px; --wg-r-control: 12px; --wg-r-card: 16px; --wg-r-sheet: 24px; --wg-r-pill: 999px;

    /* الظلال */
    --wg-e1: 0 12px 30px -20px rgba(8, 40, 30, .45);
    --wg-e2: 0 24px 48px -16px rgba(8, 40, 30, .35);
    --wg-e-brand: 0 10px 22px -12px rgba(11, 122, 94, .8);
    --wg-focus: 0 0 0 4px var(--wg-emerald-100);

    /* ربط Bootstrap 5.3 بالهوية */
    --bs-primary: #0B7A5E; --bs-primary-rgb: 11, 122, 94;
    --bs-success: #12A575; --bs-success-rgb: 18, 165, 117;
    --bs-danger: #B42329;  --bs-danger-rgb: 180, 35, 41;
    --bs-warning: #D97706; --bs-warning-rgb: 217, 119, 6;
    --bs-info: #0369A1;    --bs-info-rgb: 3, 105, 161;
    --bs-dark: #0F1D16;    --bs-dark-rgb: 15, 29, 22;
    --bs-secondary: #5A6C63; --bs-secondary-rgb: 90, 108, 99;
    --bs-light: #F2F6F4;   --bs-light-rgb: 242, 246, 244;
    --bs-primary-bg-subtle: #DBF0E7; --bs-primary-text-emphasis: #075C46; --bs-primary-border-subtle: #B5E0CD;
    --bs-success-bg-subtle: #DBF0E7; --bs-success-text-emphasis: #075C46; --bs-success-border-subtle: #B5E0CD;
    --bs-danger-bg-subtle: #FDE4E4;  --bs-danger-text-emphasis: #9F1D24;  --bs-danger-border-subtle: #F2C4C4;
    --bs-warning-bg-subtle: #FEF3C7; --bs-warning-text-emphasis: #92400E; --bs-warning-border-subtle: #FCD9A0;
    --bs-info-bg-subtle: #E0F2FE;    --bs-info-text-emphasis: #075985;    --bs-info-border-subtle: #BAE0F7;
    --bs-body-font-family: var(--wg-font-body);
    --bs-body-color: #0F1D16; --bs-body-color-rgb: 15, 29, 22; --bs-body-bg: #F2F6F4;
    --bs-secondary-color: #5A6C63; --bs-tertiary-bg: #F2F6F4; --bs-secondary-bg: #E6EDE9;
    --bs-border-color: #DBE4DF; --bs-border-color-translucent: rgba(15, 29, 22, .1);
    --bs-border-radius: 12px; --bs-border-radius-sm: 8px; --bs-border-radius-lg: 16px; --bs-border-radius-xl: 20px;
    --bs-link-color: #0B7A5E; --bs-link-color-rgb: 11, 122, 94; --bs-link-hover-color: #075C46; --bs-link-hover-color-rgb: 7, 92, 70;
    --bs-focus-ring-color: rgba(11, 122, 94, .25);
    --bs-emphasis-color: #0F1D16;
}

/* ---------- الأساس ---------- */
body { font-family: var(--wg-font-body); color: var(--wg-ink); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--wg-font-display); color: var(--wg-ink); }
input, select, textarea, button { font-family: inherit; }
code, kbd, pre, samp, .font-monospace, .wg-mono { font-family: var(--wg-font-mono) !important; }
.wg-mono, .wg-num { font-variant-numeric: tabular-nums; }
.wg-ltr { direction: ltr; unicode-bidi: isolate; }
:focus-visible { outline: 2px solid var(--wg-brand); outline-offset: 2px; }
input:focus-visible, select:focus-visible, textarea:focus-visible { outline: none; }
::selection { background: var(--wg-emerald-100); color: var(--wg-ink); }

/* ---------- Bootstrap: الأزرار ---------- */
.btn { --bs-btn-font-weight: 700; --bs-btn-border-radius: 12px; --bs-btn-focus-box-shadow: var(--wg-focus); }
.btn-sm { --bs-btn-border-radius: 10px; }
.btn-lg { --bs-btn-border-radius: 14px; }
.btn-primary { --bs-btn-bg: #0B7A5E; --bs-btn-border-color: #0B7A5E; --bs-btn-hover-bg: #075C46; --bs-btn-hover-border-color: #075C46; --bs-btn-active-bg: #06362A; --bs-btn-active-border-color: #06362A; --bs-btn-disabled-bg: #B5E0CD; --bs-btn-disabled-border-color: #B5E0CD; }
.btn-success { --bs-btn-bg: #12A575; --bs-btn-border-color: #12A575; --bs-btn-hover-bg: #0B7A5E; --bs-btn-hover-border-color: #0B7A5E; --bs-btn-active-bg: #075C46; --bs-btn-active-border-color: #075C46; }
.btn-danger { --bs-btn-bg: #B42329; --bs-btn-border-color: #B42329; --bs-btn-hover-bg: #9F1D24; --bs-btn-hover-border-color: #9F1D24; --bs-btn-active-bg: #831820; --bs-btn-active-border-color: #831820; }
.btn-warning { --bs-btn-bg: #F59E0B; --bs-btn-border-color: #F59E0B; --bs-btn-color: #0F1D16; --bs-btn-hover-bg: #D97706; --bs-btn-hover-border-color: #D97706; --bs-btn-hover-color: #fff; }
.btn-info { --bs-btn-bg: #0369A1; --bs-btn-border-color: #0369A1; --bs-btn-color: #fff; --bs-btn-hover-bg: #075985; --bs-btn-hover-border-color: #075985; --bs-btn-hover-color: #fff; }
.btn-dark { --bs-btn-bg: #0F1D16; --bs-btn-border-color: #0F1D16; --bs-btn-hover-bg: #06362A; --bs-btn-hover-border-color: #06362A; }
.btn-light { --bs-btn-bg: #E6EDE9; --bs-btn-border-color: #E6EDE9; --bs-btn-color: #0F1D16; --bs-btn-hover-bg: #DBE4DF; --bs-btn-hover-border-color: #DBE4DF; }
.btn-secondary { --bs-btn-bg: #E6EDE9; --bs-btn-border-color: #E6EDE9; --bs-btn-color: #0F1D16; --bs-btn-hover-bg: #DBE4DF; --bs-btn-hover-border-color: #DBE4DF; --bs-btn-hover-color: #0F1D16; --bs-btn-active-bg: #DBE4DF; --bs-btn-active-color: #0F1D16; }
.btn-outline-primary { --bs-btn-color: #0B7A5E; --bs-btn-border-color: #B5E0CD; --bs-btn-hover-bg: #0B7A5E; --bs-btn-hover-border-color: #0B7A5E; --bs-btn-active-bg: #075C46; --bs-btn-active-border-color: #075C46; }
.btn-outline-secondary { --bs-btn-color: #33443B; --bs-btn-border-color: #DBE4DF; --bs-btn-hover-bg: #E6EDE9; --bs-btn-hover-color: #0F1D16; --bs-btn-hover-border-color: #DBE4DF; --bs-btn-active-bg: #DBE4DF; --bs-btn-active-color: #0F1D16; }
.btn-outline-success { --bs-btn-color: #075C46; --bs-btn-border-color: #B5E0CD; --bs-btn-hover-bg: #0B7A5E; --bs-btn-hover-border-color: #0B7A5E; }
.btn-outline-danger { --bs-btn-color: #9F1D24; --bs-btn-border-color: #F2C4C4; --bs-btn-hover-bg: #B42329; --bs-btn-hover-border-color: #B42329; }
.btn-outline-dark { --bs-btn-color: #0F1D16; --bs-btn-border-color: #DBE4DF; --bs-btn-hover-bg: #0F1D16; --bs-btn-hover-border-color: #0F1D16; }
.btn-outline-info { --bs-btn-color: #075985; --bs-btn-border-color: #BAE0F7; --bs-btn-hover-bg: #0369A1; --bs-btn-hover-border-color: #0369A1; }
.btn-outline-warning { --bs-btn-color: #92400E; --bs-btn-border-color: #FCD9A0; --bs-btn-hover-bg: #D97706; --bs-btn-hover-border-color: #D97706; --bs-btn-hover-color: #fff; }
.btn-link { --bs-btn-color: #0B7A5E; --bs-btn-hover-color: #075C46; }

/* ---------- Bootstrap: الحقول ---------- */
.form-control, .form-select { border-color: var(--wg-line); border-radius: 12px; color: var(--wg-ink); }
.form-control::placeholder { color: var(--wg-subtle); }
.form-control:focus, .form-select:focus { border-color: var(--wg-brand); box-shadow: var(--wg-focus); }
.form-label { font-weight: 700; font-size: .85rem; color: var(--wg-ink); }
.form-text { color: var(--wg-muted); }
.form-check-input:checked { background-color: var(--wg-brand); border-color: var(--wg-brand); }
.form-check-input:focus { border-color: var(--wg-brand); box-shadow: var(--wg-focus); }
.form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23B5E0CD'/%3e%3c/svg%3e"); }
.input-group-text { background: var(--wg-ground); border-color: var(--wg-line); color: var(--wg-muted); }

/* ---------- Bootstrap: الكروت والجداول والمودال ---------- */
.card { --bs-card-border-color: var(--wg-line); --bs-card-border-radius: 16px; --bs-card-inner-border-radius: 15px; --bs-card-cap-bg: #fff; }
.table { --bs-table-color: var(--wg-ink); --bs-table-striped-bg: #F6F9F7; --bs-table-hover-bg: #EEF7F2; --bs-table-border-color: var(--wg-line-soft); }
.table > thead th, .table thead th { color: var(--wg-muted); font-size: .78rem; font-weight: 700; background: var(--wg-ground); border-bottom-color: var(--wg-line); white-space: nowrap; }
.table-light { --bs-table-bg: var(--wg-ground); --bs-table-color: var(--wg-muted); --bs-table-border-color: var(--wg-line); }
.table-dark { --bs-table-bg: var(--wg-ink); --bs-table-border-color: #22332B; }
.modal { --bs-modal-bg: #fff; --bs-modal-border-radius: 20px; --bs-modal-inner-border-radius: 19px; --bs-modal-border-color: transparent; --bs-modal-box-shadow: var(--wg-e2); }
.modal-backdrop { --bs-backdrop-bg: #0F1D16; --bs-backdrop-opacity: .45; }
.modal-title { font-family: var(--wg-font-display); font-weight: 600; }
.dropdown-menu { --bs-dropdown-border-color: var(--wg-line); --bs-dropdown-border-radius: 14px; --bs-dropdown-link-active-bg: #0B7A5E; --bs-dropdown-link-hover-bg: #EEF7F2; box-shadow: var(--wg-e2); }
.nav-pills { --bs-nav-pills-link-active-bg: #0B7A5E; --bs-nav-pills-border-radius: 10px; }
.nav { --bs-nav-link-color: #33443B; --bs-nav-link-hover-color: #0B7A5E; }
.pagination { --bs-pagination-color: #0B7A5E; --bs-pagination-active-bg: #0B7A5E; --bs-pagination-active-border-color: #0B7A5E; --bs-pagination-hover-color: #075C46; --bs-pagination-focus-box-shadow: var(--wg-focus); --bs-pagination-border-color: var(--wg-line); }
.progress { --bs-progress-bar-bg: #0B7A5E; --bs-progress-bg: #E6EDE9; }
.spinner-border.text-primary, .spinner-grow.text-primary { color: var(--wg-brand) !important; }
.list-group { --bs-list-group-border-color: var(--wg-line); --bs-list-group-active-bg: #0B7A5E; --bs-list-group-active-border-color: #0B7A5E; }
.accordion { --bs-accordion-active-bg: #EEF7F2; --bs-accordion-active-color: #075C46; --bs-accordion-btn-focus-box-shadow: var(--wg-focus); --bs-accordion-border-color: var(--wg-line); }

/* الشارات: خلفية هادية + نص غامق بدل الألوان الصارخة */
.badge { font-weight: 700; border-radius: 999px; padding: .4em .8em; letter-spacing: 0; }
.badge.bg-success, .badge.text-bg-success { background: var(--wg-ok-bg) !important; color: var(--wg-ok-fg) !important; }
.badge.bg-warning, .badge.text-bg-warning { background: var(--wg-wait-bg) !important; color: var(--wg-wait-fg) !important; }
.badge.bg-danger, .badge.text-bg-danger { background: var(--wg-bad-bg) !important; color: var(--wg-bad-fg) !important; }
.badge.bg-info, .badge.text-bg-info { background: var(--wg-info-bg) !important; color: var(--wg-info-fg) !important; }
.badge.bg-primary, .badge.text-bg-primary { background: var(--wg-brand) !important; color: #fff !important; }
.badge.bg-secondary, .badge.text-bg-secondary, .badge.bg-light { background: var(--wg-queue-bg) !important; color: var(--wg-queue-fg) !important; }
.badge.bg-dark { background: var(--wg-ink) !important; color: #fff !important; }

/* التنبيهات */
.alert { --bs-alert-border-radius: 14px; border-width: 1px; }
.alert-success { --bs-alert-bg: #DBF0E7; --bs-alert-color: #075C46; --bs-alert-border-color: #B5E0CD; }
.alert-danger { --bs-alert-bg: #FDE4E4; --bs-alert-color: #9F1D24; --bs-alert-border-color: #F2C4C4; }
.alert-warning { --bs-alert-bg: #FEF3C7; --bs-alert-color: #92400E; --bs-alert-border-color: #FCD9A0; }
.alert-info { --bs-alert-bg: #E0F2FE; --bs-alert-color: #075985; --bs-alert-border-color: #BAE0F7; }
.alert-primary { --bs-alert-bg: #EEF7F2; --bs-alert-color: #075C46; --bs-alert-border-color: #B5E0CD; }

/* ---------- مكوّنات مشتركة (ds) ---------- */
.wg-card { background: var(--wg-card); border: 1px solid var(--wg-line); border-radius: var(--wg-r-card); padding: var(--wg-s4); }
.wg-card.is-raised { box-shadow: var(--wg-e1); }
.wg-eyebrow { font-size: 11px; letter-spacing: .12em; color: var(--wg-brand); font-weight: 700; font-family: var(--wg-font-mono); direction: ltr; margin-bottom: 6px; }

.wg-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; border: none; border-radius: var(--wg-r-control); font-weight: 700; font-size: .95rem; padding: 10px 18px; cursor: pointer; text-decoration: none; transition: transform .12s, background .15s, box-shadow .15s; line-height: 1.2; }
.wg-btn:active { transform: scale(.97); }
.wg-btn:disabled, .wg-btn.is-disabled { background: var(--wg-sunk) !important; color: var(--wg-subtle) !important; box-shadow: none !important; cursor: not-allowed; }
.wg-btn-pri { background: var(--wg-brand); color: #fff !important; box-shadow: var(--wg-e-brand); }
.wg-btn-pri:hover { background: var(--wg-brand-hover); }
.wg-btn-soft { background: var(--wg-brand-soft); color: var(--wg-emerald-700) !important; }
.wg-btn-soft:hover { background: var(--wg-emerald-200); }
.wg-btn-ghost { background: var(--wg-sunk); color: var(--wg-ink) !important; }
.wg-btn-line { background: #fff; color: var(--wg-ink) !important; border: 1px solid var(--wg-line); }
.wg-btn-danger { background: var(--wg-bad-dot); color: #fff !important; }
.wg-btn-light { background: rgba(255,255,255,.14); color: #fff !important; border: 1px solid rgba(255,255,255,.28); }
.wg-btn-block { width: 100%; }
.wg-btn-lg { min-height: 54px; font-size: 1.02rem; border-radius: 14px; }
.wg-btn-sm { min-height: 36px; padding: 6px 12px; font-size: .82rem; border-radius: 10px; }

/* شارة الحالة: لون + أيقونة + كلمة */
.wg-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px; border-radius: var(--wg-r-pill); font-size: .75rem; font-weight: 700; line-height: 1.5; white-space: nowrap; }
.wg-badge::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; opacity: .85; flex-shrink: 0; }
.wg-badge.is-ok, .wg-badge.st-success { background: var(--wg-ok-bg); color: var(--wg-ok-fg); }
.wg-badge.is-wait, .wg-badge.st-warning { background: var(--wg-wait-bg); color: var(--wg-wait-fg); }
.wg-badge.is-bad, .wg-badge.st-danger { background: var(--wg-bad-bg); color: var(--wg-bad-fg); }
.wg-badge.is-info, .wg-badge.st-info { background: var(--wg-info-bg); color: var(--wg-info-fg); }
.wg-badge.is-queue, .wg-badge.st-secondary { background: var(--wg-queue-bg); color: var(--wg-queue-fg); }

/* الفلاتر (Chips) */
.wg-chips { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 2px; }
.wg-chips::-webkit-scrollbar { display: none; }
.wg-chip { flex-shrink: 0; display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 0 14px; border-radius: var(--wg-r-pill); border: 1px solid var(--wg-line); background: #fff; color: var(--wg-ink); font-size: .82rem; font-weight: 700; cursor: pointer; transition: .15s; white-space: nowrap; }
.wg-chip .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--wg-ink); }
.wg-chip .cnt { font-family: var(--wg-font-mono); color: var(--wg-muted); font-weight: 600; }
.wg-chip.active { background: var(--wg-ink); color: #fff; border-color: var(--wg-ink); }
.wg-chip.active .dot { background: #fff; }
.wg-chip.active .cnt { color: rgba(255,255,255,.7); }

/* صف المبلغ / التفاصيل */
.wg-kv { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--wg-line-soft); font-size: .9rem; }
.wg-kv:last-child { border-bottom: none; }
.wg-kv > span:first-child { color: var(--wg-muted); }
.wg-kv > b, .wg-kv > span:last-child { font-weight: 700; text-align: left; }
/* أسماء الخدمات الطويلة (مثلاً iP6S/6S+/SE/7/...): من غير min-width:0 الـ flex بيمنع النص يتكسر ويطلع برا الكارت */
.wg-kv > b, .wg-kv > span:last-child { min-width: 0; overflow-wrap: anywhere; word-break: break-word; }
.wg-kv > span:first-child { flex-shrink: 0; }
.wg-kv.is-total { font-weight: 700; border-top: 1px solid var(--wg-line); border-bottom: none; margin-top: 4px; }
.wg-kv.is-total > span:first-child { color: var(--wg-ink); }
.wg-money { font-family: var(--wg-font-mono); font-weight: 600; font-variant-numeric: tabular-nums; direction: ltr; unicode-bidi: isolate; }

/* صندوق النسخ */
.wg-copy { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--wg-brand-softer); border: 1px solid var(--wg-line); border-radius: 14px; padding: 12px 14px; }
.wg-copy .lbl { font-size: .72rem; font-weight: 700; color: var(--wg-muted); display: block; }
.wg-copy .val { font-family: var(--wg-font-mono); font-size: 1.15rem; font-weight: 600; direction: ltr; word-break: break-all; display: block; text-align: right; }

/* حالة فاضية */
.wg-empty { text-align: center; padding: 36px 16px; color: var(--wg-muted); }
.wg-empty .ic { width: 56px; height: 56px; border-radius: 16px; background: var(--wg-brand-softer); color: var(--wg-brand); display: grid; place-items: center; font-size: 1.4rem; margin: 0 auto 12px; }
.wg-empty b { display: block; color: var(--wg-ink); font-family: var(--wg-font-display); font-weight: 600; font-size: 1.02rem; margin-bottom: 4px; }

/* Skeleton */
.wg-skel { background: linear-gradient(90deg, var(--wg-sunk) 25%, #F0F4F2 37%, var(--wg-sunk) 63%); background-size: 400% 100%; animation: wg-shimmer 1.3s ease infinite; border-radius: 8px; }
@keyframes wg-shimmer { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } }
.wg-skel-row { display: flex; gap: 12px; align-items: center; background: #fff; border: 1px solid var(--wg-line); border-radius: 16px; padding: 14px; margin-bottom: 10px; }
.wg-skel-row .a { width: 44px; height: 44px; border-radius: 12px; }
.wg-skel-row .b { flex: 1; display: flex; flex-direction: column; gap: 8px; }
.wg-skel-row .b i { display: block; height: 12px; }

/* الشريط العلوي للإشعارات الداكنة (توست) */
.wg-toast { background: var(--wg-ink); color: #fff; border-radius: 14px; box-shadow: var(--wg-e2); }

/* الأرقام والمبالغ */
.wg-amount { font-family: var(--wg-font-mono); font-weight: 600; font-variant-numeric: tabular-nums; direction: ltr; unicode-bidi: isolate; }
.wg-amount .cur { font-size: .6em; opacity: .7; margin-inline-start: .35em; margin-inline-end: 0; }
/* سعر موحّد في كل الموقع: الرقم الأول وبعده العملة بمسافة، ومعزول LTR عشان الترتيب مايتقلبش جوه النص العربي */
.wg-price { direction: ltr; unicode-bidi: isolate; white-space: nowrap; display: inline-block; }
.wg-price .cur { margin-inline-start: .35em; margin-inline-end: 0; }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }

/* الموبايل: حقول الإدخال 16px على الأقل عشان iOS ما يعملش zoom لوحده عند الكتابة
   (بدل ما نقفل التكبير للصفحة كلها بـ user-scalable=no). */
@media (max-width: 991px) {
    :where(input:not([type=checkbox], [type=radio], [type=range]), select, textarea) { font-size: 16px; }
}