/*
 * Golf Gear Lab 4.18.50 — header-shell-repair-v2.
 *
 * header-search-v41751.css contains an unconditional
 * .ggl-shell-header .ggl-shell-brand / .ggl-shell-brand img /
 * .ggl-shell-links / .ggl-shell-links a block that sits AFTER that
 * same file's own @media(min-width:1181px) rule but BEFORE its
 * @media(max-width:1180px) and (min-width:981px) rule. Because all
 * three are !important with equal specificity, later position wins:
 * the tablet rule correctly overrides the unconditional block, but
 * the desktop rule does not, so desktop currently shows the
 * unconditional (older, larger) values instead of the site's own
 * newer, more refined >=1181px design.
 *
 * Separately, unified-shell-search-v41321.css defines correct
 * shrink behaviour for the logo at <=980px and <=620px, but that
 * file loads BEFORE header-search-v41751.css, whose unconditional
 * block (no media guard at all for these widths) wins instead. The
 * logo currently never actually shrinks below its tablet size on a
 * real phone screen.
 *
 * This file is loaded last on every page (after header-search-v41751.css)
 * and only restates the specific properties needed to let the
 * already-correct, already-written rules win as originally intended.
 * It does not change any value that isn't already defined elsewhere
 * in the codebase -- every number below is copied from an existing
 * rule, not invented.
 */

@media (min-width:1181px){
  .ggl-shell-header .ggl-shell-brand{
    width:220px!important;
    min-width:220px!important;
  }
  .ggl-shell-header .ggl-shell-brand img{
    width:205px!important;
    max-width:205px!important;
  }
  .ggl-shell-header .ggl-shell-links{
    justify-content:flex-start!important;
    gap:clamp(9px,.9vw,15px)!important;
  }
  .ggl-shell-header .ggl-shell-links a{
    min-height:76px!important;
    font-size:clamp(12px,.8vw,13.5px)!important;
  }
}

@media (max-width:980px){
  .ggl-shell-header .ggl-shell-brand{
    width:auto!important;
    min-width:0!important;
  }
  .ggl-shell-header .ggl-shell-brand img{
    width:210px!important;
    max-width:210px!important;
    height:54px!important;
  }
}

@media (max-width:620px){
  .ggl-shell-header .ggl-shell-brand img{
    width:185px!important;
    max-width:185px!important;
  }
}