/* Golf Gear Lab v30 — navigation and update-panel visual fix */

/* Desktop header grid/brand/menu layout SUPERSEDED by nav-search-placement-FINAL.css,
   which is now the single source of truth for the header grid (see that file for why:
   v30 and v31 disagreed with each other on column widths/breakpoints, and the header
   logo was overflowing into the nav links as a result). Left as a comment, not deleted,
   so the history of what this used to do is still visible here. */

/* Make the new update/reconciliation notices look intentional and keep action links separated. */
.ggl-decision-bridge{
  width:min(var(--ggl-max,1180px),calc(100% - 44px));
  margin:18px auto 0!important;
  padding:18px 20px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:18px 26px!important;
  align-items:center!important;
  border:1px solid rgba(121,211,77,.24)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(10,33,22,.96),rgba(5,20,15,.96))!important;
}
.ggl-decision-bridge strong{display:block;font-size:1.05rem;color:#f5f9f3;margin-bottom:5px}
.ggl-decision-bridge p{margin:0!important;font-size:.95rem;line-height:1.55;color:#b7c2ba!important}
.ggl-decision-bridge__actions{display:flex!important;flex-wrap:wrap!important;gap:9px!important;justify-content:flex-end!important}
.ggl-decision-bridge__actions a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:7px 11px!important;
  border:1px solid rgba(121,211,77,.34)!important;
  border-radius:999px!important;
  color:#96e367!important;
  text-decoration:none!important;
  font-weight:750!important;
  font-size:.82rem!important;
  white-space:nowrap!important;
}
.ggl-decision-bridge__actions a:hover{background:rgba(121,211,77,.1)!important}

/* Tablet: switch to menu button before the header becomes cramped. */
@media(max-width:1050px){
  /* Header grid/menu rules superseded, see note above. Only non-header rules remain. */
  .ggl-decision-bridge{grid-template-columns:1fr!important}
  .ggl-decision-bridge__actions{justify-content:flex-start!important}
}
@media(max-width:620px){
  .ggl-decision-bridge{width:calc(100% - 28px)!important;padding:16px!important}
  .ggl-decision-bridge__actions a{white-space:normal!important}
}