/* ==========================================================================
   AfriAgentic footer, ported from the demo's own values.

   The demo's top row is a six-cell grid: a wide brand cell carrying the
   newsletter, then five link columns. Astra's free footer builder registers
   only four widget areas, so the fourth holds three Nav Menu widgets and is
   set to display:contents here, which promotes those widgets to grid cells in
   their own right. Every link column therefore stays a native WordPress Nav
   Menu widget; only the brand block is custom markup, because Astra has no
   newsletter component.
   ========================================================================== */

.site-footer,
#colophon{
  background:#04101D!important;
  border-top:1px solid rgba(245,246,248,.10);
  --section-bg:#04101D;
  --section-surface:#0A2036;
}

/* ---------------- Top row: six cells at the demo's ratios ---------------- */
.site-primary-footer-wrap{padding:76px 0 0!important;border:0!important;}
.site-primary-footer-wrap .ast-builder-grid-row-container-inner{max-width:1320px;margin:0 auto;padding:0 40px;}
.site-primary-footer-wrap .ast-builder-grid-row{
  display:grid!important;
  grid-template-columns:1.5fr .7fr .7fr .7fr .7fr 1.1fr!important;
  gap:40px!important;
  padding-bottom:60px;
  align-items:start;
}
.site-primary-footer-wrap .site-footer-section{padding:0!important;margin:0!important;}
.site-primary-footer-wrap .site-footer-section-4{display:contents!important;}
.site-primary-footer-wrap .site-footer-section-4 > .footer-widget-area{display:contents!important;}
.site-primary-footer-wrap .footer-widget-area{padding:0!important;margin:0!important;}
.site-primary-footer-wrap .widget{margin:0!important;padding:0!important;}

