/* ==========================================================================
   Donna Alxia — footer
   ========================================================================== */

.daf{background:var(--da-bg-dark);color:var(--da-text-on-dark);margin-top:0}

/* ---- Trust strip ---- */
.daf-trust{
  background:var(--da-bg-dark-2);
  border-bottom:1px solid var(--da-border-dark);
  padding-block:var(--da-5);
}
.daf-trust__in{
  max-width:var(--da-max);
  margin-inline:auto;
  padding-inline:var(--da-gutter);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:var(--da-5);
}
.daf-trust__item{
  display:flex;align-items:center;gap:var(--da-3);
}
.daf-trust__item > span:last-child{
  display:flex;flex-direction:column;
  font-size:var(--da-fs-xs);
  color:var(--da-text-on-dark-3);
  line-height:1.5;
}
.daf-trust__item strong{
  font-size:var(--da-fs-sm);
  font-weight:800;
  color:#fff;
}

/* ---- Main ---- */
.daf-main{padding-block:var(--da-7)}
.daf-main__in{
  max-width:var(--da-max);
  margin-inline:auto;
  padding-inline:var(--da-gutter);
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1fr;
  gap:var(--da-7) var(--da-5);
}

.daf-brand__logo{display:inline-flex;margin-bottom:var(--da-4)}
.daf-brand__logo img{
  height:46px;width:auto;object-fit:contain;
  /* Logo is designed for light backgrounds */
  background:#fff;
  padding:6px 10px;
  border-radius:var(--da-r-md);
}
.daf-brand__logo span{
  font-family:var(--da-font-display);
  font-size:1.3rem;letter-spacing:.1em;color:#fff;
}
.daf-brand__text{
  font-size:var(--da-fs-sm);
  line-height:1.85;
  color:var(--da-text-on-dark-3);
  max-width:44ch;
  margin:0 0 var(--da-5);
}

.daf-wa{
  display:inline-flex;align-items:center;gap:8px;
  min-height:46px;
  padding:0 18px;
  border:1px solid rgba(245,200,66,.34);
  border-radius:var(--da-r-pill);
  color:var(--da-gold-on-dark);
  font-size:var(--da-fs-sm);
  font-weight:800;
  transition:background var(--da-t),border-color var(--da-t);
}
.daf-wa:hover{background:rgba(245,200,66,.1);border-color:var(--da-gold-on-dark)}
.daf-wa .da-ico{width:17px;height:17px}
.daf-wa__dot{
  width:7px;height:7px;border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 3px rgba(34,197,94,.22);
}

.daf-social{display:flex;gap:var(--da-2);margin-top:var(--da-5)}
.daf-social a{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;
  border:1px solid var(--da-border-dark);
  border-radius:var(--da-r-pill);
  color:var(--da-text-on-dark-3);
  transition:color var(--da-t),border-color var(--da-t),background var(--da-t);
}
.daf-social a:hover{color:var(--da-gold-on-dark);border-color:var(--da-gold-on-dark);background:rgba(245,200,66,.08)}
.daf-social svg{width:17px;height:17px}

/* ---- Link columns ---- */
.daf-col{display:flex;flex-direction:column}
.daf-col__title{
  font-size:var(--da-fs-xs);
  font-weight:900;
  letter-spacing:.12em;
  color:var(--da-gold-on-dark);
  margin:0 0 var(--da-4);
}
.daf-col a{
  display:flex;align-items:center;
  min-height:44px;                     /* touch target */
  font-size:var(--da-fs-sm);
  color:var(--da-text-on-dark-2);
  transition:color var(--da-t),padding var(--da-t);
}
.daf-col a:hover{color:#fff;padding-inline-start:5px}

/* ---- Bottom ---- */
.daf-bottom{
  border-top:1px solid var(--da-border-dark);
  padding-block:var(--da-4);
}
.daf-bottom__in{
  max-width:var(--da-max);
  margin-inline:auto;
  padding-inline:var(--da-gutter);
  display:flex;align-items:center;justify-content:space-between;
  gap:var(--da-4);
  flex-wrap:wrap;
}
.daf-copy,
.daf-made{
  font-size:var(--da-fs-xs);
  color:var(--da-text-on-dark-3);
  margin:0;
  display:flex;align-items:center;gap:6px;
}
.daf-made .da-ico{width:14px;height:14px;color:var(--da-gold-on-dark)}
.daf-bottom .da-paylogos svg{height:22px;opacity:.92}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media(max-width:1024px){
  .daf-main__in{grid-template-columns:1fr 1fr 1fr}
  .daf-brand{grid-column:1 / -1}
}
@media(max-width:820px){
  .daf-trust__in{grid-template-columns:1fr 1fr;gap:var(--da-4)}
}
@media(max-width:560px){
  .daf-trust__in{grid-template-columns:1fr}
  .daf-main__in{grid-template-columns:1fr;gap:var(--da-6)}
  .daf-bottom__in{flex-direction:column;text-align:center}
  .daf-col{border-top:1px solid var(--da-border-dark);padding-top:var(--da-4)}
  .daf-brand{border:0;padding:0}
}