/*
.app-header { background-color: #dfd09f !important; } 223,208,159
.app-sidebar { background-color: #dfd09f !important; } 223,208,159
.app-main { background-color: #f8eab7 !important; } 248,234,183
.app-footer { background-color: #dfd09f !important; } 223,208,159
.card { background-color: #ffffff !important; } 255,255,255
.page-number { background-color: #e6e0d6 !important; } 230,224,214
*/
.app-header { 
    background-color: rgba(200,200,200,1) !important; 
    font-size: 1.2em;
}

.app-sidebar {
    background-color: rgba(200,200,200,1) !important;
}

.app-main {
    background-color: rgba(230,224,214, 1) !important;
    color: rgba(255,255,0,1); /* 120,140,80 - светлая олива; 83,105,53 - темная */
}

.app-footer {
    background-color: rgba(200,200,200,1) !important;
    color: rgba(255,255,255,1); /* 120,140,80 - светлая олива; 83,105,53 - темная */
}

.card {
    background-color: rgba(200,200,200,1) !important;
    color: rgba(83,105,53,1); /* 120,140,80 - светлая олива; 83,105,53 - темная */
}

.book-cover {
    font-family: 'Unbounded';
    font-weight: 900;
    /* color: #d24e33; */
    color: rgba(83,105,53,1); /* 120,140,80 - светлая олива; 83,105,53 - темная */
}

.book-text {
    font-family: 'Bitter';
    font-weight: 400;
    font-style: italic;
    color: #000000;
}

.site-text {
    font-family: Calibri;
    font-weight: 700;
    color: #000000;
}

.stroked-text-1 {
    font-weight: 900;
    -webkit-text-stroke: 1px #ffffff;
    paint-order: stroke fill;
}

.stroked-text-5 {
    font-weight: 900;
    -webkit-text-stroke: 5px #ffffff;
    paint-order: stroke fill;
}

.app-header a {
  color: var(--bs-nav-link-color);
  text-decoration: none;
}


/* Заголовок с песнями (фиксированный) */
.songs {
    position: fixed;
    top: 55px;
    width: 100%;
    z-index: 10;
    background-color: rgba(230,224,214,1);
    height: 60px; /* ← укажите реальную высоту вашего заголовка */
}

/* Контейнер с отступом сверху */
.poetry {
    margin-top: 70px; /* 55px (top) + 60px (высота заголовка) */
    height: calc(100vh - 195px); /* вычитаем отступ из высоты */
    display: flex;
    flex-direction: column;
}

/* Остальные стили без изменений */
.card {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;

}

.song {
    scroll-margin-top: 0px;
}

.song_card {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#songs_in_card {
    flex: 1;
    overflow-y: auto;
    padding: 0 20px 20px 20px;
}