/* Public hero cleanup: keep the approved logo clean and the brand lockup consistent. */
.tp-public-floating-card{display:none!important}

.tp-public-logo-orbit .tp-logo-hero{
  width:min(32vw,390px)!important;
  height:auto!important;
  max-width:390px!important;
  max-height:390px!important;
  object-fit:contain!important;
  filter:none!important;
  box-shadow:none!important;
  opacity:1!important;
  transform:none!important;
  image-rendering:auto;
}

/* Dark theme logo treatment */
html[data-tp-theme="dark"] .tp-public-logo-orbit .tp-logo-hero,
html[data-tp-theme="dark"] .tp-public-header .tp-logo,
html[data-tp-theme="dark"] .tp-public-footer .tp-logo,
html[data-tp-theme="dark"] .tp-auth-brand .tp-logo{
  filter:url(#tpLogoDarkPalette)!important;
  box-shadow:none!important;
  outline:0!important;
}

/* One TodoPorras wordmark construction in both themes; only the contrast colour adapts. */
.tp-public-brand>span,
.tp-public-bottom-wordmark{
  display:inline-block;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:22px;
  font-weight:900;
  line-height:1;
  letter-spacing:-.04em;
  color:#082c63;
}
.tp-public-brand>span b,
.tp-public-bottom-wordmark b{font:inherit;color:#09ba5d}
html[data-tp-theme="dark"] .tp-public-brand>span,
html[data-tp-theme="dark"] .tp-public-bottom-wordmark{color:#7fc8ff}
html[data-tp-theme="dark"] .tp-public-brand>span b,
html[data-tp-theme="dark"] .tp-public-bottom-wordmark b{color:#62e8a8}
.tp-public-footer .tp-public-brand>span{font-size:18px}
.tp-public-bottom-wordmark{font-size:18px!important;text-transform:none!important;letter-spacing:-.035em!important;margin-bottom:14px!important}
/* Beat the older .tp-public-bottom-cta>span green rule. */
.tp-public-bottom-cta>.tp-public-bottom-wordmark{color:#082c63!important}
.tp-public-bottom-cta>.tp-public-bottom-wordmark b{color:#09ba5d!important}
html[data-tp-theme="dark"] .tp-public-bottom-cta>.tp-public-bottom-wordmark{color:#7fc8ff!important}
html[data-tp-theme="dark"] .tp-public-bottom-cta>.tp-public-bottom-wordmark b{color:#62e8a8!important}

/* Public pools heading + stronger acquisition CTA. */
.tp-public-pools-head{align-items:center!important;margin-bottom:34px!important}
.tp-public-pools-head>div{min-width:0}
.tp-public-create-pool{
  min-height:52px!important;
  padding:0 20px!important;
  border:1px solid rgba(9,186,93,.20)!important;
  border-radius:14px!important;
  background:rgba(9,186,93,.08)!important;
  color:#082c63!important;
  font-size:18px!important;
  font-weight:950!important;
  white-space:nowrap;
}
.tp-public-create-pool:hover{background:rgba(9,186,93,.14)!important;border-color:rgba(9,186,93,.34)!important}
.tp-public-create-pool span{color:#09ba5d!important;font-size:20px!important;margin-left:8px!important}
html[data-tp-theme="dark"] .tp-public-create-pool{color:#7fc8ff!important;background:rgba(98,232,168,.08)!important;border-color:rgba(98,232,168,.18)!important}
html[data-tp-theme="dark"] .tp-public-create-pool span{color:#62e8a8!important}

/* SVG flags render identically on every OS/browser. */
.tp-flag{display:inline-block;width:24px;height:16px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(8,44,99,.14);vertical-align:middle;flex:0 0 auto}
.tp-flag svg{display:block;width:100%;height:100%}
html[data-tp-theme="dark"] .tp-flag{box-shadow:0 0 0 1px rgba(255,255,255,.20)}

/* Flags in public cards. Supports one or several countries per pool. */
.tp-public-pool-competition{display:flex!important;align-items:center!important;gap:8px!important;min-width:0}
.tp-public-pool-competition>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tp-public-pool-flags{display:inline-flex!important;align-items:center;gap:4px;flex:0 0 auto;line-height:1}
.tp-public-pool-flags .tp-flag{width:22px;height:15px}

/* Competition chips use embedded SVG flags instead of country abbreviations/emoji. */
.tp-public-competition-list i{
  width:30px!important;
  height:30px!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
/* The base stylesheet styles every nested span as a competition chip. Reset the flag itself. */
.tp-public-competition-list i>.tp-flag{
  display:block!important;
  width:26px!important;
  min-width:26px!important;
  height:18px!important;
  min-height:18px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:3px!important;
  background:transparent!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.28)!important;
  overflow:hidden!important;
  flex:0 0 26px!important;
  line-height:0!important;
}
.tp-public-competition-list i>.tp-flag svg{
  display:block!important;
  width:26px!important;
  height:18px!important;
  min-width:26px!important;
  min-height:18px!important;
}

@media(max-width:760px){
  .tp-public-logo-orbit .tp-logo-hero{width:min(70vw,330px)!important;max-width:330px!important}
  .tp-public-pools-head{align-items:flex-start!important}
  .tp-public-create-pool{font-size:16px!important;min-height:48px!important;padding:0 15px!important}
}