﻿/* =========================================================
   footer.css — الفوتر: كتلة داكنة بزوايا دائرية + 4 أعمدة + حقوق
   ========================================================= */

:root {
  --ebmnt1-footer-master-bg-color: transparent;
  --ebmnt1-footer-inner-bg-color: #012c3d;
  --ebmnt1-footer-image-url: url("https://htmldemo.zcubethemes.com/powerhaus/img/bg/footer-bg.png");
  --ebmnt1-footer-overlay-color: rgba(1, 44, 61, 0.93);
  --ebmnt1-footer-columns-gap: 2.2em;

  --ebmnt1-footer-logo-font-size: clamp(1.4rem, 1.2rem + 0.8vw, 1.8rem);
  --ebmnt1-footer-logo-text-color: #ffffff;
  --ebmnt1-footer-logo-accent-text-color: #ffc107;
  --ebmnt1-footer-logo-icon-color: #ffc107;
  --ebmnt1-footer-text-font-size: clamp(0.9rem, 0.85rem + 0.2vw, 1rem);
  --ebmnt1-footer-text-color: rgba(255, 255, 255, 0.78);

  --ebmnt1-footer-title-font-size: clamp(1.1rem, 1rem + 0.5vw, 1.3rem);
  --ebmnt1-footer-title-text-color: #ffffff;
  --ebmnt1-footer-title-underline-color: #ffc107;

  --ebmnt1-footer-link-text-color: rgba(255, 255, 255, 0.78);
  --ebmnt1-footer-link-hover-text-color: #ffc107;
  --ebmnt1-footer-link-icon-color: #ffc107;

  --ebmnt1-footer-contact-icon-color: #ffc107;
  --ebmnt1-footer-contact-text-color: rgba(255, 255, 255, 0.85);

  --ebmnt1-footer-social-bg-color: rgba(255, 255, 255, 0.1);
  --ebmnt1-footer-social-icon-color: #ffffff;
  --ebmnt1-footer-social-hover-bg-color: #ffc107;
  --ebmnt1-footer-social-hover-icon-color: #012c3d;

  --ebmnt1-footer-hours-label-text-color: rgba(255, 255, 255, 0.85);
  --ebmnt1-footer-hours-value-text-color: #ffc107;
  --ebmnt1-footer-hours-divider-color: rgba(255, 255, 255, 0.14);

  --ebmnt1-footer-bottom-border-color: rgba(255, 255, 255, 0.14);
  --ebmnt1-footer-bottom-font-size: clamp(0.8rem, 0.78rem + 0.1vw, 0.9rem);
  --ebmnt1-footer-bottom-text-color: rgba(255, 255, 255, 0.78);
  --ebmnt1-footer-bottom-accent-text-color: #ffc107;
  --ebmnt1-footer-credit-label-font-size: clamp(0.78rem, 0.75rem + 0.15vw, 0.9rem);
  --ebmnt1-footer-credit-label-text-color: rgba(255, 255, 255, 0.6);
  --ebmnt1-credit-perspective: 800px;
  --ebmnt1-credit-bg-start-color: #0a4a5e;
  --ebmnt1-credit-bg-end-color: #012c3d;
  --ebmnt1-credit-border-color: rgba(255, 193, 7, 0.45);
  --ebmnt1-credit-hover-border-color: #ffc107;
  --ebmnt1-credit-radius: 1.2rem;
  --ebmnt1-credit-edge-color: #001a26;
  --ebmnt1-credit-shadow-color: rgba(0, 0, 0, 0.45);
  --ebmnt1-credit-highlight-color: rgba(255, 255, 255, 0.18);
  --ebmnt1-credit-glow-color: rgba(255, 193, 7, 0.4);
  --ebmnt1-credit-hover-shadow-color: rgba(255, 193, 7, 0.35);
  --ebmnt1-credit-icon-bg-color: #ffc107;
  --ebmnt1-credit-icon-color: #012c3d;
  --ebmnt1-credit-icon-font-size: clamp(1rem, 0.95rem + 0.3vw, 1.2rem);
  --ebmnt1-credit-name-font-size: clamp(1.05rem, 0.98rem + 0.45vw, 1.35rem);
  --ebmnt1-credit-name-start-color: #ffffff;
  --ebmnt1-credit-name-end-color: #ffc107;
  --ebmnt1-credit-name-ar-text-color: #ffc107;
  --ebmnt1-credit-divider-text-color: rgba(255, 255, 255, 0.45);
  --ebmnt1-credit-stroke-start-color: #ffc107;
  --ebmnt1-credit-stroke-end-color: rgba(255, 193, 7, 0);}

.ebmnt1-footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--ebmnt1-footer-master-bg-color);
}

/* أسفل الصفحة: مسافة بسيطة بعد الفوتر */
.ebmnt1-footer::after {
  content: "";
  height: 1em;
}

