/* Poppins font for footer */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
footer, .si-footer-grid, .si-footer-icons, .si-footer-bottom{font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.si-footer-icons{display:grid;grid-template-columns:repeat(9,minmax(80px,1fr));gap:24px;align-items:center;justify-items:center;padding:60px 20px 28px 20px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#fff;max-width:1400px;margin:0 auto;position:relative}
.si-footer-icons .si-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}
.si-footer-icons .si-icon i{display:block;font-size:44px;line-height:1;color:#1e3a8a!important;margin:0 auto}
.si-footer-icons .si-icon span{display:block;font-size:.75rem;font-weight:700;color:#1f2937;white-space:nowrap;padding-top:16px}
.si-footer-icons .si-icon a{text-decoration:none;color:inherit}
.si-footer-icons .si-icon a:hover{text-decoration:none;color:inherit}
.si-app-downloads{display:flex;flex-direction:row;gap:8px;margin:12px 0}
.si-app-downloads .downloadLinkHolder{display:flex;justify-content:center}
.si-app-downloads .downloadLinkHolder img{max-width:100%;height:auto}
.si-footer-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:32px;padding:32px 20px;max-width:1400px;margin:0 auto}
.si-col h4{font-size:.9rem;color:#111827;margin:0 0 12px 0;font-weight:700}
.si-col ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.si-col a{color:#374151;text-decoration:none;font-size:.9rem}
.si-col a:hover{text-decoration:underline}
.si-input-row{display:flex;gap:8px;margin:8px 0 10px}
.si-input-row input{flex:1;border:1px solid #d1d5db;border-radius:4px;padding:10px 12px;font-size:.9rem}
.si-input-row button{border:1px solid #9ca3af;background:#111827;color:#fff;border-radius:4px;padding:0 12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.si-input-row button i{font-size:.9rem}
.si-small{color:#6b7280;font-size:.85rem;margin:6px 0}
.si-social{display:flex;gap:10px;margin-top:8px}
.si-social a{display:inline-flex;width:28px;height:28px;border-radius:50%;background:#111827;color:#fff;align-items:center;justify-content:center;font-size:.8rem;text-decoration:none}
.si-social a:nth-child(1){background:#1877f2}
.si-social a:nth-child(1):hover{background:#166fe5}
.si-social a:nth-child(2){background:#1d1d1d}
.si-social a:nth-child(2):hover{background:#333333}
.si-social a:nth-child(3){background:#e4405f}
.si-social a:nth-child(3):hover{background:#d63384}
.si-social a:nth-child(4){background:#bd081c}
.si-social a:nth-child(4):hover{background:#a8071a}
.si-social a:nth-child(5){background:#000000}
.si-social a:nth-child(5):hover{background:#333333}
.si-social a:nth-child(6){background:#ff0000}
.si-social a:nth-child(6):hover{background:#cc0000}
.si-footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e7eb;padding:14px 20px;color:#6b7280;font-size:.85rem;max-width:1400px;margin:0 auto}
.si-links{display:flex;gap:14px;flex-wrap:wrap}
.si-links a{color:#6b7280;text-decoration:none}
.si-links a:hover{text-decoration:underline}
/* Responsive footer grid */
@media (max-width: 1200px){.si-footer-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width: 1024px){.si-footer-grid{grid-template-columns:1fr}}
@media (max-width: 600px){.si-footer-bottom{flex-direction:column;gap:8px}}

/* Footer icons slider for mobile */
@media (max-width: 1024px){
  .si-footer-icons{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:35px 12px 16px 12px;scrollbar-width:thin}
  .si-footer-icons .si-icon{min-width:120px;scroll-snap-align:center;flex-shrink:0}
  .si-footer-icons::-webkit-scrollbar{height:4px}
  .si-footer-icons::-webkit-scrollbar-track{background:#f1f1f1}
  .si-footer-icons::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}
}

/* Collapsible footer categories for mobile */
@media (max-width: 1024px){
  .si-col h4{cursor:pointer;position:relative;user-select:none}
  .si-col h4{padding-right:18px}
  .si-col h4 i.toggle-icon{position:absolute;right:0;top:2px;font-size:.9rem;transition:transform .2s ease;transform:rotate(90deg);}
  .si-col h4.expanded i.toggle-icon{transform:rotate(180deg)}
  .si-col ul{max-height:0;overflow:hidden;transition:max-height 0.3s ease}
  .si-col.expanded ul{max-height:500px}
  .si-col.no-children h4, .si-col.no-children p {padding-right:0;text-align:center}
  .si-col.no-children .si-app-downloads, .si-col.no-children .si-social {justify-content: center;}
}

