/* =====================
   Стили меню архивов
   ===================== */
.sla-archive-carousel-wrapper {
    /* border-bottom:2px solid #ccc; */ /* Полоска убрана */
    margin-bottom:15px;
}

.sla-archive-carousel {
    list-style:none;
    padding:0;
    margin:0;
}

.sla-archive-carousel li {
    padding:6px 12px;
    margin-right:8px;
    display:inline-block;
    text-align:center;
    color:#333;
    border-bottom:2px solid transparent; /* Чтобы активный и hover эффект работал */
    transition:0.2s all; /* Плавный переход при hover */
}

.sla-archive-carousel li.active {
    color:#0073aa; /* Цвет текущего года */
    border-bottom:2px solid #0073aa; /* Подчёркивание активного года */
    font-weight:bold;
}

.sla-archive-carousel li.disabled {
    color:#aaa; /* Годы без ссылки */
    cursor:default;
}

.sla-archive-carousel li:not(.disabled):hover {
    color:#005177; /* Цвет при наведении */
    border-bottom:2px solid #005177; /* Подчёркивание при hover */
}

/* =====================
   Мобильная адаптация меню архивов
   ===================== */
@media (max-width: 768px) {
    .sla-archive-carousel-wrapper {
        overflow-x: auto; /* Горизонтальная прокрутка */
        -webkit-overflow-scrolling: touch; /* Плавный скролл на iOS */
        white-space: nowrap; /* Все годы в одну линию */
        padding-bottom: 5px;
    }

    .sla-archive-carousel li {
        display: inline-block; /* Горизонтальные элементы */
        margin-right: 6px; /* Меньшее расстояние на мобильных */
        padding: 6px 8px;
        font-size: 14px; /* Меньший шрифт */
    }
}

/* =====================
   Стили админки
   ===================== */
.wrap h1 { font-size:28px; margin-bottom:20px; color:#222; }

.page-title-action, .button-primary {
    background:#0073aa;
    border-color:#0073aa;
    color:#fff;
    text-shadow:none;
}

.page-title-action:hover, .button-primary:hover {
    background:#005177;
    border-color:#005177;
    color:#fff;
}

.sla-admin-table { 
    border-collapse: collapse; 
    width: 100%; 
    margin-top:20px; 
    background:#fff; 
    border:1px solid #ddd; 
    border-radius:6px; 
    overflow:hidden;
}

.sla-admin-table th, .sla-admin-table td { padding:12px 15px; text-align:left; border-bottom:1px solid #eee; }
.sla-admin-table th { background:#f7f7f7; font-weight:600; }
.sla-admin-table tr:hover { background:#f9f9f9; }

/* Уменьшение ширины столбца ID */
.sla-admin-table th:first-child, .sla-admin-table td:first-child { width:50px; text-align:center; }

/* Поля годов */
#sla-years-list input.sla-edit-link { width:90%; padding:6px; border:1px solid #ccc; border-radius:4px; }
#sla-years-list button.sla-update-link { padding:6px 10px; margin-left:4px; border-radius:4px; }

/* Форма добавления/редактирования */
.form-table th { width:200px; padding-right:20px; vertical-align:top; }
.form-table input[type="number"], .form-table input[type="text"], .form-table select { width:300px; padding:6px; border-radius:4px; border:1px solid #ccc; }

.sla-note { font-size:13px; color:#555; margin-top:5px; }