.ebmnt1-footer__inner {
  background-color: var(--ebmnt1-footer-inner-bg-color);
  background-image: linear-gradient(var(--ebmnt1-footer-overlay-color), var(--ebmnt1-footer-overlay-color)), var(--ebmnt1-footer-image-url);
  background-size: cover;
  background-position: center;
}

.ebmnt1-footer__columns {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--ebmnt1-footer-columns-gap);
  text-align: start;
}

.ebmnt1-footer__column {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1em;
}

.ebmnt1-footer__logo {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  font-family: var(--ebmnt1-heading-font-family);
  font-size: var(--ebmnt1-footer-logo-font-size);
  font-weight: 800;
  color: var(--ebmnt1-footer-logo-text-color);
}

.ebmnt1-footer__logo-icon {
  color: var(--ebmnt1-footer-logo-icon-color);
}

.ebmnt1-footer__logo-accent {
  color: var(--ebmnt1-footer-logo-accent-text-color);
}

.ebmnt1-footer__text {
  font-size: var(--ebmnt1-footer-text-font-size);
  color: var(--ebmnt1-footer-text-color);
}

.ebmnt1-footer__title {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.4em;
  font-size: var(--ebmnt1-footer-title-font-size);
  font-weight: 800;
  color: var(--ebmnt1-footer-title-text-color);
}

.ebmnt1-footer__title::after {
  content: "";
  width: 2.5rem;
  height: 3px;
  border-radius: 2px;
  background-color: var(--ebmnt1-footer-title-underline-color);
}

.ebmnt1-footer__links {
  display: flex;
  flex-direction: column;
  gap: 0.7em;
}

.ebmnt1-footer__link {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  font-size: var(--ebmnt1-footer-text-font-size);
  color: var(--ebmnt1-footer-link-text-color);
  transition: color 0.3s ease, gap 0.3s ease;
}

.ebmnt1-footer__link i {
  color: var(--ebmnt1-footer-link-icon-color);
}

.ebmnt1-footer__link:hover {
  gap: 0.9em;
  color: var(--ebmnt1-footer-link-hover-text-color);
}

.ebmnt1-footer__contact-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.7em;
  font-size: var(--ebmnt1-footer-text-font-size);
  color: var(--ebmnt1-footer-contact-text-color);
  transition: color 0.3s ease;
}

.ebmnt1-footer__contact-item i {
  margin-top: 0.4em;
  color: var(--ebmnt1-footer-contact-icon-color);
}

a.ebmnt1-footer__contact-item:hover {
  color: var(--ebmnt1-footer-link-hover-text-color);
}

.ebmnt1-footer__contact-value--ltr {
  direction: ltr;
  unicode-bidi: isolate;
}

.ebmnt1-footer__socials {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6em;
}

.ebmnt1-footer__social-link {
  width: 2.4rem;
  height: 2.4rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--ebmnt1-footer-social-icon-color);
  background-color: var(--ebmnt1-footer-social-bg-color);
  border-radius: 50%;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.ebmnt1-footer__social-link:hover {
  color: var(--ebmnt1-footer-social-hover-icon-color);
  background-color: var(--ebmnt1-footer-social-hover-bg-color);
  transform: translateY(-3px);
}

.ebmnt1-footer__hours {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.ebmnt1-footer__hours-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1em;
  min-height: 2.6rem;
  align-items: center;
  font-size: var(--ebmnt1-footer-text-font-size);
  color: var(--ebmnt1-footer-hours-label-text-color);
  border-bottom: 1px dashed var(--ebmnt1-footer-hours-divider-color);
}

.ebmnt1-footer__hours-value {
  font-weight: 700;
  color: var(--ebmnt1-footer-hours-value-text-color);
}

.ebmnt1-footer__bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  text-align: center;
  font-size: var(--ebmnt1-footer-bottom-font-size);
  color: var(--ebmnt1-footer-bottom-text-color);
  border-top: 1px solid var(--ebmnt1-footer-bottom-border-color);
}

.ebmnt1-footer__bottom-text {
  padding-block-start: 1.2em;
}

.ebmnt1-footer__bottom-accent {
  font-weight: 700;
  color: var(--ebmnt1-footer-bottom-accent-text-color);
}

@media (min-width: 768px) {
  .ebmnt1-footer__columns {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .ebmnt1-footer__column {
    flex: 1 1 calc(50% - var(--ebmnt1-footer-columns-gap));
  }
}

@media (min-width: 1200px) {
  .ebmnt1-footer__column {
    flex: 1 1 0;
  }

  .ebmnt1-footer__column--brand {
    flex: 1.4 1 0;
  }
}

/* ---------- Created by: توقيع 3D ---------- */
.ebmnt1-footer__credit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5em;
}

