/* Center text in software products table columns 3, 4, and 5 */
.centered-cols td:nth-child(3),
.centered-cols td:nth-child(4),
.centered-cols td:nth-child(5) {
    text-align: center;
}

/* Increase the width of the main content area */
.wy-nav-content {
    max-width: 1200px !important; /* Or a fixed width like 1400px */
}

/* Optional: Ensure the background/wrapper fills the space */
.wy-nav-content-wrap {
    max-width: none !important;
}
/* Hides the footer navigation links */
div .navigation {
    display: none !important;
}

/* UoY Legal disclaimer / privacy / cookies styling */
.uoy-legal-links ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;       /* Allows wrapping on small screens */
    list-style: none;      /* Removes default bullets */
    padding: 0;
    margin: 10px 0;
    gap: 0;                /* We'll handle spacing via the separator */
}

/* Individual list items */
.uoy-legal-links li {
    display: flex;
    align-items: center;
}

/* Add the | separator after every item except the last one */
.uoy-legal-links li:not(:last-child)::after {
    content: "|";
    margin: 0 12px;        /* Adjust this for more/less space around the pipe */
    color: var(--sy-c-text-weak); /* Uses Shibuya's subtle text color */
    font-weight: normal;
}

/* Optional: styling for the header */
.uoy-legal-links h4 {
    margin-bottom: 5px;
    font-size: 1rem;
}

.funder-logos {
    display: flex;
    align-items: center;  /* Aligns logos vertically in the middle */
    justify-content: center;
    gap: 30px;            /* Adds space between the logos */
    flex-wrap: wrap;      /* Allows wrapping on mobile screens */
}

.funder-logos img {
    max-width: 250px !important;
    max-height: 100px !important;
    width: auto;
    height: auto;
}