/* Clearer header type and native navigation feedback. Preserve the centered brand,
 * established routes, 980px disclosure breakpoint and 76/68px header geometry. */
body.clearwater-commerce .cw-site-header.cw-summer-header {
  background: linear-gradient(90deg, #0b5838 0%, #126946 38%, #15546a 74%, #123e71 100%);
  border-bottom: 1px solid rgba(178,244,221,.24);
  box-shadow: 0 8px 24px rgba(0,0,0,.14);
  backdrop-filter: none;
}
body.admin-bar.clearwater-commerce .cw-site-header.cw-summer-header {
  top: var(--wp-admin--admin-bar--height, 32px);
}
@media (max-width: 782px) {
  body.admin-bar.clearwater-commerce .cw-site-header.cw-summer-header {
    top: var(--wp-admin--admin-bar--height, 46px);
  }
}
@media (max-width: 600px) {
  body.admin-bar.clearwater-commerce .cw-site-header.cw-summer-header { top: 0; }
}
.cw-summer-header .cw-nav {
  display: grid;
  grid-template-columns: minmax(0,1fr) 276px minmax(0,1fr);
  gap: 20px;
}
.cw-summer-header .cw-logo {
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
  justify-content: center;
  min-width: 0;
  min-height: 44px;
  width: 100%;
  position: relative;
  z-index: 1;
}
.cw-summer-header .cw-logo img {
  display: block;
  width: 276px;
  max-height: 64px;
  object-position: center;
}
.cw-summer-header .cw-nav-links {
  grid-column: 1 / -1;
  grid-row: 1;
  justify-content: space-between;
  gap: 316px;
}
.cw-summer-header .cw-nav-primary-links,
.cw-summer-header .cw-nav-account-links {
  display: flex;
  align-items: center;
  gap: clamp(4px, .7vw, 12px);
  min-width: 0;
}
.cw-summer-header .cw-nav-account-links { margin-right: 108px; }
.cw-summer-header .cw-nav-links a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 12px;
  border-radius: 8px;
  color: #f4fff9;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .01em;
  text-transform: none;
  white-space: nowrap;
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}
.cw-summer-header .cw-nav-links a::after {
  content: "";
  position: absolute;
  inset: auto 12px 5px;
  height: 2px;
  border-radius: 2px;
  background: #aaf2d4;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 160ms ease;
}
.cw-summer-header .cw-nav-links a:hover,
.cw-summer-header .cw-nav-links a:focus-visible,
.cw-summer-header .cw-nav-links a[aria-current] {
  color: #fff;
  background-color: rgba(255,255,255,.10);
}
.cw-summer-header .cw-nav-links a:hover::after,
.cw-summer-header .cw-nav-links a:focus-visible::after,
.cw-summer-header .cw-nav-links a[aria-current]::after {
  transform: scaleX(1);
}
.cw-summer-header .cw-nav-links a:focus-visible,
.cw-summer-header .cw-menu-button:focus-visible,
.cw-summer-header .cw-logo:focus-visible {
  outline: 2px solid #b2f4dd;
  outline-offset: 3px;
}
.cw-summer-header .cw-cart-link {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  position: relative;
  z-index: 1;
  font-size: 14px;
  font-weight: 600;
  gap: 9px;
  padding: 0 12px;
  border-color: rgba(178,244,221,.38);
  border-radius: 10px;
  background-color: rgba(9,28,44,.16);
  transition: background-color 160ms ease, border-color 160ms ease;
}
.cw-summer-header .cw-cart-link:hover { background-color: rgba(255,255,255,.10); }
.cw-summer-header .cw-cart-link:focus-visible { outline: 2px solid #b2f4dd; outline-offset: 3px; }
.cw-summer-header .cw-cart-link span {
  display: inline-grid;
  place-items: center;
  min-width: 24px;
  height: 24px;
  padding-inline: 5px;
  border-radius: 50%;
  background: rgba(178,244,221,.16);
  font-size: 12px;
}
.cw-summer-header .cw-menu-button {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  border-color: rgba(178,244,221,.32);
  border-radius: 10px;
  background: rgba(9,28,44,.16);
  transition: background-color 160ms ease, border-color 160ms ease;
}
.cw-summer-header .cw-menu-button:hover,
.cw-summer-header .cw-menu-button[aria-expanded="true"] {
  background: rgba(255,255,255,.10);
  border-color: #b2f4dd;
}
/* Crisp CSS strokes replace the platform-dependent hamburger glyph. */
.cw-summer-header .cw-menu-button > span[aria-hidden] {
  position: relative;
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  font-size: 0;
}
.cw-summer-header .cw-menu-button > span[aria-hidden]::before,
.cw-summer-header .cw-menu-button > span[aria-hidden]::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: currentColor;
  transform: translateY(-6px);
  transition: transform 160ms ease;
}
.cw-summer-header .cw-menu-button > span[aria-hidden]::after {
  transform: translateY(6px);
}
.cw-summer-header .cw-menu-button[aria-expanded="true"] > span[aria-hidden] {
  background: transparent;
}
.cw-summer-header .cw-menu-button[aria-expanded="true"] > span[aria-hidden]::before {
  transform: rotate(45deg);
}
.cw-summer-header .cw-menu-button[aria-expanded="true"] > span[aria-hidden]::after {
  transform: rotate(-45deg);
}
@media(max-width:980px){
 .cw-summer-header .cw-nav{grid-template-columns:minmax(0,1fr) auto 46px;gap:10px;}
 .cw-summer-header .cw-logo{grid-column:1;justify-self:start;justify-content:flex-start;}
 .cw-summer-header .cw-cart-link{grid-column:2;font-size:14px;padding-inline:10px;gap:6px;}
 .cw-summer-header .cw-logo img{width:min(270px,100%);max-height:56px;}
 .cw-summer-header .cw-nav-links{--cw-menu-top:77px;gap:14px;}
 .cw-summer-header .cw-nav-primary-links,.cw-summer-header .cw-nav-account-links{flex-direction:column;align-items:stretch;gap:6px;}
 .cw-summer-header .cw-nav-account-links{margin-right:0;padding-top:14px;border-top:1px solid rgba(178,244,221,.18);}
 .cw-summer-header .cw-nav-links a{min-height:44px;flex-shrink:0;font-size:16px;white-space:normal;overflow-wrap:anywhere;}
}
@media(max-width:640px){.cw-summer-header .cw-nav-links{--cw-menu-top:69px;}.cw-summer-header .cw-logo img{max-height:52px;}}
.cw-skip-link{position:fixed;top:-100px;left:16px;z-index:99999;padding:12px 18px;background:#39de84;color:#061008;}
.cw-skip-link:focus{top:8px;}
.cw-summer-header a:focus-visible,.cw-summer-header button:focus-visible,.cw-summer-hero a:focus-visible,.cw-summer-help a:focus-visible{outline:2px solid var(--cw-blue);outline-offset:3px;}

/* Keep the summer artwork and atmosphere; give the catalog the next turn. */
body.clearwater-commerce .cw-summer-hero{position:relative;display:flex;align-items:center;overflow:hidden;padding:24px;}
.cw-summer-bg{position:absolute;inset:0;background:
radial-gradient(circle at 18% 26%,rgba(57,222,132,0.068),transparent 25%),
radial-gradient(circle at 82% 24%,rgba(141,220,247,0.076),transparent 29%),
linear-gradient(135deg,#0f1d13 0%,#101824 42%,#0b1422 100%);}
.cw-summer-grid-line{position:absolute;inset:0;background-image:
linear-gradient(rgba(57,222,132,0.024) 1px,transparent 1px),
linear-gradient(90deg,rgba(57,222,132,0.024) 1px,transparent 1px),
repeating-linear-gradient(180deg,rgba(141,220,247,0.026) 0 1px,transparent 1px 6px);
background-size:52px 52px,52px 52px,100% 6px;opacity:.30;mix-blend-mode:screen;pointer-events:none;}
.cw-summer-glow{position:absolute;width:360px;height:360px;background:radial-gradient(circle,rgba(57,222,132,0.06) 0%,transparent 70%);top:-120px;right:-150px;}
.cw-summer-glow2{position:absolute;width:220px;height:220px;background:radial-gradient(circle,rgba(207,145,242,0.04) 0%,transparent 70%);bottom:-90px;left:90px;}
body.clearwater-commerce .cw-summer-content.cw-shell{position:relative;z-index:2;width:100%;margin:0;padding:0;}
body.clearwater-commerce .cw-summer-hero h1{font-size:clamp(28px,3.2vw,42px);font-weight:300;line-height:1.12;letter-spacing:.035em;margin:0 0 10px;color:#f0efe8;overflow-wrap:anywhere;}
.cw-summer-sub{font-size:15px;color:var(--cw-muted);max-width:680px;line-height:1.55;margin:0 0 16px;}
.cw-summer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;}
.cw-summer-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:12px;font-size:14px;font-weight:700;text-align:center;line-height:1.4;transition:color 160ms ease,background-color 160ms ease,border-color 160ms ease;}
.cw-summer-action--green{background:var(--cw-green);color:#061008;border:1px solid var(--cw-green);}
.cw-summer-action--green:hover{background:#23c96d;}
.cw-summer-research-links{display:flex;flex-wrap:wrap;gap:8px 24px;}
.cw-summer-research-links a,.cw-summer-help a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.4;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere;}
.cw-summer-research-links a{color:var(--cw-blue);}
.cw-summer-research-links a:last-child{color:var(--cw-purple);}
.cw-summer-help{border-block:1px solid rgba(141,220,247,.12);background:rgba(22,36,56,.65);}
.cw-summer-help .cw-shell{display:flex;flex-wrap:wrap;gap:0 24px;}
.cw-summer-help a{color:var(--cw-muted);}
.cw-summer-help a:hover,.cw-summer-research-links a:hover{color:#fff;}
.cw-shop-research .cw-menu-section{padding-top:28px;}
.cw-shop-research .cw-section-heading{font-size:44px;margin-bottom:12px;}
@media(max-width:768px){
 body.clearwater-commerce .cw-summer-hero{padding:20px 18px;}
 .cw-shop-research .cw-section-heading{font-size:34px;}
}
@media(max-width:540px){
 body.clearwater-commerce .cw-summer-hero{padding:16px 14px;}
 body.clearwater-commerce .cw-summer-hero h1{font-size:24px;letter-spacing:.02em;}
 .cw-summer-sub{font-size:14px;margin-bottom:12px;}
 .cw-summer-actions{gap:4px 16px;}
 .cw-summer-action{width:100%;}
 .cw-summer-research-links{gap:8px 24px;}
 .cw-summer-help .cw-shell{gap:0 20px;}
 .cw-shop-research .cw-section-heading{font-size:26px;}
}
@media(prefers-reduced-motion:reduce){.cw-summer-hero *,.cw-summer-header *,.cw-summer-header *::before,.cw-summer-header *::after{animation:none!important;transition:none!important;}}