.ebmnt1-footer__credit-label {
  font-family: var(--ebmnt1-heading-font-family);
  font-size: var(--ebmnt1-footer-credit-label-font-size);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--ebmnt1-footer-credit-label-text-color);
}

.ebmnt1-footer__credit-stage {
  display: inline-flex;
  perspective: var(--ebmnt1-credit-perspective);
}

.ebmnt1-credit {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0.8em;
  padding: 0.6em 1.3em 0.6em 1em;
  background: linear-gradient(145deg, var(--ebmnt1-credit-bg-start-color), var(--ebmnt1-credit-bg-end-color));
  border: 1px solid var(--ebmnt1-credit-border-color);
  border-radius: var(--ebmnt1-credit-radius);
  /* حافة سميكة تعطي إحساس الجسم المجسّم */
  box-shadow:
    0 0.15em 0 var(--ebmnt1-credit-edge-color),
    0 0.3em 0 var(--ebmnt1-credit-edge-color),
    0 0.9em 1.4em var(--ebmnt1-credit-shadow-color),
    inset 0 1px 0 var(--ebmnt1-credit-highlight-color);
  transform-style: preserve-3d;
  transform: rotateX(var(--ebmnt1-tilt-x, 0deg)) rotateY(var(--ebmnt1-tilt-y, 0deg));
  transition: transform 0.25s ease-out, box-shadow 0.35s ease, border-color 0.35s ease;
}

.ebmnt1-credit.ebmnt1-is-tilting {
  transition: transform 0.08s linear, box-shadow 0.35s ease, border-color 0.35s ease;
}

.ebmnt1-credit:hover,
.ebmnt1-credit:focus-visible {
  border-color: var(--ebmnt1-credit-hover-border-color);
  box-shadow:
    0 0.15em 0 var(--ebmnt1-credit-edge-color),
    0 0.3em 0 var(--ebmnt1-credit-edge-color),
    0 1em 1.6em var(--ebmnt1-credit-shadow-color),
    0 0 1.6em var(--ebmnt1-credit-hover-shadow-color),
    inset 0 1px 0 var(--ebmnt1-credit-highlight-color);
}

.ebmnt1-credit__glow {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at var(--ebmnt1-glow-x, 50%) var(--ebmnt1-glow-y, 50%), var(--ebmnt1-credit-glow-color), transparent 60%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}

.ebmnt1-credit:hover .ebmnt1-credit__glow,
.ebmnt1-credit:active .ebmnt1-credit__glow {
  opacity: 1;
}

.ebmnt1-credit__icon {
  width: 2.3rem;
  height: 2.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--ebmnt1-credit-icon-font-size);
  color: var(--ebmnt1-credit-icon-color);
  background-color: var(--ebmnt1-credit-icon-bg-color);
  border-radius: 50%;
  transform: translateZ(1.6rem);
  transition: transform 0.4s ease;
}

.ebmnt1-credit:hover .ebmnt1-credit__icon i {
  animation: ebmnt1-credit-write 0.8s ease;
}

.ebmnt1-credit__signature {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5em;
  font-family: var(--ebmnt1-heading-font-family);
  font-size: var(--ebmnt1-credit-name-font-size);
  font-weight: 700;
  transform: translateZ(1rem);
}

.ebmnt1-credit__name {
  font-style: italic;
  letter-spacing: 0.02em;
  background: linear-gradient(90deg, var(--ebmnt1-credit-name-start-color), var(--ebmnt1-credit-name-end-color));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ebmnt1-credit__divider {
  color: var(--ebmnt1-credit-divider-text-color);
}

.ebmnt1-credit__name-ar {
  color: var(--ebmnt1-credit-name-ar-text-color);
}

/* خط التوقيع: يُرسم تحت الاسم ثم يتلاشى */
.ebmnt1-credit__stroke {
  position: absolute;
  inset-inline: 0;
  bottom: -0.35em;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(to left, var(--ebmnt1-credit-stroke-start-color), var(--ebmnt1-credit-stroke-end-color));
  transform-origin: right center;
  animation: ebmnt1-credit-stroke 4.5s ease-in-out infinite;
}

@keyframes ebmnt1-credit-stroke {
  0% {
    transform: scaleX(0);
    opacity: 1;
  }

  40%,
  80% {
    transform: scaleX(1);
    opacity: 1;
  }

  100% {
    transform: scaleX(1);
    opacity: 0;
  }
}

@keyframes ebmnt1-credit-write {
  25% {
    transform: translate(-3px, 2px) rotate(-12deg);
  }

  50% {
    transform: translate(3px, -2px) rotate(8deg);
  }

  75% {
    transform: translate(-2px, 1px) rotate(-6deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ebmnt1-credit__stroke {
    animation: none;
  }
}
