/* Remove the images inside tiles */
.tile-image {
    display: none !important;
}

/* Center the tiles horizontally */
.spaces .items.tiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* centers tiles */
    gap: 20px; /* optional spacing between tiles */
}

/* Make each tile consistent width and style */
.tile {
    width: 300px; /* adjust as needed */
    padding: 40px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #242c313d; /* border added */
    transition: all 0.3s ease; /* smooth hover effect */
} 

/* Apply hover styles globally */
.tile:hover {
    background-color: #39BCAD; /* example hover bg color */
    color: #333; /* text color on hover */
}

:root {
    --K15t-background-neutral-subtle-hovered: #39BCAD !important;
    --K15t-background-brand-strong: #39BCAD !important;
    --K15t-surface-raised-hovered: #39BCAD !important;
}

/* Make child-pages links bold */
.child-pages a {
    font-weight: bold;
}

/* Remove spaces between expand sections */
.expand {
  margin-block: 0;
}

/* Bold the active page in the left navigation */
.tree-item a[aria-current="page"] {
    font-weight: bold;
}

/* Header picker active colours */
.header-pickers .picker {
  --_background-color-active: #ffffff !important;
  --_text-color-active: #000000 !important;
}

.tree-item div:hover {
	background-color: #39BCAD !important;
}