/* =========================================================
   MRV Footer: centered layout
   logo > menu row > phone + social > copyright
   ========================================================= */

.mrv-footer{
  --f-blue:var(--mrv-blue,#1C5B88);
  --f-green:var(--mrv-green,#45AB4B);
  position:relative;
  width:100%;
  background:var(--f-blue);
  color:#fff;
  font-family:var(--mrv-font);
  border-radius:40px 40px 0 0;
  overflow:hidden;
}
.mrv-footer a{color:#fff;text-decoration:none;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}

.mrv-footer__inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  max-width:1200px;
  margin:0 auto;
  padding:72px 32px 0;
  box-sizing:border-box;
}

/* ---------- Logo ---------- */
.mrv-footer__logo{display:inline-flex;align-items:center;font-weight:800;font-size:26px;letter-spacing:-.01em}
.mrv-footer__logo img{
  display:block;
  height:56px;
  width:auto;
  max-width:100%;
  filter:brightness(0) invert(1);   /* remove this line if the logo is already white */
}

.mrv-footer__text{
  max-width:420px;
  margin:20px 0 0;
  font-size:14px;
  line-height:22px;
  color:rgba(255,255,255,.85);
}

/* ---------- Menu row ---------- */
.mrv-footer__nav{margin-top:40px}
.mrv-footer__menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px 40px;
}
.mrv-footer__menu a{
  position:relative;
  display:inline-block;
  padding:6px 0;
  font-size:13px;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
}
/* green underline grows from the centre */
.mrv-footer__menu a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:0;
  height:2px;
  background:var(--f-green);
  transform:translateX(-50%);
  transition:width .25s ease;
}
.mrv-footer__menu a:hover,
.mrv-footer__menu .current-menu-item > a{color:#9FE0A3}
.mrv-footer__menu a:hover::after,
.mrv-footer__menu .current-menu-item > a::after{width:100%}

/* ---------- Phone + social ---------- */
.mrv-footer__contact{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:36px;
}
.mrv-footer__phone{
  padding:8px 22px;
  border:1px solid rgba(255,255,255,.45);
  border-radius:50px;
  font-size:14px;
  font-weight:600;
  letter-spacing:.04em;
}
.mrv-footer__phone:hover{background:var(--f-green);border-color:var(--f-green)}

.mrv-footer__social{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border:1px solid rgba(255,255,255,.45);
  border-radius:50%;
}
.mrv-footer__social:hover{background:var(--f-green);border-color:var(--f-green);transform:translateY(-2px)}

/* ---------- Bottom bar ---------- */
.mrv-footer__bar{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  width:100%;
  margin-top:56px;
  padding:24px 0 32px;
  border-top:1px solid rgba(255,255,255,.18);
  font-size:12px;
  color:rgba(255,255,255,.8);
}
.mrv-footer__legal{display:flex;align-items:center;justify-content:center;gap:20px}
.mrv-footer__legal a{font-size:12px;color:rgba(255,255,255,.9);text-decoration:underline;text-underline-offset:3px}
.mrv-footer__legal a:hover{color:#9FE0A3}
.mrv-footer__legal a + a::before{
  content:"";
  display:inline-block;
  width:4px;
  height:4px;
  margin-right:20px;
  border-radius:50%;
  background:var(--f-green);
  vertical-align:middle;
}

/* ---------- Tablet / mobile ---------- */
@media (max-width:1024px){
  .mrv-footer__inner{padding-top:56px}
  .mrv-footer__menu{gap:12px 28px}
}
@media (max-width:700px){
  .mrv-footer{border-radius:28px 28px 0 0}
  .mrv-footer__inner{padding:48px 20px 0}
  .mrv-footer__logo img{height:48px}
  .mrv-footer__nav{margin-top:32px}
  .mrv-footer__menu{flex-direction:column;align-items:center;gap:6px}
  .mrv-footer__menu a{font-size:14px;padding:8px 0}
  .mrv-footer__bar{margin-top:40px}
}

@media (prefers-reduced-motion:reduce){
  .mrv-footer a,
  .mrv-footer__menu a::after{transition:none}
}