
/* v934 — visa-requirements page: remove outer icon frame and enlarge icon
   Scope only this page via body class.
*/

/* Remove square/rounded icon box appearance */
html body.visa-req-icons-plain-v934 main .visa-requirements-icon,
html body.visa-req-icons-plain-v934 main .visa-info-icon,
html body.visa-req-icons-plain-v934 main [class*="icon-box"],
html body.visa-req-icons-plain-v934 main [class*="section-icon"],
html body.visa-req-icons-plain-v934 main [class*="guide-icon"],
html body.visa-req-icons-plain-v934 main [class*="info-icon"],
html body.visa-req-icons-plain-v934 main [class*="article-icon"],
html body.visa-req-icons-plain-v934 main [class*="step-icon"],
html body.visa-req-icons-plain-v934 main [class*="card-icon"]{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

/* Enlarge the actual icon/emoji/svg/img */
html body.visa-req-icons-plain-v934 main .visa-requirements-icon > *,
html body.visa-req-icons-plain-v934 main .visa-info-icon > *,
html body.visa-req-icons-plain-v934 main [class*="icon-box"] > *,
html body.visa-req-icons-plain-v934 main [class*="section-icon"] > *,
html body.visa-req-icons-plain-v934 main [class*="guide-icon"] > *,
html body.visa-req-icons-plain-v934 main [class*="info-icon"] > *,
html body.visa-req-icons-plain-v934 main [class*="article-icon"] > *,
html body.visa-req-icons-plain-v934 main [class*="step-icon"] > *,
html body.visa-req-icons-plain-v934 main [class*="card-icon"] > *,
html body.visa-req-icons-plain-v934 main [class*="icon"] svg,
html body.visa-req-icons-plain-v934 main [class*="icon"] img{
  width: 72px !important;
  height: 72px !important;
  max-width: 72px !important;
  max-height: 72px !important;
  font-size: 72px !important;
  line-height: 1 !important;
}

/* If icon is an inline span/emoji directly in heading/section blocks */
html body.visa-req-icons-plain-v934 main h2 > span[aria-hidden="true"],
html body.visa-req-icons-plain-v934 main h3 > span[aria-hidden="true"],
html body.visa-req-icons-plain-v934 main .section-title > span[aria-hidden="true"],
html body.visa-req-icons-plain-v934 main .eyebrow > span[aria-hidden="true"]{
  font-size: 2.2em !important;
  line-height: 1 !important;
}

/* Keep logo/header/footer/floating widgets unchanged */
html body.visa-req-icons-plain-v934 .topbar img,
html body.visa-req-icons-plain-v934 .brand img,
html body.visa-req-icons-plain-v934 .footer img,
html body.visa-req-icons-plain-v934 .floating-contact-dock *,
html body.visa-req-icons-plain-v934 [class*="floating"] *,
html body.visa-req-icons-plain-v934 .logo-dark,
html body.visa-req-icons-plain-v934 .vge-hot-dot{
  width: revert !important;
  height: revert !important;
  max-width: revert !important;
  max-height: revert !important;
  font-size: revert !important;
  background: revert !important;
  border: revert !important;
  box-shadow: revert !important;
  border-radius: revert !important;
  padding: revert !important;
}

/* Mobile: still larger than before, but controlled */
@media (max-width: 760px){
  html body.visa-req-icons-plain-v934 main .visa-requirements-icon > *,
  html body.visa-req-icons-plain-v934 main .visa-info-icon > *,
  html body.visa-req-icons-plain-v934 main [class*="icon-box"] > *,
  html body.visa-req-icons-plain-v934 main [class*="section-icon"] > *,
  html body.visa-req-icons-plain-v934 main [class*="guide-icon"] > *,
  html body.visa-req-icons-plain-v934 main [class*="info-icon"] > *,
  html body.visa-req-icons-plain-v934 main [class*="article-icon"] > *,
  html body.visa-req-icons-plain-v934 main [class*="step-icon"] > *,
  html body.visa-req-icons-plain-v934 main [class*="card-icon"] > *,
  html body.visa-req-icons-plain-v934 main [class*="icon"] svg,
  html body.visa-req-icons-plain-v934 main [class*="icon"] img{
    width: 60px !important;
    height: 60px !important;
    max-width: 60px !important;
    max-height: 60px !important;
    font-size: 60px !important;
  }
}
