/* Jojova brand typography. Font binaries are served by CDN, not PHP. */
@font-face {
  font-family:"Rubik";font-style:normal;font-weight:400;font-display:swap;
  src:url("https://fonts.gstatic.com/s/rubik/v31/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4i1UA.ttf") format("truetype");
}
@font-face {
  font-family:"Rubik";font-style:normal;font-weight:500;font-display:swap;
  src:url("https://fonts.gstatic.com/s/rubik/v31/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-NYi1UA.ttf") format("truetype");
}
@font-face {
  font-family:"Rubik";font-style:normal;font-weight:700;font-display:swap;
  src:url("https://fonts.gstatic.com/s/rubik/v31/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-4I-1UA.ttf") format("truetype");
}
/* Kallisto Medium is loaded by the font-only stylesheet on Ezber CDN. */
html[data-theme="jojova"] body,
html[data-theme="jojova"] :is(.fixture-center,.match-detail,.popup-dialog) {
  font-family:"Rubik",system-ui,sans-serif;
  font-weight:400;
  font-synthesis:none;
  letter-spacing:0;
}
html[data-theme="jojova"] :is(button,input,select,textarea) {font-family:"Rubik",system-ui,sans-serif;}
html[data-theme="jojova"] :is(button,.social-header-heading,.fixture-team,.scoreboard-team,.detail-event-player,.fixture-match-time,.channel-card-title) {font-weight:500;}
html[data-theme="jojova"] :is(strong,b,.fixture-score,.scoreboard-center>strong,.channel-name,.match-team-name) {font-weight:700;}
html[data-theme="jojova"] :is(h1,h2,h3,.topbar .brand-copy strong,.fixture-heading h2,.now-playing-title,.social-header-kicker) {
  font-family:"Kallisto","Rubik",system-ui,sans-serif;
  font-weight:500;
  letter-spacing:0;
}
html[data-theme="jojova"] :is(.topbar,.fixture-sidebar,.side-panel,.match-detail-dialog,.detail-meta-item) {background-color:var(--surface);}

/* Header logo: 180px instead of 90px, tagline directly below it. */
.topbar .brand {
  flex-direction:column;
  align-items:center;
  gap:7px;
  width:180px;
  max-width:48%;
}
.topbar .site-brand-logo {
  display:block;
  width:100%;
  height:auto;
  max-width:180px;
  max-height:108px;
  object-fit:contain;
}
.topbar .brand-copy {display:block;width:100%;text-align:center;}
.topbar .brand-copy small {
  display:block;
  margin:0;
  font-size:8px;
  line-height:1.4;
  letter-spacing:.12em;
  white-space:nowrap;
}
@media(max-width:620px) {
  .topbar .brand-copy {display:block;}
  .topbar .brand-copy small {font-size:7px;letter-spacing:.08em;}
  .topbar .social-header-group {max-width:48%;}
}

/* Footer brand follows the header: logo above the copyright, no duplicate title. */
.footer .footer-site {flex-direction:column;align-items:center;gap:7px;}
.footer .footer-site-avatar {width:96px;height:auto;min-height:32px;}
.footer .footer-site-avatar img {display:block;width:100%;height:auto;object-fit:contain;}
.footer .footer-site-copy {text-align:center;}
.footer .footer-site-copy small {display:block;white-space:nowrap;}
@media(max-width:720px) {
  .footer .footer-site-avatar {width:84px;min-height:28px;}
}