/*
Theme Name: Neoscape - Rockefeller Child
Description: Rockefeller Child Theme
Theme URI: https://neoscape.com/
Author: Abdallah Salah
Author E-Mail: abdallah.salah@neoscape.com
Template: rockefeller
Version: 1.0.0
Text Domain: rockefeller-child
*/

/* Leasing contacts grid (child theme override) */
footer > div > div._top > div:last-child ul.leasing-contacts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 3rem !important;
  row-gap: 2rem !important;
  grid-auto-flow: column !important;
grid-template-rows: 1fr !important;
  /* override any flex leftovers applied to footer uls */
  justify-content: start !important;
  align-items: start !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* kill theme li sizing/float/margins that break the grid */
footer > div > div._top > div:last-child ul.leasing-contacts > li {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Hide the filler/blank <li> items (even if they contain whitespace) */
footer ul.leasing-contacts > li { 
  display: none !important; 
}

/* Show only real contact items */
footer ul.leasing-contacts > li:has(p),
footer ul.leasing-contacts > li:has(a),
footer ul.leasing-contacts > li:has(span) { 
  display: block !important; 
}



/* tablet: 2 columns */
@media (max-width: 1100px) {
  footer > div > div._top > div:last-child ul.leasing-contacts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* mobile: 1 column */
@media (max-width: 700px) {
  footer > div > div._top > div:last-child ul.leasing-contacts {
    grid-template-columns: 1fr !important;
  }
}

/* Hide the filler/blank <li> items (even if they contain whitespace) */
footer ul.leasing-contacts > li { 
  display: none !important; 
}

/* Show only real contact items */
footer ul.leasing-contacts > li:has(p),
footer ul.leasing-contacts > li:has(a),
footer ul.leasing-contacts > li:has(span) { 
  display: block !important; 
}


@media (max-width: 1600px){
  footer > div > div._top{
    flex-direction: column !important;
  }

  footer > div > div._top > div:first-child,
  footer > div > div._top > div:last-child{
    width: 100% !important;
    min-width: 100% !important;
  }
}
/* Hide placeholder <li> that only contain whitespace */
footer ul.leasing-contacts > li:not(:has(*)) {
  display: none !important;
}