/* ==========================================================================
   mtemps6 — FOOTER (ftr)  كحلي: شريط لاصق مايل فوق "قابل للكسر / لأعلى"،
   رقم اتصال ضخم جنب ونش 3D طاير، أعمدة روابط، و padding سفلي محسوب لأزرار
   floating (--mtemps6-flt-space).
   ========================================================================== */
.mtemps6-ftr { position: relative; isolation: isolate; overflow: clip; padding-block: 0 calc(var(--mtemps6-sp-5) + var(--mtemps6-flt-space)); }
.mtemps6-ftr-tape { display: flex; align-items: center; justify-content: center; gap: var(--mtemps6-sp-5); margin-inline: -5%; padding-block: var(--mtemps6-sp-2); background: var(--mtemps6-accent); color: var(--mtemps6-on-accent); font-weight: var(--mtemps6-fw-bold); white-space: nowrap; transform: rotate(-1deg) translateY(-0.4rem); overflow: hidden; }
.mtemps6-ftr-tape i { opacity: 0.75; }
.mtemps6-ftr-call { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--mtemps6-sp-5); padding-block: clamp(3rem, 7vw, 4.5rem) clamp(2rem, 5vw, 3rem); border-block-end: var(--mtemps6-hair) solid var(--mtemps6-deep-line); }
.mtemps6-ftr-call-label { color: var(--mtemps6-on-deep-muted); font-size: var(--mtemps6-fs-lg); }
.mtemps6-ftr-call-num { display: inline-flex; align-items: center; gap: var(--mtemps6-sp-4); color: var(--mtemps6-on-deep); font-size: var(--mtemps6-fs-display); font-weight: var(--mtemps6-fw-bold); line-height: 1.1; font-variant-numeric: tabular-nums; transition: color var(--mtemps6-dur-2); }
.mtemps6-ftr-call-num i { color: var(--mtemps6-accent); font-size: 0.55em; }
.mtemps6-ftr-call-num:hover { color: var(--mtemps6-accent); }
.mtemps6-ftr-art { width: clamp(7rem, 16vw, 11rem); }
.mtemps6-ftr-grid { display: grid; gap: var(--mtemps6-sp-6) var(--mtemps6-gap); padding-block: clamp(2.5rem, 6vw, 3.5rem); }
.mtemps6-ftr-col { display: grid; align-content: start; gap: var(--mtemps6-sp-4); }
.mtemps6-ftr-logo { display: inline-flex; align-items: center; gap: var(--mtemps6-sp-3); color: var(--mtemps6-on-deep); font-size: var(--mtemps6-fs-lg); font-weight: var(--mtemps6-fw-bold); }
.mtemps6-ftr-logo-box { position: relative; display: block; width: 2.75rem; height: 2.75rem; overflow: hidden; border-radius: var(--mtemps6-r-sm); background: var(--mtemps6-cardboard); }
.mtemps6-ftr-logo-box::after { content: ""; position: absolute; inset-block: 0; inset-inline-start: 50%; width: 0.65rem; margin-inline-start: -0.325rem; background: var(--mtemps6-tape); }
.mtemps6-ftr-logo-box img { position: relative; z-index: 1; width: 100%; height: 100%; }
.mtemps6-ftr-text { color: var(--mtemps6-on-deep-muted); }
.mtemps6-ftr-head { color: var(--mtemps6-accent); font-size: var(--mtemps6-fs-sm); font-weight: var(--mtemps6-fw-bold); }
.mtemps6-ftr-links { display: grid; gap: var(--mtemps6-sp-2); margin: 0; padding: 0; list-style: none; }
.mtemps6-ftr-links a, .mtemps6-ftr-links li > span { display: inline-flex; align-items: center; gap: var(--mtemps6-sp-3); min-height: 2rem; color: var(--mtemps6-on-deep); transition: color var(--mtemps6-dur-2), transform var(--mtemps6-dur-2) var(--mtemps6-ease-spring); }
.mtemps6-ftr-links a:hover { color: var(--mtemps6-accent); transform: translateX(calc(var(--mtemps6-dir) * 4px)); }
.mtemps6-ftr-links i { width: 1rem; color: var(--mtemps6-accent); text-align: center; }
.mtemps6-ftr-social { display: flex; flex-wrap: wrap; gap: var(--mtemps6-sp-2); margin: 0; padding: 0; list-style: none; }
.mtemps6-ftr-social a { display: grid; place-items: center; width: var(--mtemps6-tap); height: var(--mtemps6-tap); border: var(--mtemps6-bw) solid var(--mtemps6-deep-3); border-radius: var(--mtemps6-r-sm); color: var(--mtemps6-on-deep); transition: border-color var(--mtemps6-dur-2), background-color var(--mtemps6-dur-2), color var(--mtemps6-dur-2), transform var(--mtemps6-dur-2) var(--mtemps6-ease-spring); }
.mtemps6-ftr-social a:hover { border-color: var(--mtemps6-accent); background: var(--mtemps6-accent); color: var(--mtemps6-on-accent); transform: translateY(-3px) rotate(-6deg); }
.mtemps6-ftr-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--mtemps6-sp-3); padding-block-start: var(--mtemps6-sp-5); border-block-start: var(--mtemps6-hair) solid var(--mtemps6-deep-line); color: var(--mtemps6-on-deep-muted); font-size: var(--mtemps6-fs-sm); }
.mtemps6-ftr-legal { display: flex; gap: var(--mtemps6-sp-5); margin: 0; padding: 0; list-style: none; }
.mtemps6-ftr-legal a { color: var(--mtemps6-on-deep-muted); }
.mtemps6-ftr-legal a:hover { color: var(--mtemps6-accent); }
@media (min-width: 640px) { .mtemps6-ftr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .mtemps6-ftr-grid { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; } }
