/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

  main {
    flex: 1 0 auto;
  }
  
  .custom-cards-container {
    display: flex; /* Делаем родительский контейнер flex-контейнером */
    flex-wrap: wrap; /* Разрешаем элементам переноситься на новую строку */
    align-items: stretch; /* Это ключевое свойство: растягивает flex-элементы по поперечной оси */
}

/* Materialize CSS уже использует display: block для .card.
   Нам нужно, чтобы col тоже был flex-контейнером для дочерних карточек */
.custom-cards-container .col {
    display: flex; /* Делаем каждую колонку flex-контейнером */
    flex-direction: column; /* Элементы внутри колонки располагаются вертикально */
}

/* Чтобы контент внутри карточки растягивался и нижняя часть (card-action) прилипала ко дну */
.custom-cards-container .card {
    display: flex;
    flex-direction: column;
    height: 100%; /* Карточка занимает 100% высоты своей колонки */
}

.custom-cards-container .card .card-content {
    flex-grow: 1; /* Этот элемент будет растягиваться, заполняя доступное пространство */
}

/* Опционально: если хотите, чтобы card-action всегда был внизу */
.custom-cards-container .card .card-action {
    margin-top: auto; /* Прижимает card-action к низу card-content */
}