/* mobile.css – phone-only overrides for the top nav (safe for desktop) */

/* Make the nav container fluid on phones */
#nav_Wrapper, #nav {
  width: 100% !important;
  height: auto !important;
  background: none !important; /* prevent stretched gradients when wrapping */
}

/* Turn the list into true stacked rows */
#nav ul {
  display: block;
  padding-left: 0;
  margin: 0;
}
#nav ul li {
  float: none !important;
  display: block !important;
  width: 100% !important;
  background: none !important;   /* remove old navLi.gif separators */
  list-style: none !important;
}

/* Make each link fill the full row */
#nav ul li a {
  float: none !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 12px 14px !important;
  background: none !important;   /* no hover bg on touch */
  border: 0 !important;
}

/* One clean, equal-length rule between items */
#nav ul li + li {
  border-top: 1px solid #e5e5e5 !important;
}

/* === Phone-only nav alignment + full-width separators === */
#nav_Wrapper, #nav { width:100% !important; height:auto !important; }

/* Neutralize the old <center> tag’s text centering */
#Wrapper, #nav, #nav ul, #nav li, #nav a { text-align:left !important; }

/* True stacked rows, no legacy backgrounds */
#nav ul { display:block; padding-left:0; margin:0; }
#nav ul li { float:none !important; display:block !important; width:100% !important; background:none !important; list-style:none !important; }
#nav ul li a {
  float:none !important;
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  padding:12px 14px !important;
  background:none !important; border:0 !important;
}

/* One clean, equal-length line between items (full row width) */
#nav ul li + li { border-top:1px solid #e5e5e5 !important; }

/* === Phone nav: identical full-width separators across browsers === */
@media (max-width: 640px){
  /* Ensure the nav itself can't shrink due to float logic */
  #nav { float:none !important; width:100% !important; }

  /* True stacked rows, left-aligned (you already have most of this) */
  #nav_Wrapper, #nav { height:auto !important; background:none !important; }
  #nav ul { display:block; padding:0; margin:0; }
  #nav ul li {
    float:none !important;
    display:block !important;
    width:100% !important;
    background:none !important;
    list-style:none !important;
    position:relative;                 /* for the separator line */
  }
  #nav ul li a {
    float:none !important;
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
    padding:12px 14px !important;
    background:none !important;
    border:0 !important;               /* remove any borders we added earlier */
    text-align:left !important;
  }

  /* Draw one uniform line that spans the entire row */
  #nav ul li::after {
    content:"";
    position:absolute;
    left:0; right:0; bottom:0;         /* full width of the row */
    height:1px;
    background:#e5e5e5;
  }
  #nav ul li:first-child::after { display:none; }  /* no line above first item */
}

<!-- JGF - Nova code to remove bullets from Duck Duck Go (DDG) -->
/* Phone-only: remove DDG bullets but keep the blue triangle image */
@media (max-width: 640px){
  /* 1) Sidebar lists (including the Amazon links) — no marker bullets */
  #subNav li { list-style: none !important; margin: 0 !important; padding: 0 !important; }

  /* 2) “Double bullet” under the banner (sidebar nav beneath “You are here”) */
  /* Hide truly empty LIs and any LI that doesn’t contain a link */
  #Master_Nav_Wrapper li:empty { display: none !important; }
  #Master_Nav_Wrapper li:not(:has(a)) { display: none !important; }
}