/* Start:/local/templates/ksrk2025/components/bitrix/catalog.section.list/ksrk2025_documents_v_1/style.css?17629595038042*/
/* === Контейнер документов === */
#documents {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   /* background: #edebeb;*/
    color: #222;
    padding: 20px;
    border-radius: 8px;
}

/* === Кнопки === */
#documents button {
    background-color: rgba(102, 102, 102, 0.22);
    border: none;
    width: 100%;
	height: auto;
    text-align: left;
    padding: 12px 18px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.3s ease;
    border-radius: 6px;
    margin-top: 8px;
}

#documents button:hover {
    background-color: rgba(184, 134, 11, 0.35);
}

/* === Иконка + / - === */
#documents button .icon {
    font-weight: bold;
    font-size: 22px;
    color: #b8860b;
    transition: transform 0.3s ease;
}

/* === Секции контента === */
#documents section[id] {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.4s ease;
    background: #fff;
    border-radius: 8px;
    margin-top: 4px;
    padding: 0 16px;
}

/* Открытая секция */
#documents section[id].open {
    max-height: 3000px; 
    opacity: 1;
    padding: 16px;
}

/* Подразделы визуально отделены */
#documents section[id^="section-3-"] {
    padding-left: 20px;
    background-color: #fff;
    border-radius: 6px;
    margin-top: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

/* Заголовки внутри секций */
#documents .title {
    font-size: 20px;
    margin-top: 0;
    color: #333;
}

/* Описание / текст */
#documents .description {
    margin-bottom: 20px;
    line-height: 1.6;
}


#documents .description table {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff; 
    color: #5a4f4f; 
    margin-bottom: 16px;
}

#documents .description th,
#documents .description td {
    border: 1px solid #000; 
    padding: 8px 10px;
    text-align: left;
	background-color: #fff;
}

#documents .description th {
    font-weight: 600;
    background-color: #fff; 
    color: #5a4f4f; 
	text-align: center;
}


/* Ссылки */
#documents a {
    color: #b8860b;
    text-decoration: none;
}

#documents a:hover {
    text-decoration: underline;
}

/* Таблицы */
#documents table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 16px;
}

#documents th,
#documents td {
    border: 1px solid #e0e0e0;
    padding: 8px 10px;
    text-align: left;
}

#documents th {
    background-color: #c9c7c3;
    font-weight: 600;
}

/* Чередование строк */
#documents tr:nth-child(odd) {
    background-color: #dedcdc; 
}

#documents tr:nth-child(even) {
    background-color: #ffffff; 
}
#documents tr:hover {
    background-color: rgba(184, 134, 11, 0.35); 
    transition: background-color 0.3s ease;
}


@media (max-width: 575px) {

    /* Контейнер */
    #documents {
        padding: 12px;
        font-size: 14px;
    }

    /* Кнопки (заголовки разделов) */
    #documents button {
        font-size: 15px;
        padding: 10px 12px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        white-space: nowrap;      
        overflow: hidden;         
        text-overflow: ellipsis;  
        max-width: 100%;          
    }

    /* Текст внутри кнопки */
    #documents .doc-button-text {
        flex: 1;                  
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-right: 8px;
    }


    #documents button .icon {
        flex-shrink: 0;          
        font-size: 20px;
    }

    /* Секции и описания */
    #documents section[id].open {
        padding: 12px;
    }

    #documents .description {
        font-size: 13px;
        margin-bottom: 12px;
        overflow-x: auto;                
        -webkit-overflow-scrolling: touch;
    }

    /* Таблицы внутри description и element-table-wrapper */
    #documents .description table,
    #documents .element-table {
        display: block;                  
        width: auto;                    
        min-width: 600px;                
        border-collapse: collapse;
    }

    /* Обёртка таблицы */
    .element-table-wrapper {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 12px;
    }

    /* Ячейки таблицы */
    #documents .description th,
    #documents .description td,
    #documents .element-table th,
    #documents .element-table td {
        white-space: nowrap;            
        padding: 6px 8px;
        text-align: left;
        font-size: 13px;
    }

    /* Заголовки таблиц по центру */
    #documents .description th,
    #documents .element-table th {
        text-align: center;
        font-weight: 600;
    }

    /* Ссылки */
    #documents a {
        font-size: 13px;
    }
}


@media (max-width: 767px) {
    #documents .description {
        overflow-x: auto;          
        -webkit-overflow-scrolling: touch;
    }

    #documents .description table {
        min-width: 700px;           
        border-collapse: collapse;
    }

    #documents .description th,
    #documents .description td {
        white-space: nowrap;
        padding: 6px 8px;
    }
}



@media (max-width: 991px) {

    /* Общий контейнер */
    #documents {
        padding: 20px;
        font-size: 15px;
    }

    /* Кнопки разделов */
    #documents button {
        font-size: 17px;
        padding: 10px 14px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    /* Текст внутри кнопок */
    #documents .doc-button-text {
        flex: 1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-right: 8px;
    }

    /* Иконка */
    #documents button .icon {
        flex-shrink: 0;
        font-size: 22px;
    }

    /* Секции и описания */
    #documents section[id].open {
        padding: 14px;
    }

    #documents .description {
        font-size: 14px;
        overflow-x: auto; 
        -webkit-overflow-scrolling: touch;
    }

    /* Обёртка таблицы */
    .element-table-wrapper {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 14px;
    }

    /* Таблицы */
    #documents .description table,
    #documents .element-table {
        display: block;
        width: auto;
        min-width: 700px; 
        border-collapse: collapse;
    }

    /* Ячейки */
    #documents .description th,
    #documents .description td,
    #documents .element-table th,
    #documents .element-table td {
        white-space: nowrap;
        padding: 8px 10px;
        font-size: 14px;
    }
    #documents .description th,
    #documents .element-table th {
        text-align: center;
        font-weight: 600;
    }
    /* Ссылки */
    #documents a {
        font-size: 14px;
    }
}
@media (min-width: 1024px) and (max-width: 1366px) {
    #documents {
        padding: 35px;
    }
    #documents button {
        font-size: 18px;
        padding: 12px 18px;
    }
    #documents .description {
        font-size: 16px;
    }
    #documents table th,
    #documents table td {
        padding: 8px 12px;
    }
}
@media (min-width: 1367px) {
    #documents {
        padding: 40px 60px;
    }

    #documents button {
        font-size: 19px;
        padding: 14px 20px;
    }

    #documents .description {
        font-size: 16px;
    }

    #documents table th,
    #documents table td {
        padding: 10px 14px;
    }
}

/* End */
/* /local/templates/ksrk2025/components/bitrix/catalog.section.list/ksrk2025_documents_v_1/style.css?17629595038042 */