/* ============================================================
   Darunok.pro — Footer alignment (Cassiopeia Extended / Joomla 6)
   Goal: consistent footer columns + clean mobile stacking
   Depends on: module class suffix = "footer-col" on footer menu modules
   ============================================================ */

/* 1) Stable footer grid rhythm */
footer.container-footer .grid-child{
  display: grid;
  gap: 1.25rem;
}

/* Desktop: 3 columns (if 2 modules present, it will still align nicely) */
@media (min-width: 768px){
  footer.container-footer .grid-child{
    grid-template-columns: repeat(3, 1fr);
    align-items: start;
  }
}

/* 2) Column container spacing */
footer.container-footer .moduletable.footer-col{
  margin: 0;
}

/* 3) Footer titles (H5) */
footer.container-footer .moduletable.footer-col > h5{
  margin: 0 0 .6rem 0;
  line-height: 1.2;
  font-size: 1.05rem;
  font-weight: 600;
}

/* 4) Disable Bootstrap "nav" flex behavior inside footer menus */
footer.container-footer .moduletable.footer-col > ul.mod-menu.nav{
  display: block !important;
}

/* 5) Reset list spacing + normalize items */
footer.container-footer .moduletable.footer-col > ul.mod-menu{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

footer.container-footer .moduletable.footer-col > ul.mod-menu > li{
  margin: 0 0 .45rem 0 !important;
  padding: 0 !important;
}

footer.container-footer .moduletable.footer-col > ul.mod-menu > li:last-child{
  margin-bottom: 0 !important;
}

/* 6) Normalize links (remove hidden paddings that cause "uneven" look) */
footer.container-footer .moduletable.footer-col > ul.mod-menu > li > a{
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.35;
  text-decoration: none;
  opacity: .9;
}

footer.container-footer .moduletable.footer-col > ul.mod-menu > li > a:hover{
  opacity: 1;
  text-decoration: underline;
}

/* 7) Mobile: add subtle separation between blocks for clarity */
@media (max-width: 576px){
  footer.container-footer .moduletable.footer-col{
    padding-bottom: .75rem;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }

  footer.container-footer .moduletable.footer-col:last-child{
    border-bottom: none;
    padding-bottom: 0;
  }
}