/*
Theme Name: Academica Pro 3 Child
Theme URI: https://www.haramaya.edu.et
Description: Child theme for Academica Pro 3 (safe customizations for multisite)
Author: Haramaya University Web Team
Author URI: https://www.haramaya.edu.et
Template: academica_pro_3
Version: 1.0.0
Text Domain: academica-pro-3-child
*/

/* --- Add your custom CSS below --- */

Quick test (remove after confirming activation)
body { outline: 3px dashed #e53935; }

/* === Pre-Footer Full Width Area === */
.hu-prefooter {
  width: 100%;
  background: #f5f7fb;           /* pick a background band color */
  border-top: 2px solid #ffb100;  /* matches your site footer accent */
  margin: 0;                      /* ensure no gap above */
  padding: 40px 0;                /* vertical breathing room */
}

.hu-prefooter__inner {
  /* Match your theme's inner container width rules */
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  /* Or if you prefer a max width: */
  max-width: 1270px;              /* aligns with older fixed width */
  margin-left: auto;
  margin-right: auto;
  /* Basic layout defaults */
  display: block;
}

/* Optional: multi-column widgets using CSS grid */
.hu-prefooter__inner .widget {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .hu-prefooter__inner {
    display: grid;
    grid-template-columns: repeat(12, 1fr); /* 12-col grid */
    gap: 24px;
  }
  /* Auto-span widgets (single column by default) */
  .hu-prefooter__inner .widget { grid-column: span 12; }

  /* If you want two equal columns on desktop: */
  .hu-prefooter__inner .widget.size-6 { grid-column: span 6; }
  .hu-prefooter__inner .widget.size-4 { grid-column: span 4; }
  .hu-prefooter__inner .widget.size-3 { grid-column: span 3; }
}

/* Typographic tweaks */
.hu-prefooter .widget-title {
  margin: 0 0 12px;
  font-size: 1.125rem;
  line-height: 1.3;
}

/* === Three Column Footer Area === */
.hu-threecol {
    width: 100%;
    background: #ffffff;
    padding: 40px 0;
}

.hu-threecol__inner {
    width: 96%;
    max-width: 1270px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}

/* Desktop: 3 columns */
@media (min-width: 768px) {
    .hu-threecol__inner {
        grid-template-columns: repeat(3, 1fr);
    }
}

.footer-col {
    background: #f5f7fb;
    padding: 20px;
    border-radius: 6px;
}

.footer-col .widget-title {
    font-size: 20px;
    margin-bottom: 15px;
    color: #1B3058;
}

/* Full width wrap */
.president-message-fullwidth {
    width: 100%;
    background: #ffffff; /* change to your design */
    padding: 40px 0;
    margin: 0;
}

/* Center content inside site width */
.president-message-inner {
    max-width: 1200px; /* match your theme container */
    margin: 0 auto;
    padding: 0 20px;
}

/* Widget styling */
.president-message-widget {
    margin-bottom: 20px;
}

.president-message-fullwidth .widget-title {
    font-size: 24px;
    margin-bottom: 20px;
}