/* =========================================================
   EIW V0.8.6.5 — Transparent Brand Lockup System
   Homepage + Login use the approved horizontal EIW lockup.
   All other EIW surfaces use the compact transparent mark + EIW.
   No logo asset carries a white background panel.
   ========================================================= */
.eiw-public-brand-logo,
.eiw-brand-logo-image,
.eiw-login-brand-image,
.eiw-auth-brand-image,
.eiw-console-brand-logo,
.eiw-console-login-logo,
.eiw-console-state-logo,
.eiw-full-brand-logo-image{
  display:block;
  height:auto;
  object-fit:contain;
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
}

/* Prevent wrappers around logos from creating a white "logo box". */
.eiw-public-brand,
.eiw-home-brand,
.eiw-login-logo,
.eiw-brand,
.eiw-auth-brand,
.eiw-console-brand{
  background:transparent!important;
  box-shadow:none!important;
}

/* Homepage — approved horizontal lockup:
   [symbol + EIW] | ENGLISH INNER WORLD
                    Learn. Speak. Share. Grow. */
.eiw-home-brand{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  line-height:1!important;
  min-width:0!important;
  text-decoration:none!important;
}
.eiw-public-home-full-logo{
  width:360px;
  max-width:min(38vw,360px)!important;
}

/* Login — same horizontal lockup, slightly larger for the clean login header. */
.eiw-login-logo{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
}
.eiw-login-full-brand-image{
  width:390px;
  max-width:min(44vw,390px)!important;
}

/* Other public website pages / course pages / checkout. */
.eiw-public-brand{gap:0!important;min-width:auto!important;text-decoration:none!important}
.eiw-public-brand-logo{width:170px;max-width:22vw}
.eiw-public-footer .eiw-public-brand-logo{width:158px;max-width:100%;padding:0}

/* Member app header — compact transparent mark + EIW. */
.eiw-brand{gap:0!important;min-width:auto!important}
.eiw-brand-logo-image{width:152px;max-width:21vw}

/* Onboarding / account recovery use compact transparent brand. */
.eiw-login-brand-image{width:174px;max-width:40vw}
.eiw-auth-brand{display:inline-flex!important;align-items:center!important}
.eiw-auth-brand-image{width:170px;max-width:48vw}

