/**
 * Digital Plus — Footer Styles
 * Ported from: shopify-theme/assets/footer.css
 * JSX-scoped selectors replaced with .dp-footer prefix
 * RTL-specific rules moved to rtl-overrides.css
 */

/* ===== Footer Base ===== */
.dp-footer {
  background-color: var(--color-background);
  font-family: var(--font-body);
  font-size: var(--font-size-base);
  line-height: 1.7;
  display: flex;
  flex-direction: column;
  color: var(--color-text);
}

/* ===== Main Footer Area ===== */
.dp-footer__main {
  padding: 0 40px;
}

.dp-footer__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-xl);
  padding: var(--spacing-xxl) 0;
  border-bottom: 1px solid var(--color-border);
}

/* ===== Footer Columns ===== */
.dp-footer__col {
  flex: 1;
  min-width: 0;
}

.dp-footer__col-title {
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: var(--font-size-sm);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: var(--spacing-md);
  color: var(--color-text);
}

.dp-footer__col-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.dp-footer__col-link {
  font-size: var(--font-size-base);
  color: var(--color-text-light);
  transition: color var(--transition-fast);
  line-height: 1.7;
}

.dp-footer__col-link:hover {
  color: var(--color-text);
}

/* ===== Footer Logo / Brand Column ===== */
.dp-footer__brand {
  flex: 0 0 auto;
  max-width: 260px;
}

.dp-footer__logo {
  display: block;
  margin-bottom: var(--spacing-md);
}

.dp-footer__logo img,
.dp-footer__logo svg {
  height: 32px;
  width: auto;
}

.dp-footer__tagline {
  font-size: var(--font-size-sm);
  color: var(--color-text-light);
  line-height: 1.6;
  margin-bottom: var(--spacing-lg);
}

/* ===== Social Links ===== */
.dp-footer__social {
  width: 236px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: var(--spacing-lg);
  margin-bottom: 15px;
}

.dp-footer__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--color-border);
  color: var(--color-text);
  transition: all var(--transition-fast);
}

.dp-footer__social-link:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: #ffffff;
}

.dp-footer__social-link svg {
  width: 16px;
  height: 16px;
}

/* ===== Newsletter Subscribe ===== */
.dp-footer__newsletter {
  margin-top: var(--spacing-lg);
}

.dp-footer__newsletter-title {
  font-weight: 600;
  font-size: var(--font-size-sm);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: var(--spacing-sm);
}

.dp-footer__subscribe-row {
  display: flex;
  gap: 0;
  border: 1px solid var(--color-border);
}

.dp-footer__subscribe-input {
  flex: 1;
  border: none;
  outline: none;
  padding: var(--spacing-sm) var(--spacing-md);
  font-family: var(--font-body);
  font-size: var(--font-size-base);
  background: transparent;
  color: var(--color-text);
}

.dp-footer__subscribe-btn {
  background: var(--color-primary);
  color: #ffffff;
  border: none;
  padding: var(--spacing-sm) var(--spacing-md);
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: var(--font-size-sm);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  transition: background var(--transition-fast);
}

.dp-footer__subscribe-btn:hover {
  background: var(--color-accent);
  color: var(--color-primary);
}

.dp-footer__subscribe-info-icon {
  display: flex;
  flex: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--color-background-alt);
  color: var(--color-text);
  justify-content: center;
  align-items: center;
  margin: 10px;
  cursor: pointer;
}

/* ===== Brands Board ===== */
.dp-footer__brands {
  padding: 40px;
  border-bottom: 1px solid var(--color-border);
}

.dp-footer__brands-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-lg);
  align-items: center;
  justify-content: center;
}

.dp-footer__brand-item {
  opacity: 0.5;
  transition: opacity var(--transition-fast);
}

.dp-footer__brand-item:hover {
  opacity: 1;
}

.dp-footer__brand-item img {
  height: 24px;
  width: auto;
  object-fit: contain;
}

/* ===== Reviews Section in Footer ===== */
.dp-footer__reviews {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  gap: 15px;
  margin-top: 30px;
}

