/* MPMH_FRONTCONV052 — CAUSE/BRAND DIRECTORY CONTROL GEOMETRY REPAIR
   Late presentation owner only. The FRONTCONV045 two-row control deck is preserved, but this
   pass explicitly neutralizes inherited fixed-height/offset/overflow geometry on the shared
   Cause/Brand toolbar so VIEW / ORDER / SORT BY controls occupy real layout height instead of
   clipping into the live title rail or the directory cards. The sticky deck remains the owner
   directly beneath shellMain's fixed live section header. No sort semantics, routes, tracking,
   Signal logic, data authority, card identity, or table behavior changes. */

:root{
  --fc052-blue:#071c2c;
  --fc052-line:rgba(126,199,238,.34);
  --fc052-line-soft:rgba(126,199,238,.18);
  --fc052-sky:#72c9f1;
  --fc052-green:#16f19b;
}

@media(min-width:981px){
  /* Own the complete toolbar box, including dimensions that pre-date the
     FRONTCONV045 nested-row markup. This is the critical clipping repair. */
  html.mpmh-frontconv052 body #publicShell #shellMain .brands-discovery-panel
  .brand-sort-strip.mpmh240-directory-controls.mpmh045-control-deck,
  html.mpmh-frontconv052 body #publicShell #shellMain .causes-discovery-panel
  .cause-sort-strip.mpmh240-directory-controls.mpmh045-control-deck{
    position:sticky!important;
    top:0!important;
    z-index:24!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:stretch!important;
    align-content:start!important;
    gap:0!important;
    width:100%!important;
    height:auto!important;
    min-height:64px!important;
    max-height:none!important;
    margin:0 0 8px!important;
    padding:4px 12px 6px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    background:var(--fc052-blue)!important;
    background-image:none!important;
    border-top:1px solid var(--fc052-line-soft)!important;
    border-right:0!important;
    border-bottom:1px solid var(--fc052-line)!important;
    border-left:0!important;
    border-radius:0!important;
    box-shadow:0 5px 10px rgba(0,0,0,.16)!important;
  }

  /* Rows must participate in normal flow. Do not inherit legacy absolute,
     translated or fixed-height toolbar geometry. */
  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh045-control-row{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    float:none!important;
    transform:none!important;
    translate:none!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:20px!important;
    width:100%!important;
    height:auto!important;
    min-height:27px!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh045-control-row-secondary{
    min-height:29px!important;
    margin-top:2px!important;
    padding-top:3px!important;
    border-top:1px solid var(--fc052-line-soft)!important;
  }

  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh045-control-group{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    float:none!important;
    transform:none!important;
    translate:none!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:24px!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh045-view-group,
  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh045-order-group{
    flex:0 0 auto!important;
  }
  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh045-order-group{
    padding-left:16px!important;
    border-left:1px solid var(--fc052-line-soft)!important;
  }
  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh045-sort-group{
    flex:1 1 auto!important;
  }

  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh045-control-label{
    position:static!important;
    transform:none!important;
    translate:none!important;
    display:inline-flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    height:24px!important;
    min-width:0!important;
    min-height:24px!important;
    margin:0!important;
    padding:0!important;
    color:var(--fc052-sky)!important;
    font-size:8.5px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.115em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    opacity:1!important;
    visibility:visible!important;
  }

  /* These containers inherited geometry before FRONTCONV045 existed. Reset
     every property that can pull CARD/TABLE or sort controls out of the row. */
  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh240-view-selector,
  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh240-sort-options{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    float:none!important;
    transform:none!important;
    translate:none!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    width:auto!important;
    height:24px!important;
    min-width:0!important;
    min-height:24px!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    clip:auto!important;
    clip-path:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh240-toolbar-option{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    float:none!important;
    transform:none!important;
    translate:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    height:24px!important;
    min-width:0!important;
    min-height:24px!important;
    max-width:none!important;
    max-height:24px!important;
    margin:0!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    color:inherit;
    font-size:9.5px!important;
    line-height:1!important;
    letter-spacing:.035em!important;
    white-space:nowrap!important;
    text-indent:0!important;
    opacity:1!important;
    visibility:visible!important;
    clip:auto!important;
    clip-path:none!important;
    background:transparent!important;
    background-image:none!important;
    border-top:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-left:1px solid rgba(126,199,238,.16)!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh240-toolbar-option:first-child{
    border-left:0!important;
  }
  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh240-toolbar-option:not(.active):hover,
  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh240-toolbar-option:not(.active):focus-visible{
    color:var(--fc052-sky)!important;
    background:rgba(114,201,241,.045)!important;
    outline:none!important;
  }
  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh240-toolbar-option.active,
  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh240-toolbar-option[aria-pressed="true"]{
    color:var(--fc052-green)!important;
  }

  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh045-control-route{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    translate:none!important;
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    margin:0 0 0 auto!important;
    padding:0!important;
    height:24px!important;
    min-height:24px!important;
    overflow:visible!important;
  }
  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh045-control-route .mpmh240-toolbar-option{
    padding-left:13px!important;
    padding-right:4px!important;
    border-left-color:rgba(126,199,238,.28)!important;
  }
}

@media(max-width:980px){
  /* Mobile keeps the inherited wrapping strategy, but it also gets the clipping
     reset so the nested FRONTCONV045 rows cannot be constrained by a legacy
     one-row toolbar height. */
  html.mpmh-frontconv052 body #publicShell #shellMain .brand-sort-strip.mpmh240-directory-controls.mpmh045-control-deck,
  html.mpmh-frontconv052 body #publicShell #shellMain .cause-sort-strip.mpmh240-directory-controls.mpmh045-control-deck{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh045-control-row,
  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh045-control-group,
  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh240-view-selector,
  html.mpmh-frontconv052 body #publicShell #shellMain .mpmh045-control-deck .mpmh240-sort-options{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    translate:none!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}