/* ==========================================================================
   MAUVIEL SOUTH AFRICA - FOOTER
   Ink ground, paper type, copper for the labels. Same measure as everything
   else, so it lines up with the header and the content on every page.
   ========================================================================== */

.mvf{background:var(--mv-ink,#231F20);color:#fff;width:100%;margin-top:clamp(3rem,6vw,6rem)}
.mvf *{box-sizing:border-box}
.mvf__w{max-width:var(--mv-m,2200px);margin-left:auto;margin-right:auto;padding-left:var(--mv-p,3%);padding-right:var(--mv-p,3%)}

/* ---- the reassurance band ---- */
.mvf__assure{border-bottom:1px solid rgba(255,255,255,.14)}
.mvf__assure-list{list-style:none!important;margin:0;padding:clamp(2rem,4vw,3rem) 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,3.5rem)}
.mvf__assure-list li{list-style:none!important;margin:0;padding:0}
.mvf__assure-list li::marker{content:none}
.mvf__a-k{display:block;font-family:var(--mv-font-data);font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--mv-copper-light,#C9AC93);margin-bottom:.6rem}
.mvf__a-v{display:block;font-family:var(--mv-font-body);font-size:.9375rem;line-height:1.65;color:#E7E4DF;max-width:38ch}

/* ---- the columns ---- */
.mvf__main{padding:clamp(2.5rem,5vw,4.5rem) 0 clamp(2rem,4vw,3.5rem)}
.mvf__cols{display:grid;gap:clamp(2rem,4vw,4rem);grid-template-columns:1.6fr repeat(3,minmax(0,1fr))}

.mvf__mark{font-family:var(--mv-font-display);font-weight:300;font-size:1.5rem;color:#fff;margin:0 0 1rem;padding:0}
.mvf__mark span{color:var(--mv-copper-light,#C9AC93)}
.mvf__blurb{font-family:var(--mv-font-body);font-size:.9375rem;line-height:1.7;color:#C9C4BA;margin:0 0 1.5rem;padding:0;max-width:40ch}
.mvf__tel{margin:0 0 1.5rem;padding:0}
.mvf__tel a{font-family:var(--mv-font-display);font-size:1.25rem;color:#fff;text-decoration:none;border-bottom:1px solid var(--mv-copper-band,#A9866A);padding-bottom:.2rem}
.mvf__tel a:hover{color:var(--mv-copper-light,#C9AC93)}
.mvf__hours{display:block;font-family:var(--mv-font-data);font-size:.75rem;letter-spacing:.1em;color:#9A958C;margin-top:.6rem}
.mvf__cta{margin:0}
.mvf__btn{display:inline-block;font-family:var(--mv-font-display);font-size:.75rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.4);padding:.9rem 1.75rem;transition:background-color .25s ease,border-color .25s ease,color .25s ease}
.mvf__btn:hover{background:var(--mv-copper-band,#A9866A);border-color:var(--mv-copper-band,#A9866A);color:var(--mv-ink,#231F20)}

.mvf__h{font-family:var(--mv-font-data);font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--mv-copper-light,#C9AC93);margin:0 0 1.1rem;padding:0}
.mvf__list{list-style:none!important;margin:0;padding:0}
.mvf__list li{list-style:none!important;margin:0 0 .7rem;padding:0}
.mvf__list li::marker{content:none}
.mvf__list a{font-family:var(--mv-font-body);font-size:.9375rem;line-height:1.5;color:#E7E4DF;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px;transition:border-color .2s ease,color .2s ease}
.mvf__list a:hover,.mvf__list a:focus-visible{color:#fff;border-bottom-color:var(--mv-copper-band,#A9866A)}

/* ---- the legal strip ---- */
.mvf__legal{border-top:1px solid rgba(255,255,255,.14);padding:clamp(1.25rem,2.5vw,1.75rem) 0 clamp(1.75rem,3vw,2.5rem)}
.mvf__legal-in{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;align-items:flex-start}
.mvf__co,.mvf__fine{font-family:var(--mv-font-data);font-size:.75rem;line-height:1.7;color:#9A958C;margin:0;padding:0}
.mvf__fine a{color:#C9C4BA;text-decoration:none;border-bottom:1px solid transparent}
.mvf__fine a:hover{color:#fff;border-bottom-color:var(--mv-copper-band,#A9866A)}
.mvf__fine span{color:#5E594F;margin:0 .35rem}

/* ---- responsive ---- */
@media (max-width:1100px){
  .mvf__cols{grid-template-columns:1fr 1fr}
  .mvf__col--brand{grid-column:1 / -1;margin-bottom:1rem}
}
@media (max-width:820px){
  .mvf__assure-list{grid-template-columns:minmax(0,1fr);gap:1.75rem}
}
@media (max-width:560px){
  .mvf__cols{grid-template-columns:minmax(0,1fr)}
  .mvf__legal-in{flex-direction:column}
}

/* Divi's own footer, if anything still renders it. */
#main-footer,#footer-bottom,.et-l--footer .et_pb_section:not(.mvf){display:none}