/* IpeG custom styles for legacy content classes */

/* Tagline under logo */
.navbar-section.logo {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0.5rem;
}
.navbar-tagline {
    display: block;
    font-size: 0.75rem;
    color: #666;
    margin-top: 2px;
    line-height: 1.2;
    max-width: 225px;
}
#header .navbar {
    gap: 0.5rem;
}
.container  {
  max-width: 100%;
}
:root[data-theme='dark'] .navbar-tagline { color: #aaa; }

/* Vertical gap between header and navigation dropdown */
.dropmenu > ul,
.dropmenu ul.navigation {
    margin-top: 0.5rem;
}


/* Float helpers */
div.floatLeft { float: left; margin: 5px 15px 10px 0; }
div.floatRight { float: right; margin: 5px 0 10px 15px; }
div.clear { clear: both; }

/* Three-column boxes on homepage */
div.box3 {
  float: left;
  width: 30%;
  margin-right: 3%;
  text-align: center;
}
div.box3:last-child, div.box3.nomargin { margin-right: 0; }
div.box3 img { max-width: 100%; height: auto; }

/* Info box */
div.info {
  padding: 20px;
  margin: 15px 0;
  background: var(--pico-card-background-color, #f0f9ff);
  border-left: 5px solid #AA0A0A;
  border-radius: 4px;
}

/* Images in content */
article.content-item img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  margin: 10px 0;
}

/* Tables */
article.content-item table {
  width: 100%;
  border-collapse: collapse;
  margin: 15px 0;
}
article.content-item th {
  background: #AA0A0A;
  color: #fff;
  padding: 8px;
  text-align: left;
}
article.content-item td {
  padding: 6px 8px;
  border-bottom: 1px solid #ddd;
}

/* Legacy asset paths */
article.content-item img[src*="/user/themes/ipeg/files/"] {
  /* Images still load from ipeg theme directory */
}