.dp-footer__review {
  height: 336px;
  width: calc(50% - 45px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--spacing-lg);
  border: 1px solid var(--color-border);
}

.dp-footer__review:first-child:nth-last-child(1) {
  margin: auto;
}

.dp-footer__review-text {
  font-size: var(--font-size-sm);
  line-height: 1.7;
  flex: 1;
}

.dp-footer__review-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
  font-size: var(--font-size-base);
  line-height: 1.75;
}

.dp-footer__review-author {
  line-height: 1.75;
  letter-spacing: 1px;
}

.dp-footer__review-verified {
  display: flex;
  gap: 5px;
  align-items: center;
}

.dp-footer__rating-icons {
  display: flex;
  justify-content: flex-start;
  gap: 30px;
}

/* ===== Bottom Bar ===== */
.dp-footer__bottom {
  padding: var(--spacing-md) 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--font-size-sm);
  color: var(--color-text-light);
  gap: var(--spacing-lg);
  flex-wrap: wrap;
}

.dp-footer__copyright {
  font-size: var(--font-size-sm);
  color: var(--color-text-light);
}

.dp-footer__bottom-links {
  display: flex;
  gap: var(--spacing-lg);
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

.dp-footer__bottom-link {
  font-size: var(--font-size-sm);
  color: var(--color-text-light);
  transition: color var(--transition-fast);
}

.dp-footer__bottom-link:hover {
  color: var(--color-text);
}

/* ===== Payment Icons ===== */
.dp-footer__payments {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}

.dp-footer__payment-icon {
  height: 24px;
  width: auto;
  opacity: 0.7;
}

/* ===== Responsive ===== */
@media (max-width: 1024px) {
  .dp-footer__main {
    padding: 0 var(--spacing-lg);
  }

  .dp-footer__content {
    flex-wrap: wrap;
    gap: var(--spacing-lg);
  }

  .dp-footer__col {
    flex: 0 0 calc(50% - var(--spacing-lg));
  }

  .dp-footer__brands {
    padding: 40px var(--spacing-lg);
  }

  .dp-footer__bottom {
    padding: var(--spacing-md) var(--spacing-lg);
  }
}

@media (max-width: 768px) {
  .dp-footer__content {
    display: block;
    height: auto;
    padding: var(--spacing-lg) 0;
  }

  .dp-footer__col {
    margin-bottom: var(--spacing-lg);
    width: 100%;
  }

  .dp-footer__review {
    width: 100%;
    height: auto;
  }

  .dp-footer__reviews {
    flex-direction: column;
  }

  .dp-footer__main {
    padding: 0 15px;
  }

  .dp-footer__brands {
    padding: 15px;
  }

  .dp-footer__social {
    margin-top: 20px;
    margin-bottom: 15px;
  }

  .dp-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    padding: var(--spacing-md) 15px;
    gap: var(--spacing-sm);
  }
}

