@charset "utf-8";
/* Custom additions on top of the original Arialogic template.
   Не меняем layout.css / framework.css — только добавляем стили
   для нового статус-бара (время/погода) и блока новостей. */

/* ---------- Светлая шапка (без фоновой картинки/оверлея) ---------- */
#site-header{background:#FFFFFF;}
#site-header #header{padding:35px 0 10px;}
#site-header #logo h1{color:#333333;}
#site-header #logo h1 a{color:inherit;}
#site-header #logo p{color:#999999;}
#site-header hr{border-color:#E5E5E5;}

#mainav{border-color:#E5E5E5;}
#mainav li a{color:#555555;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#82A800;}
/* выпадающие подпункты (Избранное/VPN) остаются тёмными для контраста — без изменений */

/* ---------- Чёрная полоска: дата / время / прогноз на 3 дня ---------- */
#statusbar{background:#6F6F6F; color:#EAEAEA; padding:2px 0; margin-bottom:0;}
#statusbar .stat-item{display:inline-block; margin:0 20px; font-size:.85rem; letter-spacing:.02em; vertical-align:middle;}
#statusbar .stat-item i{color:#82A800; margin-right:6px;}
#statusbar .forecast .day{display:inline-block; margin-left:14px; padding-left:14px; border-left:1px solid #3A3A3A;}
#statusbar .forecast .day:first-child{margin-left:8px; padding-left:0; border-left:none;}

/* ---------- Блок новостей ---------- */
.wrapper.row3 .container{padding:0 !important;}
#news-wrap li h3{color:#82A800; text-transform:uppercase; letter-spacing:.04em;}
.news-item{margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #D7D7D7;}
.news-item:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}
.news-item a{display:block; line-height:1.4;}
.news-meta{display:block; margin-top:4px; font-size:.75rem; color:#AAAAAA;}
.news-loading{color:#AAAAAA;}

/* ---------- Мобильные экраны: полоска переносится по строкам ---------- */
@media screen and (max-width:650px){
  #statusbar .stat-item{display:block; margin:6px 0;}
  #statusbar .forecast .day{border-left:none; margin-left:0; padding-left:0; display:inline-block; margin-right:10px;}
}


/* ТОЛЬКО изменения по ТЗ */
.wrapper.row3 .container{
    padding:0 !important;
}

.wrapper.row3{
    border-top:1px solid #D0D0D0;
}

.wrapper.row4{
    background:#F3F3F3;
}

.wrapper.row3{
    background:#F3F3F3;
}


/* ТОЛЬКО исправление фона кнопки MENU на телефоне */
@media screen and (max-width:900px){
  #mainav select,
  #mainav option{
    background:#F3F3F3 !important;
    color:#555555 !important;
  }
}