/* =========================
   WWME Base Variables
========================= */
:root{
  --wwme-max: 1180px;
  --wwme-pad: 18px;

  --wwme-apply: #f0b323;
  --wwme-tagline: #cb333b;

  --wwme-footer: #212934;
  --wwme-subfooter: #1d242d;

  --wwme-subfooter-text: rgba(255,255,255,0.4);
}

/* =========================
   Header
========================= */
.wwme-header{
  width: 100%;
  background: #fff;
}

.wwme-header__top{
  max-width: var(--wwme-max);
  margin: 0 auto;
  padding: 30px 15px; /* 🔥 no left/right padding */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

/* Logo container */
.wwme-header__logo{
  display: block;
  max-width: 472px;
}

/* Desktop logo (SVG) */
.wwme-logo-desktop{
  display: block;
  width: 100%;
  height: auto;
  max-width: 472px;
  max-height: 113px;
}

/* Mobile logo */
.wwme-logo-mobile{
  display: none;
  width: 100%;
  height: auto;
  max-width: 380px;
}

.wwme-header__tagline{
  color: var(--wwme-tagline);
  font-size: 22px;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-weight: 600;
  letter-spacing: 0.5px;

  /* keeps your visual alignment without hardcoding a big margin */
  align-self: flex-end;
  padding-bottom: 8px;
}

/* Apply banner */
.wwme-header__banner{
  background: var(--wwme-apply);
}

.wwme-header__bannerInner{
  max-width: var(--wwme-max);
  margin: 0 auto;
  padding: 14px 15px;

  font-size: 30px;
  line-height: 1.05;
  color: #fff;

  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: lowercase;
}

/* =========================
   Main Content Wrapper
========================= */
.wwme-content{
  width: 100%;
}

.wwme-content__inner{
  max-width: var(--wwme-max);
  margin: 0 auto;
  padding: 30px 0; /* vertical spacing only, no left/right */
}



/* =========================
   Footer
========================= */
.wwme-footer{
  background: var(--wwme-footer);
  color: #fff;
  margin-top: 40px;
}

.wwme-footer__inner{
  max-width: var(--wwme-max);
  margin: 0 auto;
  padding: 22px var(--wwme-pad);

  display: flex;
  align-items: center;
  justify-content: flex-end; /* right align logo */
}

.wwme-footer__logo{
  display: block;
  max-width: 276px;
  max-height: 138px;
  width: auto;
  height: auto;
  opacity: 0.95;
}

/* Sub-footer bar */
.wwme-subfooter{
  background: var(--wwme-subfooter);
  color: var(--wwme-subfooter-text);
  font-size: 13px;
}

/* this is the “same-width container” inside the sub-footer */
.wwme-subfooter__inner{
  max-width: var(--wwme-max);
  margin: 0 auto;
  padding: 10px var(--wwme-pad);
}

/* =========================
   Responsive
========================= */
@media (max-width: 700px){
  /* Switch logos */
  .wwme-logo-desktop{ display: none; }
  .wwme-logo-mobile{ display: block; }

  .wwme-header__top{
    flex-direction: column;
    align-items: flex-start;
  }

  .wwme-header__tagline{
    font-size: 18px;
    align-self: flex-start;
    padding-bottom: 0;
  }

  .wwme-header__bannerInner{
    font-size: 26px;
  }

  .wwme-footer__inner{
    justify-content: center;
  }
}