/* ==========================================================================
   mtemps7 — FOOTER (ftr): "تترات النهاية" على أسود الشاشة
   سؤال + رقم ضخم + أزرار ← أعمدة روابط بخطوط شعرة ← اسم الشركة بخط ضخم مفرّغ بعرض الشاشة ← الحقوق.
   تحت مساحة لأزرار floating (--mtemps7-flt-space).
   ========================================================================== */
.mtemps7-ftr { position: relative; isolation: isolate; overflow: clip; padding-block: clamp(3.5rem, 8vw, 6rem) calc(var(--mtemps7-sp-5) + var(--mtemps7-flt-space)); }

.mtemps7-ftr-call { display: grid; gap: var(--mtemps7-sp-5); align-items: end; padding-block-end: clamp(2.5rem, 6vw, 4rem); border-block-end: var(--mtemps7-hair) solid var(--mtemps7-deep-line); }
@media (min-width: 900px) { .mtemps7-ftr-call { grid-template-columns: minmax(0, 1fr) auto; } }
.mtemps7-ftr-call-label { display: flex; align-items: center; gap: var(--mtemps7-sp-2); color: var(--mtemps7-on-deep-muted); font-size: var(--mtemps7-fs-md); font-weight: var(--mtemps7-fw-semibold); }
.mtemps7-ftr-call-num { display: inline-block; color: var(--mtemps7-on-deep); font-size: clamp(2.6rem, 1.5rem + 5vw, 5.5rem); font-weight: var(--mtemps7-fw-bold); line-height: 1.1; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; transition: color var(--mtemps7-dur-3); }
.mtemps7-ftr-call-num:hover { color: var(--mtemps7-accent); }

.mtemps7-ftr-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr)); gap: var(--mtemps7-sp-6); padding-block: clamp(2.5rem, 6vw, 4rem); }
@media (min-width: 1024px) { .mtemps7-ftr-grid { grid-template-columns: 1.5fr 1fr 1fr 1.2fr; } }
.mtemps7-ftr-logo { display: inline-flex; align-items: center; gap: var(--mtemps7-sp-3); color: var(--mtemps7-on-deep); font-size: var(--mtemps7-fs-lg); font-weight: var(--mtemps7-fw-bold); }
.mtemps7-ftr-logo-box { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; overflow: hidden; border: var(--mtemps7-hair) solid var(--mtemps7-accent); border-radius: var(--mtemps7-r-sm); background: var(--mtemps7-deep-2); }
.mtemps7-ftr-text { max-width: 22rem; margin-block: var(--mtemps7-sp-4); color: var(--mtemps7-on-deep-muted); font-size: var(--mtemps7-fs-sm); }
.mtemps7-ftr-social { display: flex; gap: var(--mtemps7-sp-2); margin: 0; padding: 0; list-style: none; }
.mtemps7-ftr-social a { display: grid; place-items: center; width: var(--mtemps7-tap); height: var(--mtemps7-tap); border: var(--mtemps7-hair) solid var(--mtemps7-deep-line); border-radius: 50%; color: var(--mtemps7-on-deep); transition: background-color var(--mtemps7-dur-2), color var(--mtemps7-dur-2), border-color var(--mtemps7-dur-2); }
.mtemps7-ftr-social a:hover { border-color: var(--mtemps7-accent); background: var(--mtemps7-accent); color: var(--mtemps7-on-accent); }
.mtemps7-ftr-head { margin-block-end: var(--mtemps7-sp-4); color: var(--mtemps7-accent); font-size: var(--mtemps7-fs-xs); font-weight: var(--mtemps7-fw-bold); letter-spacing: var(--mtemps7-tracking-label); }
.mtemps7-ftr-links { display: grid; gap: var(--mtemps7-sp-1); margin: 0; padding: 0; list-style: none; }
.mtemps7-ftr-links a, .mtemps7-ftr-links li > span { display: inline-flex; align-items: center; gap: var(--mtemps7-sp-2); min-height: 2.25rem; color: var(--mtemps7-on-deep); font-size: var(--mtemps7-fs-sm); transition: color var(--mtemps7-dur-2), transform var(--mtemps7-dur-3) var(--mtemps7-ease-out); }
.mtemps7-ftr-links a:hover { color: var(--mtemps7-accent); transform: translateX(calc(var(--mtemps7-dir) * 4px)); }
.mtemps7-ftr-links i { width: 1rem; color: var(--mtemps7-accent); text-align: center; }

/* اسم الشركة الضخم المفرّغ */
.mtemps7-ftr-word { overflow: hidden; margin-block: var(--mtemps7-sp-4) var(--mtemps7-sp-2); color: transparent; font-size: clamp(3.5rem, 1rem + 13vw, 13rem); font-weight: var(--mtemps7-fw-bold); line-height: 1; text-align: center; white-space: nowrap; -webkit-text-stroke: 1px color-mix(in srgb, var(--mtemps7-on-deep) 22%, transparent); user-select: none; }

.mtemps7-ftr-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--mtemps7-sp-3); padding-block-start: var(--mtemps7-sp-5); border-block-start: var(--mtemps7-hair) solid var(--mtemps7-deep-line); color: var(--mtemps7-on-deep-muted); font-size: var(--mtemps7-fs-xs); }
.mtemps7-ftr-legal { display: flex; gap: var(--mtemps7-sp-4); margin: 0; padding: 0; list-style: none; }
.mtemps7-ftr-legal a { display: inline-flex; align-items: center; min-height: var(--mtemps7-tap); color: var(--mtemps7-on-deep); }
.mtemps7-ftr-legal a:hover { color: var(--mtemps7-accent); }
