/*
 * DigiStore Homepage — footer.
 * Colours come from CSS variables set inline on .digihp-footer (see
 * class-footer.php), so this file is static while the look stays editable.
 */

.digihp-footer{
  background:var(--dhf-bg,#2a1a47);
  color:var(--dhf-text,#c9c2e0);
  font-size:15px;
  line-height:1.5;
  box-sizing:border-box;
}
.digihp-footer *,
.digihp-footer *::before,
.digihp-footer *::after{ box-sizing:border-box; }
/* No square browser tap-highlight / focus box on footer links — the yellow text
   is the only "you clicked this" cue. */
.digihp-footer a{ -webkit-tap-highlight-color:transparent; }

.digihp-footer__inner{
  max-width:1240px;
  margin:0 auto;
  padding:40px 20px 28px;
}

/* ---- Columns: each is its own card, centred in a wrapping row ---- */
/* Flex + wrap + justify-center means 4 cards sit on one line on desktop, and if
   there are only 3 / 2 / 1 they render at their own width, centred — no empty
   grid cells. On narrow screens cards wrap to fewer per row automatically. */
.digihp-footer__cols{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
}
.digihp-footer__col{
  flex:1 1 220px;
  min-width:0;
  padding:12px 16px;
  border:1px solid var(--dhf-border,rgba(255,255,255,.09));
  border-radius:14px;
  background:rgba(255,255,255,.02);
}

.digihp-footer__title{
  margin:0 0 18px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--dhf-heading,#fff);
}

/* ---- Social icons ---- */
.digihp-footer__socials{ display:flex; flex-wrap:wrap; gap:12px; }
.digihp-footer__social{
  width:38px; height:38px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--dhf-icon-bg,rgba(255,255,255,.06));
  color:var(--dhf-text,#c9c2e0);
  text-decoration:none;
  transition:background-color .18s ease, color .18s ease, transform .18s ease;
}
.digihp-footer__social:hover{
  background:var(--dhf-accent,#a78bfa);
  color:#fff;
  transform:translateY(-2px);
}
.digihp-footer__social svg{ width:17px; height:17px; display:block; }

/* ---- Link / contact lists ---- */
.digihp-footer__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:0; }
.digihp-footer__list a{
  display:flex; align-items:center; gap:9px;
  color:var(--dhf-item-color,var(--dhf-text,#c9c2e0));
  font-size:var(--dhf-item-size,14px);
  text-decoration:none;
  transition:color .15s ease;
  word-break:break-word;
}
.digihp-footer__list a:hover,
.digihp-footer__list a:focus,
.digihp-footer__list a:active{ color:#ffc107; outline:none; }
.digihp-footer__ic{
  flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center;
  color:var(--dhf-ic-color,var(--dhf-accent,#a78bfa));
}
.digihp-footer__ic svg{ width:var(--dhf-ic-size,14px); height:var(--dhf-ic-size,14px); display:block; }
.digihp-footer__ic--wa{ color:var(--dhf-ic-color,#25d366); }

/* ---- Copyright bar ---- */
.digihp-footer__bar{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  flex-wrap:wrap;
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid var(--dhf-border,rgba(255,255,255,.09));
  font-size:13.5px;
}
.digihp-footer__copy,
.digihp-footer__credit{ color:var(--dhf-text,#c9c2e0); }
.digihp-footer__credit span{ color:var(--dhf-accent,#a78bfa); }
.digihp-footer__credit a{ color:inherit; text-decoration:none; }
.digihp-footer__credit a:hover{ color:var(--dhf-heading,#fff); }

/* ---- Disclaimer ---- */
.digihp-footer__disclaimer{
  max-width:900px;
  margin:16px auto 0;
  text-align:center;
  font-size:12px;
  line-height:1.6;
  color:var(--dhf-text,#c9c2e0);
  opacity:.7;
}

/* ---- Responsive ---- */
/* The card row already wraps on its own; these just tighten spacing and stack
   the copyright bar on small screens, with a smaller credit line. */
@media (max-width:560px){
  .digihp-footer__inner{ padding:28px 16px 22px; }
  .digihp-footer__bar{ justify-content:center; text-align:center; flex-direction:column; gap:6px; }
  .digihp-footer__credit{ font-size:11px; }
}