/* =========================
   СЕТКА ДЛЯ КОНТЕНТА + САЙДБАРОВ
   ========================= */

.uovmr-columns {
    display: grid;
    grid-template-columns: 265px 1fr 265px; /* 265px – ширина левого и правого сайдбаров, 
                                               1fr – центральная колонка (растягивается на остаток) */
    gap: 20px;
    max-width: 1445px; /* общая максимальная ширина блока */
    margin: 0 auto;
    box-sizing: border-box;
}

/* Центральная колонка */
.uovmr-main-column {
    background: #fff;
    min-height: 400px;
    grid-column: 2;
}

/* Сайдбары */
.uovmr-sidebar {
    background: #f2f2f2;
    min-height: 400px;
    padding: 10px;
    box-sizing: border-box;
}

.uovmr-sidebar-left {
    grid-column: 1;
}

.uovmr-sidebar-right {
    grid-column: 3;
}





/* =========================
   ЗАГОЛОВКИ ВИДЖЕТОВ (ОГЛАВЛЕНИЕ)
   ========================= */
.uovmr-sidebar .widget-title {
    font-size: 16px;                    /* размер шрифта */
    font-weight: bold;                  /* жирный текст */
    text-align: center;                 /* выравнивание по центру */
    text-transform: uppercase;          /* заглавные буквы */
    margin-bottom: 10px;                /* отступ снизу */
    padding: 8px 0;                     /* отступы сверху/снизу */
    border-bottom: 1px solid #777;            /* нижняя граница */
    background: linear-gradient(to bottom, #ffffff, #cccccc); /* градиент */
    box-shadow: 0px 1px 3px #777877;          /* тень */
    background-clip: padding-box;             /* чтобы фон не залазил на бордер */
}

/* = ОТСТУПЫ МЕЖДУ ВИДЖЕТАМИ == */
.uovmr-sidebar .widget {
    margin-bottom: 20px;
}

/*    СОДЕРЖИМОЕ ВИДЖЕТОВ (ССЫЛКИ) == */
.widget ul li a {
    display: block;
    padding: 6px 12px;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #ddd;
    transition: all 0.2s ease;
}

/* Эффекты при наведении на ссылки внутри виджета */
.widget ul li a:hover {
    background: #f0f4fa;                      /* фон темнее */
    border-bottom: 1px solid #999;            /* граница темнее */
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);   /* лёгкая тень */
}





/* =========================
   СОДЕРЖИМОЕ ВИДЖЕТОВ (ССЫЛКИ)
   ========================= */
.uovmr-sidebar .widget ul {
    list-style: none;   /* убираем точки */
    margin: 0;
    padding: 0;
}

.uovmr-sidebar .widget ul li a {
    display: block;
    padding: 6px 12px;
    font-size: 15px;
    color: #000;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
    transition: all 0.2s ease;
}

/* Эффект при наведении — такой же, как в меню */
.uovmr-sidebar .widget ul li a:hover {
    background: #f2f2f2;
    border-bottom: 1px solid #999;  /* темнее */
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    position: relative;
    z-index: 1;
}