/* ===== Responsive adjustments (merged) ===== */


/* hidden by default */
#informationContentMobile { display:none; }
#menu-button { display:none; }
#nav-panel { display:none; }

/* Mobile Menu at top */

#nav-menu li {
    cursor:pointer;
}

#nav-menu ul ul {
    display: none;
}

#nav-menu ul {
    list-style-type:none;
    margin-left:0.5em;
    padding-left:0;
}

 #nav-menu {
	display:none;
    position:absolute;
    font-size:small;
    z-index:1;
    background:white;
    width:100%;
    top:0;
    left:0; 
	padding-left:1em;
    padding-top:1em;   
}

#nav-menu ul.category-level-1 li {
  padding-bottom:1em;
}
#nav-menu  ul.category-level-2 li {
  padding-bottom:1em;
}

#menu-button, #hide-menu-button, #more-product-description  {
    cursor:pointer;
}

 #hide-menu-button {
    font-weight:bold;
}



/* mobile-only */
@media (max-width: 48em) {
  #informationContentMobile { display:block;
    padding-inline: 1rem;
  }

  /* stack items top-to-bottom, then flow to next column */
  .footer-list {
    list-style: none;
    margin: 0;
    padding: 0;    
  /* Let the browser choose 1–2 columns that fit ~11em wide */
    column-width: 14em;     /* target width per column */
    column-gap: .75rem;     /* space between columns */
    column-fill: balance;   /* keep columns even (default, but explicit) */
  }

  .footer-list li {
    break-inside: avoid;              /* keep each item intact */
    -webkit-column-break-inside: avoid;
    padding: 0.1rem 0;                 /* uniform vertical rhythm */
  }

  .footer-list a {
    display: block;                   /* full clickable row + clean wrap */
    line-height: 1.15;       /* tighter wrap inside a single link */
    padding: 0;              /* keep padding off to avoid inflating wrap gaps */
    padding-block: .06rem;     /* tiny vertical comfort for taps */
    text-decoration: none;            /* style as desired */
  }
  
  /* Separation between *items* (not between wrapped lines) */
  .footer-list li + li {
    margin-top: 0.18rem;     /* tweak to taste (.15–.25rem works well) */
  }
  
  /* If you still want a faint divider without adding visual weight yet */
/*  .footer-list li + li {
    border-top: 1px solid color-mix(in srgb, currentColor 10%, transparent);
    padding-top: 0.12rem;  // uncomment later if you want dividers
  }
*/
  /* Keep each item intact across columns */
  .footer-list li {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
  }
  
  
  #nav-panel {
    display:block;
  }
  /* Mobile Menu up top */
  #menu-button {
    display:inline;
  }
  
  #navCatTabsWrapper {
    /*display:none;*/
  }
  
  
  /* Top header */
  #navMain {
    position: static;
    float: none;
    width: auto;
    right: auto;
    top: auto;
  }

  #navMain, #navMain ul {
    text-align: left !important;
  }

  #navMain ul.back {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: .75rem;
  }

  #navMain ul.back li { float: none; }
}




#email_quote_button {
	margin: 0.25em;
	padding: 0.125em;
	cursor: pointer;
	border: 2px solid #ccc;
	border-radius: 0.25em;
}


/*@media (max-width: 700px) {
  .cm-footer-seals { gap: 0.5rem 1rem; }
  .cm-seal img { max-height: 45px; }
  .cm-social img { width: 30px; height: 30px; }
}

@media (max-width: 600px) {
  .cm-seal { min-height: 50px; }
}
*/