/* supplement.css — точечные правки вёрстки (наполняется в Фазе 4 по визуальному QA) */

/* Шаг 17: глобальный a{color:#139cb0} совпадает с фоном футера #139cb0 —
   ссылки showSitewide() (.romlifooter) сливались teal-on-teal. Форсируем белый,
   как у штатного .footer small a. */
#footer .romlifooter,
#footer .romlifooter a,
.romlifooter a {
  color: #fff;
}
#footer .romlifooter a:hover,
.romlifooter a:hover {
  color: #e0f7fb;
  text-decoration: underline;
}

/* Mobile: .footer stays 960px while media-queries only shrink #footer —
   popular-posts (660px) + widgets (300px) force horizontal page scroll. */
@media only screen and (max-width: 767px) {
  .footer {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0 16px;
  }
  #footer .popular-posts,
  #footer .widget_text,
  #footer .jetpack_subscription_widget {
    float: none !important;
    clear: both;
    width: 100% !important;
    max-width: 100%;
    margin: 0 0 20px 0 !important;
  }
  #footer .popular-posts .wpp-list li {
    float: left;
    clear: none;
    margin: 0 8px 8px 0;
  }
  #footer .romlifooter,
  #footer .romlifooter > div,
  #footer .romlifooter p {
    max-width: 100%;
    box-sizing: border-box;
  }
  .footer small {
    float: none;
    width: 100%;
  }
}