:root {
  --main-green: #65a730;
  --main-green-dark: #518127;
}
* {
  will-change: auto !important;
}
a {
  color: var(--main-green);
}

a:hover {
  color: var(--main-green-dark);
}

.ui.primary.button {
  background-color: var(--main-green) !important;
}

.ui.primary.button:hover {
  background-color: var(--main-green-dark) !important;
}
.ui.header {
  color: var(--main-green);
}
.ui.menu .active.item {
  color: var(--main-green) !important;
  border-color: var(--main-green) !important;
}
.ui.input input:focus,
.ui.form input:focus,
.ui.form textarea:focus {
  border-color: var(--main-green) !important;
}

.ui.form input:focus + label,
.ui.form textarea:focus + label {
  color: var(--main-green) !important;
}
.ui,
.ui.header,
.ui.button,
.ui.input input,
.ui.form,
.ui.segment,
.ui.message,
html, body{
    font-family: "Barlow Condensed", sans-serif !important;
    font-weight: 300;
    font-style: normal;
}

.image {
    margin-top: -100px;
}
.column {
    margin-top: 25px;
}
.ui.teal.button{
    background-color: #65a730;
}
.ui.teal.button:hover{
    background-color: #518127;
}
.ui.segment{
    background-color: white;
}
.doko{
    margin-top: 20px;
}
.ui.stacked.segment::after{
    display: none;
}
.ui.cards > .card > .content > .header,
.ui.link.cards > .card > .content > .header,
.ui.cards > .card .content a .header {
    color: #000 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

.admin-sidebar {
width: 240px !important;
transition: width .2s ease;
overflow: hidden;
}

/* Stan zwinięty: tylko ikony */
.admin-sidebar.collapsed {
width: 72px !important;
}

/* Logo: wyrównanie + ukrywanie napisu po zwinięciu */
.admin-logo {
display: flex;
align-items: center;
gap: 10px;
padding: 16px 14px !important;
font-weight: 700;
}

.admin-logo img {
width: 34px;
height: 34px;
object-fit: contain;
}

.admin-sidebar.collapsed .admin-logo span {
display: none;
}

/* Linki: ikona + tekst */
.admin-sidebar .item .icon {
margin-right: 12px !important;
}

.admin-sidebar.collapsed .item .icon {
margin-right: 0 !important;
}

.admin-sidebar.collapsed .item span {
display: none;
}

/* Wycentrowanie ikon w stanie zwiniętym */
.admin-sidebar.collapsed .item {
text-align: center;
}

/* Główna treść obok sidebara */
.admin-pusher {
margin-left: 240px;
transition: margin-left .2s ease;
padding: 20px;
}

.admin-pusher.collapsed {
margin-left: 72px;
}

/* Przycisk zwijania na dole */
.collapse-btn {
position: absolute;
bottom: 10px;
left: 0;
width: 100%;
padding: 10px 14px !important;
}

/* Zwijany sidebar – wycentrowanie elementów */
.admin-sidebar.collapsed .item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 0 !important;   /* równe "guziki" */
}

/* Ukryj tekst w zwiniętym */
.admin-sidebar.collapsed .item span {
  display: none !important;
}

/* Większa ikona w zwiniętym */
.admin-sidebar.collapsed .item i.icon {
  margin: 0 !important;
  font-size: 1.35em !important;
}

/* Logo w zwiniętym: wycentrowane */
.admin-sidebar.collapsed .admin-logo {
  justify-content: center !important;
  padding: 14px 0 !important;
}
.admin-sidebar.collapsed .admin-logo img {
  width: 34px;
  height: 34px;
}

.ui.divider {
  border: 1px solid #65a730 !important;
}

.admin-sidebar {
  display: flex !important;
  flex-direction: column;
  height: 100vh;
}

/* Góra zajmuje tyle ile trzeba */
.sidebar-top {
  flex: 0 0 auto;
}

/* Dół jest wypychany na dół */
.sidebar-bottom {
  margin-top: auto;
  padding-bottom: 10px;
}

/* Delikatny separator */
.sidebar-bottom .item {
  border-top: 1px solid rgba(255,255,255,0.08);
}

.item{
    cursor: pointer;
}

.logout-form {
  margin: 0;
}

.logout-form .logout-item {
  background: none !important;
  border: none;
  color: inherit;
  width: 100%;
  text-align: left;
  padding: 14px 16px;
  cursor: pointer;
  font: inherit;
}

.logout-form .logout-item:hover {
  background: rgba(255,255,255,0.08);
}
/* Strzałka po prawej */
.sidebar-accordion .title.item {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
}

.sidebar-accordion .title.item .dropdown.icon.right {
  margin-left: auto !important;
}

/* Podmenu wygląda jak menu */
.sidebar-accordion .content .menu .item {
  padding-left: 44px !important; /* wcięcie pod ikoną */
  opacity: 0.95;
}

/* Przy zwiniętym sidebarze – ukryj teksty i podmenu, zostaw ikony */
.admin-sidebar.collapsed .sidebar-accordion .title.item span,
.admin-sidebar.collapsed .sidebar-accordion .content {
  display: none !important;
}

/* W zwiniętym sidebarze schowaj też strzałkę */
.admin-sidebar.collapsed .sidebar-accordion .dropdown.icon.right {
  display: none !important;
}
.admin-sidebar {
  background-color: #001529 !important;
}

/* Tło itemów (żeby nie brały z Semantic UI) */
.admin-sidebar .item {
  background-color: transparent !important;
}

/* Delikatne linie oddzielające elementy */
.admin-sidebar .item + .item {
  border-top: 1px solid #0a1e31;
}

/* Divider między sekcjami */
.admin-sidebar .ui.divider {
  border-color: #ffffff !important;
}
/* Subtelny hover dla podmenu w accordionie */
.sidebar-accordion .content .menu .item {

  transition: background-color 0.15s ease, color 0.15s ease;
  border-radius: 4px;
}
.ui.vertical.inverted.menu .menu .item:hover,
.ui.vertical.inverted.menu .menu .item:hover a:not(.ui) {
    color: #ffffff;
    cursor: pointer;
}

a.item{
  color: #e4e5e4 !important;
}

a.item:hover{
  color: #ffffff !important;
}

.sidebar-accordion .content .menu .item:hover {
  background-color: rgba(101, 167, 48, 0.15);  /* main-green w RGBA */
  color: #fff;
}

.sidebar-accordion .content .menu .item.active {
  background-color: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-weight: 600;
}
/* Popup z podmenu w trybie collapsed */
.ui.popup.sidebar-submenu {
  padding: 0 !important;
  border: 1px solid #0a1e31 !important;
  background: #001529 !important;
}

.ui.popup.sidebar-submenu .ui.vertical.menu {
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.ui.popup.sidebar-submenu .ui.vertical.menu .item {
  color: rgba(255,255,255,0.88) !important;
  padding: 10px 14px !important;
  transition: background-color .15s ease, color .15s ease;
}

/* Hover w popupie */
.ui.popup.sidebar-submenu .ui.vertical.menu .item:hover {
  background-color: rgba(255,255,255,0.08) !important;
  color: #fff !important;
}
a.lista-btn{
  color: #001529 !important;
  cursor: pointer;
}
a.lista-btn:hover{
  color: #518127 !important;
}

.login-page.column{
    max-width: 400px !important;
    margin-top: 25px !important;
}