/* SerieAGoal v1.80: header brand precisely extracted from the existing favicon.
   No blue square on the header: transparent white mark on the native header blue.
   "SerieAGoal" wordmark, heavier Manrope, subtle teal glow on Goal.
   Load after v179 and all header/layout bundles. */

.sg-topbar .sg-brand.sg-brand-live{max-width:202px!important;width:auto!important;overflow:visible!important;text-decoration:none!important}
.sg-wordmark{gap:9px!important;color:#fff!important;align-items:center!important;max-width:100%;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.sg-wordmark__icon{width:34px!important;height:34px!important;flex:0 0 34px!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;object-fit:contain!important;filter:none!important;mix-blend-mode:normal!important}
.sg-wordmark__text{display:inline-flex!important;gap:0!important;align-items:baseline!important;white-space:nowrap!important;letter-spacing:-.045em!important;line-height:1!important;font-weight:800!important}
.sg-wordmark__serie,.sg-wordmark__gol{display:inline-flex!important;gap:0!important;font-family:inherit!important;font-size:21px!important;line-height:1!important;font-weight:800!important;letter-spacing:-.03em!important;white-space:nowrap!important}
.sg-wordmark__serie{color:#fff!important}
.sg-wordmark__gol{color:#70f0e5!important;text-shadow:0 0 9px rgba(112,240,229,.32),0 0 21px rgba(112,240,229,.12)!important}
.sg-wordmark__letter{display:inline-block!important;position:relative!important;font:inherit!important;line-height:inherit!important;-webkit-text-stroke:.42px currentColor;text-decoration:none!important}
.sg-wordmark__gol .sg-wordmark__letter{-webkit-text-stroke:.45px currentColor}

@media(min-width:1121px){
  .sg-topbar .sg-topbar-inner{grid-template-columns:202px auto minmax(210px,350px) auto!important}
}
@media(min-width:901px) and (max-width:1120px){
  .sg-topbar .sg-topbar-inner{grid-template-columns:174px auto minmax(44px,220px) auto!important}
  .sg-wordmark__serie,.sg-wordmark__gol{font-size:18px!important}
  .sg-wordmark__icon{width:30px!important;height:30px!important;flex-basis:30px!important}
}
@media (max-width:900px) and (min-width:761px){
  .sg-topbar .sg-topbar-inner{grid-template-columns:168px auto 42px auto!important}
  .sg-wordmark__serie,.sg-wordmark__gol{font-size:17px!important}
}
@media(max-width:760px){
  /* Respect existing logged/guest header grid rules and search/actions slots. */
  .sg-topbar .sg-brand.sg-brand-live{max-width:162px!important;min-width:0!important;height:36px!important}
  .sg-wordmark{gap:6px!important}
  .sg-wordmark__icon{width:28px!important;height:28px!important;flex-basis:28px!important}
  .sg-wordmark__serie,.sg-wordmark__gol{font-size:16px!important;letter-spacing:-.04em!important}
  .sg-topbar.sg-topbar--guest .sg-brand.sg-brand-live{max-width:158px!important}
  body.slr-legal-site .slr-legal-brand .sg-wordmark__icon{width:29px!important;height:29px!important;flex-basis:29px!important}
  body.sg-collabora-reference-page .sg-collab-brand .sg-wordmark__icon{width:30px!important;height:30px!important;flex-basis:30px!important}
  body.slr-legal-site .slr-legal-brand .sg-wordmark__serie,body.slr-legal-site .slr-legal-brand .sg-wordmark__gol,
  body.sg-collabora-reference-page .sg-collab-brand .sg-wordmark__serie,body.sg-collabora-reference-page .sg-collab-brand .sg-wordmark__gol{font-size:16px!important}
}
@media(max-width:360px){
  .sg-topbar .sg-brand.sg-brand-live,.sg-topbar.sg-topbar--guest .sg-brand.sg-brand-live{max-width:145px!important}
  .sg-wordmark__icon{width:25px!important;height:25px!important;flex-basis:25px!important}
  .sg-wordmark{gap:5px!important}
  .sg-wordmark__serie,.sg-wordmark__gol{font-size:14px!important}
}

/* Gentle intro inspired by the sequence, not a copy of the other brand.
   Only first load per session; fallback is always immediately visible. */
@keyframes sg180SymbolIntro{
  0%{opacity:0;transform:scale(.65) rotate(-18deg);filter:blur(2.4px)}
  62%{opacity:1;transform:scale(1.09) rotate(2deg);filter:blur(0)}
  100%{opacity:1;transform:scale(1) rotate(0);filter:blur(0)}
}
@keyframes sg180LetterIntro{
  0%{opacity:0;transform:translate3d(-5px,7px,0) skewX(-13deg);filter:blur(3px)}
  75%{opacity:1;transform:translate3d(1px,-1px,0) skewX(0);filter:blur(0)}
  100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@keyframes sg180GlowIn{
  0%,62%{text-shadow:0 0 0 rgba(112,240,229,0)}
  100%{text-shadow:0 0 9px rgba(112,240,229,.32),0 0 21px rgba(112,240,229,.12)}
}
html.sg-brand-intro-v180 .sg-wordmark__icon{
  animation:sg180SymbolIntro .55s cubic-bezier(.16,1,.3,1) both!important;
  transform-origin:center center;
}
html.sg-brand-intro-v180 .sg-wordmark__letter{
  animation:sg180LetterIntro .46s cubic-bezier(.18,.9,.25,1) both!important;
  animation-delay:var(--sg180-letter-delay, .38s)!important;
}
html.sg-brand-intro-v180 .sg-wordmark__gol{
  animation:sg180GlowIn 1.45s ease-out both!important;
}
@media(prefers-reduced-motion:reduce){
  html.sg-brand-intro-v180 .sg-wordmark__icon,
  html.sg-brand-intro-v180 .sg-wordmark__letter,
  html.sg-brand-intro-v180 .sg-wordmark__gol{animation:none!important;transform:none!important;filter:none!important;opacity:1!important}
}