/* ---------------- Link columns ---------------- */
.site-footer .widget_nav_menu .widget-title,
.site-footer .widget_nav_menu h2{
  font-family:'JetBrains Mono',monospace!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#8A94A0!important;
  margin:0 0 16px!important;
  font-weight:500!important;
}
.site-footer .widget_nav_menu ul{list-style:none;margin:0;padding:0;}
.site-footer .widget_nav_menu li{margin:0;border:0;}
.site-footer .widget_nav_menu a{
  display:block;
  color:#9BA6B5;
  font-family:'Inter',system-ui,sans-serif;
  font-size:14px;
  padding:6px 0;
  text-decoration:none;
  transition:color .25s;
  border:0;
}
.site-footer .widget_nav_menu a:hover{color:#00D9FF;}

/* ---------------- Brand cell ---------------- */
.aa-fbrand .aa-flogo{display:inline-block;line-height:0;}
.aa-fbrand .aa-flogo img{height:56px;width:auto;mix-blend-mode:screen;}
.aa-fbrand p{
  color:#8A94A0;
  font-family:'Inter',system-ui,sans-serif;
  font-size:13.5px;
  margin:16px 0 0;
  max-width:280px;
  line-height:1.7;
}
.aa-fbrand .aa-fdomain{
  font-family:'JetBrains Mono',monospace;
  font-size:11.5px;
  color:#8A94A0;
  margin-top:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.aa-newsletter{
  display:flex;
  border-bottom:1px solid rgba(245,246,248,.20);
  padding-bottom:10px;
  margin-top:18px;
  gap:10px;
  max-width:280px;
}
.aa-newsletter input{
  background:none;border:none;color:#fff;font-size:14px;flex:1;outline:none;
  font-family:'Inter',system-ui,sans-serif;min-width:0;padding:0;box-shadow:none;
}
.aa-newsletter input::placeholder{color:#8A94A0;}
.aa-newsletter input:focus{box-shadow:none;outline:none;}
.aa-newsletter button{
  color:#D4AF37;font-size:13px;font-weight:600;flex-shrink:0;
  background:none;border:0;padding:0;cursor:pointer;
  font-family:'Inter',system-ui,sans-serif;transition:color .25s;
}
.aa-newsletter button:hover{color:#E3C255;}
.aa-newsnote{font-size:11.5px!important;color:#8A94A0!important;margin-top:10px!important;}

/* ---------------- Legal row ---------------- */
.site-below-footer-wrap{
  padding:26px 0 30px!important;
  border-top:1px solid rgba(245,246,248,.10)!important;
  background:transparent!important;
}
.site-below-footer-wrap .ast-builder-grid-row-container-inner{max-width:1320px;margin:0 auto;padding:0 40px;}
.site-below-footer-wrap .ast-builder-grid-row{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  flex-wrap:wrap;
  gap:16px;
}
.site-below-footer-wrap .site-footer-section{padding:0!important;margin:0!important;}
.aa-copy,
.site-below-footer-wrap .ast-footer-copyright p{
  color:#8A94A0!important;
  font-size:12.5px!important;
  font-family:'JetBrains Mono',monospace!important;
  margin:0!important;
}
.site-below-footer-wrap .footer-nav-wrap ul{
  display:flex;gap:20px;flex-wrap:wrap;list-style:none;margin:0;padding:0;
}
.site-below-footer-wrap .footer-nav-wrap li{margin:0;border:0;}
.site-below-footer-wrap .footer-nav-wrap a{
  color:#8A94A0;font-size:12.5px;font-family:'Inter',system-ui,sans-serif;
  text-decoration:none;padding:0;transition:color .25s;border:0;
}
.site-below-footer-wrap .footer-nav-wrap a:hover{color:#00D9FF;}

/* ---------------- Social icons ---------------- */
.aa-socials{display:flex;gap:12px;}
.aa-socials a{
  width:34px;height:34px;
  border:1px solid rgba(245,246,248,.10);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#9BA6B5;text-decoration:none;
  transition:border-color .3s cubic-bezier(.22,.61,.36,1),color .3s cubic-bezier(.22,.61,.36,1),transform .3s cubic-bezier(.22,.61,.36,1);
}
.aa-socials a:hover{border-color:#00D9FF;color:#00D9FF;transform:translateY(-2px);}
.aa-socials svg{width:14px;height:14px;display:block;}

/* ---------------- Responsive, matching the demo's own breakpoints -------- */
@media (max-width:1080px){
  .site-primary-footer-wrap .ast-builder-grid-row{
    grid-template-columns:1fr 1fr 1fr!important;
    row-gap:40px!important;
  }
  .site-primary-footer-wrap .ast-builder-grid-row-container-inner,
  .site-below-footer-wrap .ast-builder-grid-row-container-inner{padding:0 24px;}
}
@media (max-width:680px){
  .site-primary-footer-wrap{padding-top:56px!important;}
  .site-primary-footer-wrap .ast-builder-grid-row{
    grid-template-columns:1fr 1fr!important;
    gap:32px!important;
  }
  .site-primary-footer-wrap .site-footer-section-1{grid-column:1/-1;}
  .site-below-footer-wrap .ast-builder-grid-row{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .site-primary-footer-wrap .ast-builder-grid-row-container-inner,
  .site-below-footer-wrap .ast-builder-grid-row-container-inner{padding:0 22px;}
  .aa-newsletter,.aa-fbrand p{max-width:none;}
}

/* ==================== AA-FOOT-FIX ====================
   Astra runs the HTML component through wp_kses_post, which strips <svg>.
   The glyphs are therefore drawn as CSS masks on plain links, so the icons
   survive and still inherit colour on hover. */
.aa-socials a::before{content:'';width:14px;height:14px;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;}
.aa-socials .s-li::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4.98%203.5a2.5%202.5%200%201%201%200%205%202.5%202.5%200%200%201%200-5ZM3%209h4v12H3V9Zm7%200h3.8v1.7h.05c.53-1%201.83-2%203.77-2%204.03%200%204.78%202.6%204.78%206V21h-4v-5.3c0-1.27-.02-2.9-1.77-2.9-1.77%200-2.04%201.38-2.04%202.8V21h-4V9Z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4.98%203.5a2.5%202.5%200%201%201%200%205%202.5%202.5%200%200%201%200-5ZM3%209h4v12H3V9Zm7%200h3.8v1.7h.05c.53-1%201.83-2%203.77-2%204.03%200%204.78%202.6%204.78%206V21h-4v-5.3c0-1.27-.02-2.9-1.77-2.9-1.77%200-2.04%201.38-2.04%202.8V21h-4V9Z%22%2F%3E%3C%2Fsvg%3E");}
.aa-socials .s-x::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18.9%202H22l-7.6%208.7L23%2022h-6.9l-5.4-6.6L4.6%2022H1.5l8.1-9.3L1%202h7l4.9%206.1L18.9%202Z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18.9%202H22l-7.6%208.7L23%2022h-6.9l-5.4-6.6L4.6%2022H1.5l8.1-9.3L1%202h7l4.9%206.1L18.9%202Z%22%2F%3E%3C%2Fsvg%3E");}
.aa-socials .s-ig::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202c2.7%200%203.06.01%204.12.06%201.06.05%201.79.22%202.43.47.66.26%201.22.6%201.77%201.15.55.55.89%201.11%201.15%201.77.25.64.42%201.37.47%202.43.05%201.06.06%201.42.06%204.12s-.01%203.06-.06%204.12c-.05%201.06-.22%201.79-.47%202.43a4.9%204.9%200%200%201-1.15%201.77%204.9%204.9%200%200%201-1.77%201.15c-.64.25-1.37.42-2.43.47-1.06.05-1.42.06-4.12.06s-3.06-.01-4.12-.06c-1.06-.05-1.79-.22-2.43-.47a4.9%204.9%200%200%201-1.77-1.15%204.9%204.9%200%200%201-1.15-1.77c-.25-.64-.42-1.37-.47-2.43C2.01%2015.06%202%2014.7%202%2012s.01-3.06.06-4.12c.05-1.06.22-1.79.47-2.43.26-.66.6-1.22%201.15-1.77A4.9%204.9%200%200%201%205.45%202.53c.64-.25%201.37-.42%202.43-.47C8.94%202.01%209.3%202%2012%202Zm0%205a5%205%200%201%200%200%2010%205%205%200%200%200%200-10Zm0%208.2a3.2%203.2%200%201%201%200-6.4%203.2%203.2%200%200%201%200%206.4Zm5.2-8.4a1.17%201.17%200%201%201%200-2.34%201.17%201.17%200%200%201%200%202.34Z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202c2.7%200%203.06.01%204.12.06%201.06.05%201.79.22%202.43.47.66.26%201.22.6%201.77%201.15.55.55.89%201.11%201.15%201.77.25.64.42%201.37.47%202.43.05%201.06.06%201.42.06%204.12s-.01%203.06-.06%204.12c-.05%201.06-.22%201.79-.47%202.43a4.9%204.9%200%200%201-1.15%201.77%204.9%204.9%200%200%201-1.77%201.15c-.64.25-1.37.42-2.43.47-1.06.05-1.42.06-4.12.06s-3.06-.01-4.12-.06c-1.06-.05-1.79-.22-2.43-.47a4.9%204.9%200%200%201-1.77-1.15%204.9%204.9%200%200%201-1.15-1.77c-.25-.64-.42-1.37-.47-2.43C2.01%2015.06%202%2014.7%202%2012s.01-3.06.06-4.12c.05-1.06.22-1.79.47-2.43.26-.66.6-1.22%201.15-1.77A4.9%204.9%200%200%201%205.45%202.53c.64-.25%201.37-.42%202.43-.47C8.94%202.01%209.3%202%2012%202Zm0%205a5%205%200%201%200%200%2010%205%205%200%200%200%200-10Zm0%208.2a3.2%203.2%200%201%201%200-6.4%203.2%203.2%200%200%201%200%206.4Zm5.2-8.4a1.17%201.17%200%201%201%200-2.34%201.17%201.17%200%200%201%200%202.34Z%22%2F%3E%3C%2Fsvg%3E");}
/* Astra centres the legal row's three sections; the demo spreads them. */
.site-below-footer-wrap .ast-builder-grid-row{justify-content:space-between!important;}
.site-below-footer-wrap .site-footer-below-section-1{justify-self:start;margin-right:auto!important;}
.site-below-footer-wrap .site-footer-below-section-3{justify-self:end;margin-left:auto!important;}
.site-below-footer-wrap .ast-builder-grid-row > *{display:flex;align-items:center;}
/* Keep both rows on the demo's navy regardless of Astra's own colour vars. */
.site-primary-footer-wrap,.site-below-footer-wrap{background-color:#04101D!important;}
.site-footer .widget-title,.site-footer .widget_nav_menu h2{color:#8A94A0!important;}
