/* Stuart Mods - store-specific styles for Coventry Auto Components.
   Loaded after OpenCart's stylesheet.css (added by install.xml via the header controller). */

/* Breadcrumb: stylesheet.css sets .breadcrumb > li { white-space: nowrap }, so long product
   names pushed the page wider than the screen on phones. */
.breadcrumb { display: flex; flex-wrap: wrap; align-items: center; }
.breadcrumb > li { display: block; min-width: 0; }
.breadcrumb > li:last-child { flex: 1 1 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 767px) {
  .breadcrumb { padding: 6px 0; }
  .breadcrumb > li { white-space: normal; padding: 2px 16px 2px 12px; }
  /* Drop the current page from long trails - the H1 right below repeats it */
  .breadcrumb > li:last-child:not(:nth-child(2)) { display: none; }
  .breadcrumb > li:nth-last-child(2):not(:first-child):after { display: none; }
  /* Long product titles: 33px -> 22px on phones */
  #content h1 { font-size: 22px; line-height: 1.25; margin-top: 0; }
}