/* -------------------------------------------------
   DILLA UNIVERSITY FOOTER – EXACT TEMPLATE MATCH
   Based on final HTML structure
------------------------------------------------- */

:root {
  --primary-green: #1a5c3a;
  --secondary-green: #2d7a4f;
  --accent-gold: #c9a944;
  --light-green: #e8f5e9;
  --dark-green: #0d3d26;
  --white: #ffffff;
  --text-dark: #1a1a2e;
  --text-light: #4a4a68;
  --shadow: 0 4px 20px rgba(0,0,0,0.1);
}

/* ----- ABOVE FOOTER ROW (Main widget area) ----- */
.shfb-above_footer_row {
  background: var(--dark-green) !important;
  color: var(--white) !important;
  padding: 60px 0 40px !important;
}

/* Widget titles – gold, exactly like template */
.shfb-above_footer_row .widget-title {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: var(--accent-gold) !important;
  margin-bottom: 20px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* Logo in column 1 */
.shfb-above_footer_row .widget_media_image {
  margin-bottom: 20px !important;
}
.shfb-above_footer_row .widget_media_image img {
  width: 90px !important;
  height: auto !important;
  background: var(--white) !important;
  border-radius: 20px !important;
  padding: 8px 15px !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

/* Footer menu links (Quick Links, Resources) */
.shfb-above_footer_row .widget_nav_menu ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.shfb-above_footer_row .widget_nav_menu li {
  margin-bottom: 12px !important;
}
.shfb-above_footer_row .widget_nav_menu a {
  font-family: 'Inter', sans-serif !important;
  color: rgba(255,255,255,0.8) !important;
  text-decoration: none !important;
  font-size: 0.95rem !important;
  transition: all 0.3s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.shfb-above_footer_row .widget_nav_menu a:hover {
  color: var(--accent-gold) !important;
  padding-left: 10px !important;
}

/* Contact info in column 4 (HTML component) */
.shfb-above_footer_row .footer-html {
  font-family: 'Inter', sans-serif !important;
  color: rgba(255,255,255,0.8) !important;
}
.shfb-above_footer_row .footer-html h1 {
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: var(--accent-gold) !important;
  margin-bottom: 20px !important;
  font-family: 'Inter', sans-serif !important;
}
.shfb-above_footer_row .footer-contact ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.shfb-above_footer_row .footer-contact li {
  display: flex !important;
  gap: 15px !important;
  margin-bottom: 15px !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
}
.shfb-above_footer_row .footer-contact i {
  color: var(--accent-gold) !important;
  font-size: 1.2rem !important;
  width: 20px !important;
  text-align: center !important;
  margin-top: 3px !important;
}

/* ----- MAIN FOOTER ROW (Social & Bottom Links) ----- */
.shfb-main_footer_row {
  background: var(--dark-green) !important;
  padding: 20px 0 !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
}

/* Social icons – exactly like template circles */
.shfb-main_footer_row .social-profile {
  display: flex !important;
  gap: 15px !important;
  justify-content: flex-start !important;
}
.shfb-main_footer_row .social-profile a {
  width: 45px !important;
  height: 45px !important;
  background: rgba(255,255,255,0.1) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
}
.shfb-main_footer_row .social-profile a:hover {
  background: var(--accent-gold) !important;
}
.shfb-main_footer_row .social-profile .sydney-svg-icon {
  fill: var(--white) !important;
  width: 20px !important;
  height: 20px !important;
  transition: fill 0.3s ease !important;
}
.shfb-main_footer_row .social-profile a:hover .sydney-svg-icon {
  fill: var(--dark-green) !important;
}

/* Bottom links in column 2 */
.shfb-main_footer_row .widget_block .footer-bottom-links {
  display: flex !important;
  gap: 15px !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}
.shfb-main_footer_row .widget_block .footer-bottom-links a {
  color: rgba(255,255,255,0.6) !important;
  text-decoration: none !important;
  font-size: 0.9rem !important;
  transition: color 0.3s ease !important;
  white-space: nowrap !important;
}
.shfb-main_footer_row .widget_block .footer-bottom-links a:hover {
  color: var(--accent-gold) !important;
}
.shfb-main_footer_row .widget_block .footer-bottom-links span.separator {
  color: rgba(255,255,255,0.3) !important;
  display: inline !important;
}
/* If separators are text (|), they are inside the HTML – we keep them */

/* ----- BELOW FOOTER ROW (Copyright) ----- */
.shfb-below_footer_row {
  background: var(--dark-green) !important;
  padding: 15px 0 !important;
  border-top: 1px solid rgba(255,255,255,0.05) !important;
}
.shfb-below_footer_row .sydney-credits {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.9rem !important;
  color: rgba(255,255,255,0.5) !important;
  text-align: center !important;
}

/* ----- RESPONSIVE ----- */
@media (max-width: 992px) {
  .shfb-main_footer_row .widget_block .footer-bottom-links {
    justify-content: center !important;
    margin-top: 15px !important;
  }
  .shfb-main_footer_row .social-profile {
    justify-content: center !important;
  }
}
@media (max-width: 768px) {
  .shfb-above_footer_row .shfb-row {
    flex-direction: column !important;
    gap: 30px !important;
  }
  .shfb-above_footer_row .widget_media_image {
    text-align: center !important;
  }
  .shfb-above_footer_row .widget_nav_menu {
    text-align: center !important;
  }
  .shfb-above_footer_row .widget_nav_menu a {
    justify-content: center !important;
  }
  .shfb-above_footer_row .footer-contact li {
    justify-content: center !important;
  }
  .shfb-main_footer_row .shfb-row {
    flex-direction: column !important;
    gap: 20px !important;
  }
  .shfb-main_footer_row .widget_block .footer-bottom-links {
    justify-content: center !important;
  }
}