/* EIW Admin Console — compact transparent brand. */
.eiw-console-brand{gap:10px!important;align-items:flex-start!important}
.eiw-console-brand-logo{width:152px;max-width:100%}
.eiw-console-brand>div{display:block!important}
.eiw-console-brand>div>small{display:block;margin-top:3px;color:#7f86a2;font-size:8px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.eiw-console-login-logo{width:192px;max-width:70%;margin-bottom:24px}
.eiw-console-state-logo{width:182px;max-width:70%;margin-bottom:22px}

@media(max-width:1100px){
  .eiw-public-home-full-logo{width:320px;max-width:40vw!important}
  .eiw-login-full-brand-image{width:340px;max-width:45vw!important}
}
@media(max-width:820px){
  .eiw-public-home-full-logo{width:280px;max-width:54vw!important}
  .eiw-login-full-brand-image{width:270px;max-width:58vw!important}
  .eiw-public-brand-logo{width:145px;max-width:44vw}
  .eiw-brand-logo-image{width:132px;max-width:42vw}
  .eiw-login-brand-image{width:148px;max-width:48vw}
  .eiw-auth-brand-image{width:148px;max-width:54vw}
}
@media(max-width:540px){
  .eiw-public-home-full-logo{width:230px;max-width:66vw!important}
  .eiw-login-full-brand-image{width:220px;max-width:68vw!important}
  .eiw-public-brand-logo{width:128px;max-width:48vw}
  .eiw-brand-logo-image{width:118px;max-width:44vw}
  .eiw-login-brand-image{width:132px;max-width:54vw}
}

/* =========================================================
   EIW V0.8.9.1 — APPROVED 2026 BRAND LOCKUP
   Full horizontal logo across public, auth, member and admin surfaces.
   Favicon uses the standalone paper-plane mark.
   ========================================================= */
.eiw-site-brand-logo,
.eiw-site-footer-logo,
.eiw-commerce-footer-logo,
.eiw-app-footer-logo{
  display:block;
  height:auto;
  object-fit:contain;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.eiw-site-brand-logo{width:244px;max-width:min(32vw,244px);max-height:78px}
.eiw-site-footer-logo{width:260px;max-width:100%;max-height:96px}
.eiw-public-brand-logo{width:224px;max-width:29vw;max-height:76px}
.eiw-public-footer .eiw-public-brand-logo{width:228px;max-width:100%}
.eiw-brand-logo-image{width:210px;max-width:29vw;max-height:72px}
.eiw-auth-brand-image{width:215px;max-width:52vw;max-height:78px}
.eiw-login-full-brand-image{width:300px;max-width:min(38vw,300px)!important;max-height:92px}
.eiw-login-brand-image{width:215px;max-width:52vw}
.eiw-app-footer-logo{width:232px;max-width:76vw;max-height:88px}
.eiw-commerce-footer-logo{width:235px;max-width:72vw;max-height:88px}
.eiw-console-brand-logo{width:210px;max-width:100%}
.eiw-console-login-logo,.eiw-console-state-logo{width:240px;max-width:74%}

@media(max-width:820px){
  .eiw-site-brand-logo{width:205px;max-width:56vw}
  .eiw-site-footer-logo{width:225px}
  .eiw-public-brand-logo{width:190px;max-width:54vw}
  .eiw-brand-logo-image{width:180px;max-width:52vw}
  .eiw-login-full-brand-image{width:235px;max-width:62vw!important}
  .eiw-auth-brand-image,.eiw-login-brand-image{width:185px;max-width:60vw}
}
@media(max-width:540px){
  .eiw-site-brand-logo{width:178px;max-width:62vw}
  .eiw-site-footer-logo{width:205px}
  .eiw-public-brand-logo{width:166px;max-width:62vw}
  .eiw-brand-logo-image{width:160px;max-width:58vw}
  .eiw-login-full-brand-image{width:205px;max-width:68vw!important}
  .eiw-auth-brand-image,.eiw-login-brand-image{width:165px;max-width:64vw}
  .eiw-app-footer-logo,.eiw-commerce-footer-logo{width:205px;max-width:78vw}
}
.eiw-login-footer-logo{display:block;width:205px;max-width:64vw;height:auto;object-fit:contain;background:transparent!important;border:0!important;box-shadow:none!important}

/* =========================================================
   EIW v0.8.9.1 — LOGO VISIBILITY PLATES
   Preserve the approved logo colors on dark/transparent shells.
   ========================================================= */
.eiw-public-header .eiw-public-brand,
.eiw-public-footer .eiw-public-brand,
.eiw-commerce-footer > a,
.eiw-hc-footer__brand > a{
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(3,49,61,.07)!important;
  border-radius:18px!important;
  padding:8px 12px!important;
  box-shadow:0 10px 28px rgba(3,49,61,.08)!important;
}
.eiw-public-header .eiw-public-brand{
  padding:5px 9px!important;
  border-radius:15px!important;
}
.eiw-public-footer .eiw-public-brand,
.eiw-commerce-footer > a,
.eiw-hc-footer__brand > a{
  width:max-content;
  max-width:100%;
}
@media(max-width:640px){
  .eiw-public-header .eiw-public-brand{padding:4px 7px!important;border-radius:13px!important}
  .eiw-public-footer .eiw-public-brand,
  .eiw-commerce-footer > a,
  .eiw-hc-footer__brand > a{padding:7px 10px!important;border-radius:16px!important}
}


/* =========================================================
   EIW v0.8.9.2 — FOOTER + AUTH FULL LOGO PLATES
   ========================================================= */
.eiw-hc-footer__brand > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  padding:14px 18px!important;
  border-radius:28px!important;
  background:#fff!important;
}
.eiw-hc-footer__brand .eiw-site-footer-logo{
  display:block!important;
  width:min(100%,360px)!important;
  max-width:100%!important;
  max-height:none!important;
  height:auto!important;
  margin:0!important;
}
.eiw-auth-story .eiw-auth-brand{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:14px 18px!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.97)!important;
  border:1px solid rgba(3,49,61,.08)!important;
  box-shadow:0 14px 34px rgba(3,49,61,.16)!important;
}
.eiw-auth-story .eiw-auth-brand-image{
  display:block!important;
  width:min(100%,340px)!important;
  max-width:min(78vw,340px)!important;
  max-height:none!important;
  height:auto!important;
}
@media(max-width:640px){
  .eiw-hc-footer__brand > a,.eiw-auth-story .eiw-auth-brand{padding:11px 14px!important;border-radius:24px!important}
  .eiw-hc-footer__brand .eiw-site-footer-logo{width:min(100%,290px)!important}
  .eiw-auth-story .eiw-auth-brand-image{max-width:min(80vw,280px)!important}
}


