/* ============================================================
   ebftr6 — Footer
   Namespace  : ebftr6
============================================================ */

@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&display=swap');

/* ─────────────────────────────────────────
   1. Variables & Colors
───────────────────────────────────────── */
.ebftr6 {


  --ebftr6-bg:              linear-gradient(135deg, #0b2a45 0%, #0e4a6e 40%, #1a7fa8 75%, #2db8c8 100%);
  --ebftr6-text:            rgba(255, 255, 255, 0.80);
  --ebftr6-title:           #ffffff;
  --ebftr6-border:          rgba(255, 255, 255, 0.15);

  /* الروابط */
  --ebftr6-link:            rgba(255, 255, 255, 0.72);
  --ebftr6-link-hover:      #ffffff;
  --ebftr6-link-underline:  rgba(45, 184, 200, 0.6);

  /* الأيقونات  */
  --ebftr6-social-bg:       rgba(255, 255, 255, 0.10);
  --ebftr6-social-bg-hover: rgba(255, 255, 255, 0.22);
  --ebftr6-social-icon:     #ffffff;

  /* الفاصل */
  --ebftr6-divider:         rgba(255, 255, 255, 0.15);

  /* حقوق */
  --ebftr6-copyright-bg:    rgba(0, 0, 0, 0.20);
  --ebftr6-copyright-text:  rgba(255, 255, 255, 0.65);

  /* الشعار */
  --ebftr6-logo-name:       #ffffff;
  --ebftr6-logo-sub:        rgba(255, 255, 255, 0.65);

  /* Padding */
  --ebftr6-padding-top:     1rem;
  --ebftr6-padding-bottom:  0rem;
}

/* ─────────────────────────────────────────
   2. Reset داخل الـ namespace
───────────────────────────────────────── */
*,
.ebftr6 *,
.ebftr6 *::before,
.ebftr6 *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ─────────────────────────────────────────
   3. Base Styles — Mobile
───────────────────────────────────────── */
.ebftr6 {
  font-family: "El Messiri", sans-serif;
  direction: rtl;
  background: var(--ebftr6-bg);
  color: var(--ebftr6-text);
  position: relative;
  overflow: hidden;
}


.ebftr6::before {
  content: "";
  position: absolute;
  top: -10%;
  left: -5%;
  width: 30%;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 0.12rem solid rgba(255,255,255,0.06);
  pointer-events: none;
}
.ebftr6::after {
  content: "";
  position: absolute;
  bottom: 10%;
  right: -8%;
  width: 22%;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 0.12rem solid rgba(255,255,255,0.06);
  pointer-events: none;
}

/* Container */
.ebftr6__container {
  max-width: 75rem;
  margin: 0 auto;
  padding: var(--ebftr6-padding-top) 1.25rem var(--ebftr6-padding-bottom);
}

/* ── Top Row ── */
.ebftr6__top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

/* Brand / Logo */
/* .ebftr6__brand {} */

.ebftr6__logo-link {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
}

.ebftr6__logo-img {
  width: 3.5rem;
  aspect-ratio: 2 / 1;
  object-fit: contain;
  flex-shrink: 0;
}

.ebftr6__logo-name {
  font-size: clamp(1.1rem, 3.5vw, 1.45rem);
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--ebftr6-logo-name);
}

/* Social Icons */
.ebftr6__social {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

.ebftr6__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.2rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--ebftr6-social-bg);
  color: var(--ebftr6-social-icon);
  font-size: clamp(0.85rem, 2.5vw, 0.95rem);
  transition: background 0.25s ease, transform 0.2s ease;
  text-decoration: none;
}

.ebftr6__social-link:hover,
.ebftr6__social-link:focus-visible {
  background: var(--ebftr6-social-bg-hover);
  transform: translateY(-0.15rem);
  outline: none;
}

/* .ebftr6__social-icon {} */

/* Divider */
.ebftr6__divider {
  width: 100%;
  height: 0.06rem;
  background: var(--ebftr6-divider);
  margin: 1.5rem 0;
}

/* ── Links Grid — Mobile: 2 cols ── */
.ebftr6__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

/* .ebftr6__col {} */

.ebftr6__col-title {
  font-size: clamp(0.95rem, 3vw, 1.05rem);
  font-weight: 700;
  color: var(--ebftr6-title);
  margin-bottom: 0.5rem;
}

.ebftr6__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

/* .ebftr6__list-item {} */

.ebftr6__list-link {
  font-size: clamp(0.82rem, 2.8vw, 0.92rem);
  color: var(--ebftr6-link);
  text-decoration: none;
  position: relative;
  transition: color 0.2s ease;
  display: inline-block;
}

.ebftr6__list-link::after {
  content: "";
  position: absolute;
  bottom: -0.1rem;
  right: 0;
  width: 0;
  height: 0.06rem;
  background: var(--ebftr6-link-underline);
  transition: width 0.25s ease;
}

.ebftr6__list-link:hover,
.ebftr6__list-link:focus-visible {
  color: var(--ebftr6-link-hover);
  outline: none;
}

.ebftr6__list-link:hover::after,
.ebftr6__list-link:focus-visible::after {
  width: 100%;
}

.ebftr6__list-link--phone {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  direction: ltr;
}

.ebftr6__phone-icon {
  font-size: 0.8rem;
  opacity: 0.75;
}

/* Copyright */
.ebftr6__copyright {
  margin-top:1.5rem;
  background: var(--ebftr6-copyright-bg);
  padding: 0.9rem 1.25rem;
  text-align: center;
}

.ebftr6__copyright-text {
  font-size: clamp(0.75rem, 2.5vw, 0.85rem);
  color: var(--ebftr6-copyright-text);
  font-family: "El Messiri", sans-serif;
}

/* ─────────────────────────────────────────
   4. Breakpoints
───────────────────────────────────────── */

@media (min-width: 481px) {
  .ebftr6__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 1.5rem;
  }
}

@media (min-width: 601px) {
  .ebftr6__top {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .ebftr6__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 769px) {
  .ebftr6__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
  }
  .ebftr6__container {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 1025px) {
  .ebftr6 {
    --ebftr6-padding-top: 3.5rem;
  }
  .ebftr6__container {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .ebftr6__logo-svg {
    width: 3.5rem;
  }
  .ebftr6__social-link {
    width: 2.4rem;
  }
  .ebftr6__col-title {
    margin-bottom: 1.1rem;
  }
  .ebftr6__list {
    gap: 0.65rem;
  }
}

@media (min-width: 1281px) {
  .ebftr6 {
    --ebftr6-padding-top: 4rem;
  }
  .ebftr6__container {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .ebftr6__divider {
    margin: 2rem 0;
  }
}

@media (min-width: 1441px) {
  .ebftr6__container {
    padding-right: 5rem;
    padding-left: 5rem;
  }
}

@media (min-width: 1921px) {
  .ebftr6__container {
    max-width: 90rem;
    padding-right: 6rem;
    padding-left: 6rem;
  }
}