/* === Common table in Traveler and Family Album. === */


.flex-table {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.flex-row {
    display: flex;
    width: 100%;
    align-items: flex-start;
    padding: 2px 0; /* Adjust for desired line spacing */
}
.flex-col-1 {
    width: 200px;
    flex-shrink: 0;
    white-space: nowrap;
    padding-right: 15px;
}
.flex-col-2 {
    flex-grow: 1;
}
.flex-col-3 {
    width: 80px;
    flex-shrink: 0;
    text-align: right; /* Adjust to left/center if preferred */
    padding-right: 15px;
}


/* Tables for Teaching Materials ISDS 7024 Webpage */
.table-container {
  width: 100%;
  background-color: rgb(255, 255, 241);
  border: 2px solid white;
}
/* 1 Row Layout */
.table-row {
  display: flex;
  align-items: center;
  border-bottom: 2px solid white;
  padding: 0px 10px;
  /* Reduces top/bottom padding to 4px (was 10px) */
  min-height: auto;
  /* Ensures no minimum height is forced */
  /* Default Dark text for Computers */
  color: #461D7C;
}
/* 2 Update the row items to prevent wrapping */
.table-row div {
  white-space: nowrap;
  /* Forces text to stay on one line */
  display: flex;
  justify-content: center;
  /* Keeps content centered in its column */
  align-items: center;
}
/* 3 Individual Item Widths */
/* Adjust the flex ratios to give the third column more space */
.session-info {
  flex: 1.5;
  /* Slightly reduced to make room for others */
  justify-content: flex-start !important;
  /* Keep session titles left-aligned */
}
.download-link {
  flex: 1.2;
  /* Increased slightly for 'Annotated Version' */
}
/* 4 Icon Hover Effects */
.dl-icon {
  width: 25px;
  height: 25px;
  transition: transform 0.2s;
}
.dl-icon.large {
  width: 30px;
  height: 30px;
}
.dl-icon:hover {
  transform: scale(1.2);
}
/* --- Special Row Colors --- */
/* 5 First Row (Header) */
.header-row {
  background-color: #461D7C;
  /* LSU Purple */
  color: #FFFFFF !important;
  /* Always white */
  font-weight: 600;
}
/* Last Row (Footer) */
.footer-row {
  background-color: #ededff;
  border-bottom: none;
  font-weight: 700;
}
/* --- Responsive Text Color --- */
@media (max-width: 768px) {
  .table-row {
    /* Bright text for Smartphones */
    color: #FDD023;
    /* LSU Gold */
    background-color: #461D7C;
    /* Dark background so bright text is visible */
  }
  .footer-row {
    background-color: #32155a;
    /* Slightly darker purple for contrast */
  }
}