/* =========================================================
   EIW v0.8.9.3 — COMPACT FOOTER BRAND LOCKUP
   Keep the approved full logo in a small white plate at the left.
   ========================================================= */
.eiw-hc-footer__brand{
  justify-self:start!important;
  align-self:start!important;
  width:auto!important;
  max-width:100%!important;
}
.eiw-hc-footer__brand > a{
  display:inline-flex!important;
  width:280px!important;
  max-width:100%!important;
  min-width:0!important;
  align-items:center!important;
  justify-content:center!important;
  padding:9px 12px!important;
  margin:0!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(3,49,61,.10)!important;
}
.eiw-hc-footer__brand .eiw-site-footer-logo{
  display:block!important;
  width:100%!important;
  max-width:256px!important;
  height:auto!important;
  max-height:92px!important;
  object-fit:contain!important;
  margin:0!important;
}
@media(max-width:640px){
  .eiw-hc-footer__brand > a{width:230px!important;padding:8px 10px!important;border-radius:18px!important}
  .eiw-hc-footer__brand .eiw-site-footer-logo{max-width:210px!important;max-height:76px!important}
}

/* =========================================================
   EIW v0.8.9.7 — MOBILE LOGO PARITY WITH DESKTOP
   Use the exact same full horizontal brand lockup on mobile.
   ========================================================= */
@media (max-width: 820px) {
  .eiw-site-brand-logo,
  .eiw-public-brand-logo,
  .eiw-brand-logo-image,
  .eiw-auth-brand-image,
  .eiw-login-brand-image,
  .eiw-login-full-brand-image,
  .eiw-app-footer-logo,
  .eiw-commerce-footer-logo {
    object-fit: contain !important;
    object-position: left center !important;
  }
  .eiw-site-brand-logo {
    width: 220px !important;
    max-width: 64vw !important;
    max-height: 72px !important;
  }
  .eiw-public-brand-logo,
  .eiw-brand-logo-image {
    width: 210px !important;
    max-width: 62vw !important;
    max-height: 70px !important;
  }
  .eiw-auth-brand-image,
  .eiw-login-brand-image,
  .eiw-login-full-brand-image {
    width: 220px !important;
    max-width: 68vw !important;
    max-height: 76px !important;
  }
}
@media (max-width: 540px) {
  .eiw-site-brand-logo {
    width: 205px !important;
    max-width: 68vw !important;
    max-height: 68px !important;
  }
  .eiw-public-brand-logo,
  .eiw-brand-logo-image {
    width: 195px !important;
    max-width: 66vw !important;
    max-height: 66px !important;
  }
  .eiw-auth-brand-image,
  .eiw-login-brand-image,
  .eiw-login-full-brand-image {
    width: 205px !important;
    max-width: 72vw !important;
    max-height: 70px !important;
  }
}