/* FXCHS V3.11: Calendar journal entries and four visible footer icons. */
body.fxv2 .fxcal-chip[data-kind="blog"]{border-color:#598b7c;background:#e6f3ed;color:#245d50}
body.fxv2 .fxcal-pips i[data-kind="blog"]{background:#598b7c}
body.fxv2 .fxcal-entry-kind[data-kind="blog"]{color:#357665}
body.fxv2 .fxcal-legend span:last-child:before{background:#598b7c}
/* The former 360 social float is disabled; all four links remain in the footer. */
/* The old fixed 38px footer cropped a second row of icons/legal links on phones.
   Let ResizeObserver in fxchs-v2.js measure its actual height for the room. */
body.fxv2 .fxv2-footer,
html.fxv2-js body.fxv2 .fxv2-hybrid-enabled .fxv2-footer{
  height:auto!important;
  min-height:44px!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
}
body.fxv2 .fxv2-footer-compact,
html.fxv2-js body.fxv2 .fxv2-footer-compact,
html.fxv2-js body.fxv2 .fxv2-hybrid-enabled .fxv2-footer-compact{
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr)!important;
  align-items:center!important;
  justify-items:stretch!important;
  column-gap:clamp(14px,2.4vw,35px)!important;
  row-gap:2px!important;
  padding:4px clamp(12px,2.2vw,28px)!important;
  min-height:43px!important;
  max-height:none!important;
  height:auto!important;
  text-align:left!important;
}
body.fxv2 .fxv2-footer-compact .fxv2-social-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:clamp(4px,.75vw,12px)!important;
  white-space:nowrap!important;
  order:0!important;
  position:relative!important;
  z-index:1!important;
}
body.fxv2 .fxv2-footer-compact .fxv2-social-nav>.fxv2-social-icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  padding:4px!important;
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  color:#f4faf5!important;
  line-height:1!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
}
body.fxv2 .fxv2-footer-compact .fxv2-social-nav svg{width:21px!important;height:21px!important;display:block!important}
body.fxv2 .fxv2-footer-compact .fxv2-social-nav>.fxv2-social-icon:hover,
body.fxv2 .fxv2-footer-compact .fxv2-social-nav>.fxv2-social-icon:focus-visible{
  background:#253a2c!important;
  border-color:#6d9472!important;
  transform:none!important;
}
body.fxv2 .fxv2-footer-compact .fxv2-legal-nav{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:clamp(8px,1.3vw,20px)!important;
  justify-content:flex-end!important;
  align-items:center!important;
  margin:0!important;
  min-width:0!important;
  order:1!important;
}
@media(max-width:760px){
  body.fxv2 .fxv2-footer-compact,
  html.fxv2-js body.fxv2 .fxv2-footer-compact,
  html.fxv2-js body.fxv2 .fxv2-hybrid-enabled .fxv2-footer-compact{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    row-gap:5px!important;
    padding:4px 7px 7px!important;
  }
  body.fxv2 .fxv2-footer-compact .fxv2-social-nav,
  body.fxv2 .fxv2-footer-compact .fxv2-legal-nav{justify-content:center!important}
  body.fxv2 .fxv2-footer-compact .fxv2-legal-nav{gap:4px 12px!important}
  body.fxv2 .fxv2-footer-compact .fxv2-social-nav>.fxv2-social-icon{width:30px!important;height:29px!important;min-height:29px!important;min-width:30px!important;flex-basis:30px!important}
}
@media(max-height:490px) and (orientation:landscape){
  body.fxv2 .fxv2-footer-compact,
  html.fxv2-js body.fxv2 .fxv2-footer-compact{grid-template-columns:max-content minmax(0,1fr)!important;padding-block:1px!important}
  body.fxv2 .fxv2-footer-compact .fxv2-legal-nav{justify-content:flex-end!important}
}
@media print{body.fxv2 .fxv2-footer-compact .fxv2-social-nav{display:none!important}}
