/* 1) Main footer red */
footer.store-footer {
  background: #e34425 !important;
  color: #fff !important;
}
footer.store-footer a { color: #fff !important; }

/* 2) Bottom info bar white */
.store-footer__info-bar {
  background: #fff !important;
  color: #000 !important;
  border-top: 1px solid rgba(0,0,0,.08);
}

/* 3) Contact column fixes */
/* (A) contact icons white — ONLY in upper footer content */
footer.store-footer .store-footer__inner i,
footer.store-footer .store-footer__inner svg {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

/* 4) SOCIAL ICONS — sirf social list/links (payments untouched) */
.store-footer__info-bar [class*="social"] {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  padding:0 !important;
  margin:14px 0 10px !important;
  list-style:none !important;
  flex-wrap:wrap;
}
.store-footer__info-bar [class*="social"] li { margin:0 !important; }

.store-footer__info-bar [class*="social"] a,
.store-footer__info-bar a[href*="facebook"],
.store-footer__info-bar a[href*="instagram"],
.store-footer__info-bar a[href*="tiktok"],
.store-footer__info-bar a[href*="x.com"],
.store-footer__info-bar a[href*="twitter"],
.store-footer__info-bar a[href*="youtube"] {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:40px !important; height:40px !important;
  border-radius:50% !important;
  background:#e34425 !important;
  text-decoration:none !important;
}
.store-footer__info-bar [class*="social"] a i,
.store-footer__info-bar [class*="social"] a svg {
  width:18px !important; height:18px !important;
  color:#fff !important; fill:#fff !important; stroke:#fff !important;
}

/* hover */
.store-footer__info-bar [class*="social"] a:hover {
  background:#c72f18 !important;
  transform:scale(1.08);
}

/* 5) Selected text highlight */
.store-footer__info-bar ::selection,
footer.store-footer ::selection { background:#e34425; color:#fff; }
.store-footer__info-bar ::-moz-selection,
footer.store-footer ::-moz-selection { background:#e34425; color:#fff; }

/* 6) Right column spacing fix */
footer.store-footer .col-span-12.sm\:col-span-6.lg\:col-span-4.flex.flex-col.flex-1.space-y-6 > * + * {
  margin-top:0 !important;
}
footer.store-footer .col-span-12.sm\:col-span-6.lg\:col-span-4.flex.flex-col.flex-1 > * + * {
  margin-top:5px !important;
}

/* 7) ✅ CONTACT separators → WHITE (neutralize old + draw our own) */

/* (7a) contact column ko relative banao */
/* NOTE: contact column grid me 3rd hai — agar aapke layout me 2nd/1st ho
   to :nth-child(3) ko 2 ya 1 kar dein. */
footer.store-footer .store-footer__inner .grid > :nth-child(3) {
  position: relative !important;
}

/* (7b) purani dark lines ko neutralize (border/divide/w-px/pseudo) */
footer.store-footer .store-footer__inner .grid > :nth-child(3) [class*="border"],
footer.store-footer .store-footer__inner .grid > :nth-child(3) [class*="divide"],
footer.store-footer .store-footer__inner .grid > :nth-child(3) [class*="w-px"],
footer.store-footer .store-footer__inner .grid > :nth-child(3) .after\:w-px::after,
footer.store-footer .store-footer__inner .grid > :nth-child(3) .before\:w-px::before,
footer.store-footer .store-footer__inner .grid > :nth-child(3) .after\:border-s::after,
footer.store-footer .store-footer__inner .grid > :nth-child(3) .before\:border-s::before,
footer.store-footer .store-footer__inner .grid > :nth-child(3) .after\:border-e::after,
footer.store-footer .store-footer__inner .grid > :nth-child(3) .before\:border-e::before {
  border-color: transparent !important;
  background-color: transparent !important;
  opacity: 0 !important;
}

/* (7c) apni WHITE separator line draw karo (RTL/LTR dono) */
footer.store-footer .store-footer__inner .grid > :nth-child(3)::before {
  content: "";
  position: absolute;
  inset: 0;
  border-inline-start: 1px solid #fff; /* ← yahi white vertical line */
  pointer-events: none;
}