/* US-08: Homepage footer — rounded gradient card */
.dp-footer { background: linear-gradient(to left, #60a5fa, #1d4ed8); border-radius: 24px 24px 0px 0px; max-width: 1155px; margin: 0 auto; padding: 60px 40px; }
@media (max-width: 768px) { .dp-footer { margin: 0; border-radius: 0; padding: 30px 16px; } }
.dp-footer .dp-footer__divider { background: rgba(255,255,255,0.3); }
.dp-footer .dp-footer__col-title { color: #ffffff; }
.dp-footer .dp-footer__col-link { color: rgba(255,255,255,0.8); }
.dp-footer .dp-footer__col-link:hover { color: #ffffff; }
.dp-footer .dp-footer__social-link { border: 1px solid rgba(255,255,255,0.3); color: #ffffff; }
.dp-footer .dp-footer__copyright { color: rgba(255,255,255,0.7); }

/* ============================================================
   SHOPIFY-EXACT FOOTER OVERRIDES (Homepage)
   ============================================================ */
.dp-footer__inner {
  max-width: 1200px;
  margin: 0 auto;
}
.dp-footer__content {
  display: grid;
  grid-template-columns: 1.2fr 1.5fr 1fr;
  gap: 40px;
  border-bottom: none;
  padding: 0;
}
.dp-footer { direction: rtl; color: #fff; }
.dp-footer__divider { height: 1px; background: rgba(255,255,255,0.3); }
.dp-footer .dp-footer__about { color: #fff; line-height: 1.8; margin-bottom: 20px; opacity: 0.9; font-size: 14px; }
.dp-footer .dp-footer__nav-title,
.dp-footer .dp-footer__contact-title { color: #fff; font-size: 18px; font-weight: 700; margin-bottom: 20px; }
.dp-footer .dp-footer__phone,
.dp-footer .dp-footer__contact-email-row,
.dp-footer .dp-footer__contact-link { color: #fff !important; opacity: 0.9; font-size: 14px; line-height: 1.7; display: block; margin-bottom: 12px; }
.dp-footer .dp-footer__phone a,
.dp-footer .dp-footer__contact-email-row a,
.dp-footer .dp-footer__contact-link { color: #fff !important; text-decoration: none; }
.dp-footer .dp-footer__contact-link:hover,
.dp-footer .dp-footer__phone a:hover,
.dp-footer .dp-footer__contact-email-row a:hover { opacity: 1; text-decoration: underline; color: #fff !important; }
.dp-footer .dp-footer__social { display: flex; gap: 16px; }
.dp-footer .dp-footer__logo img { max-width: 120px; margin-bottom: 16px; }
.dp-footer .dp-footer__bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
.dp-footer .dp-footer__payment { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.dp-footer .dp-footer__payment-label { color: #fff; font-size: 14px; font-weight: 600; margin-inline-end: 8px; }
.dp-footer .dp-footer__copyright { color: #fff; font-size: 14px; opacity: 0.9; }

/* Payment icon cards */
.dp-footer .dp-payment-icons { display: flex; gap: 8px; flex-wrap: wrap; }
.dp-footer .dp-payment-icon {
  background: #fff;
  padding: 4px 8px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dp-footer .dp-payment-icon svg,
.dp-footer .dp-payment-icon img { height: 32px; width: auto; }

/* Divider exact */
.dp-footer__divider { background: rgba(255,255,255,0.3); }

@media (max-width: 900px) {
  .dp-footer__content { grid-template-columns: 1fr 1fr; gap: 30px; }
  .dp-footer__brand { grid-column: 1 / -1; text-align: center; }
  .dp-footer .dp-footer__social { justify-content: center; }
}
@media (max-width: 600px) {
  .dp-footer { padding: 30px 16px !important; border-radius: 0; margin: 0; }
  .dp-footer__content { grid-template-columns: 1fr; text-align: center; gap: 16px; }
  .dp-footer .dp-footer__nav-title,
  .dp-footer .dp-footer__contact-title { margin-bottom: 10px; font-size: 16px; }
  .dp-footer .dp-footer__phone,
  .dp-footer .dp-footer__contact-email-row,
  .dp-footer .dp-footer__contact-link,
  .dp-footer .dp-footer__about { font-size: 13px; margin-bottom: 5px; line-height: 1.5; }
  .dp-footer .dp-footer__about { margin-bottom: 12px; line-height: 1.6; }
  .dp-footer .dp-footer__logo img { margin-bottom: 10px; }
  .dp-footer .dp-footer__social { gap: 12px; }
  .dp-footer__divider { }
  .dp-footer__bottom { flex-direction: column; align-items: center; text-align: center; gap: 12px; }
  .dp-footer .dp-footer__payment { flex-direction: column; gap: 8px; justify-content: center; }
  .dp-footer .dp-footer__payment-label { font-size: 13px; }
  .dp-footer .dp-payment-icons { flex-wrap: nowrap; justify-content: center; gap: 4px; overflow-x: auto; max-width: 100%; }
  .dp-footer .dp-payment-icon { padding: 3px 5px; flex-shrink: 0; }
  .dp-footer .dp-payment-icon svg { height: 18px; }
  .dp-footer .dp-footer__copyright { font-size: 11px; }
}