/* v936 — Terms & Conditions: plain larger icons
   Remove outer square icon frames and keep only larger icons.
   Scoped only to terms-conditions.html via body class. */

/* Remove rounded-square / boxed icon wrappers in main content */
html body.terms-icons-plain-v936 main .terms-icon,
html body.terms-icons-plain-v936 main .terms-section-icon,
html body.terms-icons-plain-v936 main .legal-icon,
html body.terms-icons-plain-v936 main .article-icon,
html body.terms-icons-plain-v936 main .section-icon,
html body.terms-icons-plain-v936 main .card-icon,
html body.terms-icons-plain-v936 main .icon-box,
html body.terms-icons-plain-v936 main [class*="icon-box"],
html body.terms-icons-plain-v936 main [class*="section-icon"],
html body.terms-icons-plain-v936 main [class*="guide-icon"],
html body.terms-icons-plain-v936 main [class*="info-icon"],
html body.terms-icons-plain-v936 main [class*="article-icon"],
html body.terms-icons-plain-v936 main [class*="step-icon"],
html body.terms-icons-plain-v936 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 actual icon content */
html body.terms-icons-plain-v936 main .terms-icon,
html body.terms-icons-plain-v936 main .terms-section-icon,
html body.terms-icons-plain-v936 main .legal-icon,
html body.terms-icons-plain-v936 main .article-icon,
html body.terms-icons-plain-v936 main .section-icon,
html body.terms-icons-plain-v936 main .card-icon,
html body.terms-icons-plain-v936 main .icon-box,
html body.terms-icons-plain-v936 main [class*="icon-box"],
html body.terms-icons-plain-v936 main [class*="section-icon"],
html body.terms-icons-plain-v936 main [class*="guide-icon"],
html body.terms-icons-plain-v936 main [class*="info-icon"],
html body.terms-icons-plain-v936 main [class*="article-icon"],
html body.terms-icons-plain-v936 main [class*="step-icon"],
html body.terms-icons-plain-v936 main [class*="card-icon"]{
  font-size: 68px !important;
  line-height: 1 !important;
}

/* If the icon is a child SVG/image/span inside a wrapper */
html body.terms-icons-plain-v936 main .terms-icon > *,
html body.terms-icons-plain-v936 main .terms-section-icon > *,
html body.terms-icons-plain-v936 main .legal-icon > *,
html body.terms-icons-plain-v936 main .article-icon > *,
html body.terms-icons-plain-v936 main .section-icon > *,
html body.terms-icons-plain-v936 main .card-icon > *,
html body.terms-icons-plain-v936 main .icon-box > *,
html body.terms-icons-plain-v936 main [class*="icon-box"] > *,
html body.terms-icons-plain-v936 main [class*="section-icon"] > *,
html body.terms-icons-plain-v936 main [class*="guide-icon"] > *,
html body.terms-icons-plain-v936 main [class*="info-icon"] > *,
html body.terms-icons-plain-v936 main [class*="article-icon"] > *,
html body.terms-icons-plain-v936 main [class*="step-icon"] > *,
html body.terms-icons-plain-v936 main [class*="card-icon"] > *,
html body.terms-icons-plain-v936 main [class*="icon"] svg,
html body.terms-icons-plain-v936 main [class*="icon"] img{
  width: 68px !important;
  height: 68px !important;
  max-width: 68px !important;
  max-height: 68px !important;
  font-size: 68px !important;
  line-height: 1 !important;
}

/* Direct emoji/span icons in headings */
html body.terms-icons-plain-v936 main h2 > span[aria-hidden="true"],
html body.terms-icons-plain-v936 main h3 > span[aria-hidden="true"],
html body.terms-icons-plain-v936 main .section-title > span[aria-hidden="true"],
html body.terms-icons-plain-v936 main .eyebrow > span[aria-hidden="true"]{
  font-size: 2.15em !important;
  line-height: 1 !important;
}

/* Keep logo/header/footer/floating widgets unchanged */
html body.terms-icons-plain-v936 .topbar img,
html body.terms-icons-plain-v936 .brand img,
html body.terms-icons-plain-v936 .footer img,
html body.terms-icons-plain-v936 .floating-contact-dock *,
html body.terms-icons-plain-v936 [class*="floating"] *,
html body.terms-icons-plain-v936 .logo-dark,
html body.terms-icons-plain-v936 .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;
}

@media (max-width: 760px){
  html body.terms-icons-plain-v936 main .terms-icon,
  html body.terms-icons-plain-v936 main .terms-section-icon,
  html body.terms-icons-plain-v936 main .legal-icon,
  html body.terms-icons-plain-v936 main .article-icon,
  html body.terms-icons-plain-v936 main .section-icon,
  html body.terms-icons-plain-v936 main .card-icon,
  html body.terms-icons-plain-v936 main .icon-box,
  html body.terms-icons-plain-v936 main [class*="icon-box"],
  html body.terms-icons-plain-v936 main [class*="section-icon"],
  html body.terms-icons-plain-v936 main [class*="guide-icon"],
  html body.terms-icons-plain-v936 main [class*="info-icon"],
  html body.terms-icons-plain-v936 main [class*="article-icon"],
  html body.terms-icons-plain-v936 main [class*="step-icon"],
  html body.terms-icons-plain-v936 main [class*="card-icon"],
  html body.terms-icons-plain-v936 main [class*="icon"] svg,
  html body.terms-icons-plain-v936 main [class*="icon"] img{
    width: 56px !important;
    height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
    font-size: 56px !important;
  }
}