/* Crop the existing official logo in CSS: show the symbol, without the wordmark. */
.battle-symbol{display:inline-block;flex:0 0 54px;width:54px;height:54px;border-radius:8px;background:#34393c url('battlepadel-logo.jpg') no-repeat 50% -40px / 180px auto;vertical-align:middle}
.activity-quicklook-type:has(.battle-symbol),.activity-title-line h2:has(.battle-symbol),.activity-title-line h3:has(.battle-symbol),#enrollmentTitle:has(.battle-symbol){display:flex;align-items:center;gap:10px}
.activity-title-line h2:has(.battle-symbol),.activity-title-line h3:has(.battle-symbol){min-width:0;flex-wrap:wrap}
.battle-site-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:8px 14px;border-radius:12px;text-decoration:none;font-weight:800;line-height:1.25;text-align:center;box-sizing:border-box;max-width:100%}
.battle-site-link .battle-symbol{flex-basis:44px;width:44px;height:44px;background-size:147px auto;background-position:50% -33px;border-radius:6px}
.battle-site-link:focus-visible{outline:3px solid #1764a2;outline-offset:3px}
.summary-participation-actions .battle-site-link,#enrollmentBody>.battle-site-link{width:100%}
@media(max-width:600px){.card-bottom .battle-site-link{width:100%}.activity-title-line:has(.battle-symbol){align-items:center}}