/* Override the global font size */
html {
  font-size: 16px; /* Adjust the base font size as needed */
}

body {
  font-size: 1rem; /* Use relative units to scale with the base font size */
}

/* Additional overrides if needed */
.ui.container,
.ui.header,
.ui.button,
.ui.segment,
.ui.list,
.ui.menu,
.ui.form {
  font-size: inherit; /* Ensures all Semantic UI components inherit the overridden font size */
}


.left-aligned-button {
  text-align: left !important;
  padding-left: 1.5em; /* Add padding for better alignment */
}

html {
  scroll-behavior: smooth;
}


/* Basic Container Styling */
.container {
  position:relative;
    width: 80%;
    display: flex;
    margin: 20px;
}

/* Layout: Left for Sticky Menu, Right for Content */
.layout {
    display: flex;
    width: 100%;
}

/* Sticky Menu Styling */
.sticky-menu {
    position: sticky;
    top: 20px; /* Sticks the menu 20px from the top of the page */
    width: 30%; /* Takes 1/3 of the page */
    height: auto;
    padding-right: 20px;
}

/* List in the sticky menu */
.sticky-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sticky-menu ul li {
    margin-bottom: 10px;
}

/* Styling each menu item */
.sticky-menu ul li a {
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.sticky-menu ul li a.active {
    color: blue; /* Highlight active link */
}

/* Showing student count next to UE */
.student-count {
    font-size: 14px;
    color: #888;
}

/* Content Styling */
.content {
    width: 70%; /* Takes 2/3 of the page */
    padding-left: 20px;
}

/* Header for each UE section */
.header:not(.ui) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

/* Export button styling */
.export-button {
    padding: 5px 10px;
    background-color: #2185d0;
    color: white;
    border: none;
    cursor: pointer;
}

.export-button:hover {
    background-color: #1678c2;
}

/* Table styling */
.table {
    width: 100%;
    border-collapse: collapse;
}

.table th, .table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.table th {
    background-color: #f2f2f2;
}

.ue-table {
    margin-bottom: 50px;
}

.ui.checkbox label:hover, .ui.checkbox + label:hover {
   cursor: pointer;
}

.field .ui.checkbox {
  margin: 0.5em 0;
}

/* Conteneur des boutons */
.form-buttons {
    display: flex;
    justify-content: left; /* Centrer les boutons horizontalement */
    gap: 20px; /* Espacement entre les boutons */
    margin-top: 20px;
    }

/*ECTS COUNTER on CHOOSE UE*/
.ects-sticky-top {
  position: sticky;
  top: 80px;   /* marge sous la navbar */
  z-index: 10;
  /* Optionnel: fond pour éviter les “trous” quand ça colle */
  background: white;
  padding-top: .5rem;
}

/*Hide upload*/
#real-upload {
  display: none;
}