/*
 * ICODE MEDIA — Final UI / ERP Routing Fix v3.0.0
 * Scope: global footer + blog pagination only.
 * No ERP page redesign here: /erp-crm is intentionally redirected to CRM login.
 */

:root{
  --ifx-petroleum:#0F2933;
  --ifx-petroleum-deep:#0B2028;
  --ifx-footer-text:#F7FAFB;
  --ifx-footer-muted:#C9D6DA;
  --ifx-footer-soft:#AEBFC4;
  --ifx-copper:#C66F3D;
  --ifx-copper-light:#E5B28E;
  --ifx-line:rgba(255,255,255,.12);
}

/* =========================================================
   GLOBAL FOOTER — PETROLEUM + REAL CONTRAST
   ========================================================= */
.v2-footer{
  background:var(--ifx-petroleum) !important;
  color:var(--ifx-footer-text) !important;
  border-color:var(--ifx-line) !important;
  box-shadow:0 24px 70px rgba(15,41,51,.14) !important;
}
.v2-footer section,
.v2-footer .footer-grid,
.v2-footer .footer-bottom{
  background:transparent !important;
  color:var(--ifx-footer-text) !important;
  border-color:var(--ifx-line) !important;
}
.v2-footer section>span,
.v2-footer .footer-grid b{
  color:var(--ifx-copper-light) !important;
  opacity:1 !important;
}
.v2-footer section h2{
  color:#FFFFFF !important;
  opacity:1 !important;
  text-shadow:none !important;
}
.v2-footer section>a{
  color:var(--ifx-copper-light) !important;
  opacity:1 !important;
}
.v2-footer .footer-grid a,
.v2-footer .footer-grid span,
.v2-footer .footer-bottom,
.v2-footer .footer-bottom span,
.v2-footer .footer-bottom a{
  color:var(--ifx-footer-muted) !important;
  opacity:1 !important;
  text-shadow:none !important;
}
.v2-footer .footer-grid a:hover,
.v2-footer .footer-bottom a:hover{
  color:#FFFFFF !important;
}
.v2-footer .footer-phone{
  color:#FFFFFF !important;
  font-weight:700 !important;
}
.v2-footer hr,
.v2-footer .footer-grid,
.v2-footer .footer-bottom{
  border-color:var(--ifx-line) !important;
}

/* =========================================================
   BLOG PAGINATION — STOP SVG ARROWS FROM BECOMING BILLBOARDS
   ========================================================= */
.pager{
  width:min(calc(100% - 48px),1280px) !important;
  margin:34px auto 76px !important;
}
.pager nav{width:100% !important;max-width:100% !important}
.pager svg,
.pager .w-5.h-5{
  display:block !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  max-width:18px !important;
  max-height:18px !important;
  flex:0 0 18px !important;
}
.pager a,
.pager span{
  box-sizing:border-box !important;
}
.pager a[aria-label],
.pager span[aria-disabled="true"]>span,
.pager span[aria-current="page"]>span{
  min-height:38px !important;
  line-height:1 !important;
}

@media(max-width:760px){
  .pager{width:calc(100% - 32px) !important;margin:26px auto 54px !important}
  .pager svg,.pager .w-5.h-5{width:16px !important;height:16px !important;min-width:16px !important;min-height:16px !important;max-width:16px !important;max-height:16px !important;flex-basis:16px !important}
}
@media(max-width:520px){
  .pager{width:calc(100% - 24px) !important}
}