/* NewsDesk v2.2.99: Breaking thumbnail ratio and mobile drawer accessibility.
 * This file loads after the existing header CSS so the fixes do not affect news cards. */
@media (min-width: 981px) {
  html body header.site-header .nd-ref-desktop-breaking .nd-ref-breaking-item {
    padding-right: 0 !important;
  }
  html body header.site-header .nd-ref-desktop-breaking .nd-ref-breaking-thumb {
    display:block !important;
    width:68px !important;
    min-width:68px !important;
    height:38px !important;
    min-height:38px !important;
    flex:0 0 68px !important;
    aspect-ratio:16 / 9 !important;
    object-fit:cover !important;
    object-position:center !important;
    border-radius:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
}
@media (max-width: 980px) {
  html body header.site-header .nd-ref-mobile-breaking .nd-ref-breaking-item {
    padding-right: 0 !important;
  }
  html body header.site-header .nd-ref-mobile-breaking .nd-ref-breaking-thumb {
    display:block !important;
    width:74.67px !important;
    min-width:74.67px !important;
    max-width:74.67px !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    flex:0 0 74.67px !important;
    aspect-ratio:16 / 9 !important;
    object-fit:cover !important;
    object-position:center !important;
    align-self:center !important;
    border:0 !important;
    border-radius:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
  /* The drawer is outside the header in the DOM, so it can appear above the
   * fixed three-row header without being clipped by the Breaking ticker. */
  html body .mobile-overlay {
    z-index:2147482100 !important;
  }
  html body #darkvideo-mobile-menu.mobile-menu-panel {
    z-index:2147482500 !important;
    top:0 !important;
    bottom:0 !important;
    max-height:100dvh !important;
    overscroll-behavior-y:contain;
    padding-top:12px !important;
    box-sizing:border-box;
  }
  html body.admin-bar #darkvideo-mobile-menu.mobile-menu-panel {
    top:46px !important;
    max-height:calc(100dvh - 46px) !important;
  }
  /* Keep the floating WordPress toolbar untouched and above the drawer. */
  html body #darkvideo-mobile-menu .nd-mobile-drawer-close {
    display:flex !important;
    justify-content:center;
    align-items:center;
    align-self:flex-end;
    order:0 !important;
    flex:0 0 auto;
    width:38px;
    height:38px;
    min-height:38px;
    margin:0 0 8px !important;
    border:1px solid #d9e0e9;
    border-radius:8px;
    background:#f8fafc;
    color:#182235;
    font-size:27px;
    font-weight:400;
    cursor:pointer;
    position:relative;
    z-index:1;
  }
  html body #darkvideo-mobile-menu .nd-mobile-drawer-close:focus-visible {
    outline:2px solid #275ded;
    outline-offset:2px;
  }
  html body #darkvideo-mobile-menu .mobile-ncd-primary-action--top,
  html body #darkvideo-mobile-menu .mobile-top-toolbar { position:relative; z-index:1; }
}