/* Votes for You: color and surface refresh, without changing Gantry geometry. */
html.vfy-style-only body {
  background: #f5f8f7;
  color: #233442;
}
html.vfy-style-only #rt-header {
  background: #fff;
  color: #233442;
  box-shadow: 0 1px 0 #dce7e5;
}
html.vfy-style-only #rt-header a { color: #233442; }
html.vfy-style-only #rt-mainbody-surround { background: #f5f8f7; }
html.vfy-style-only #rt-mainbottom,
html.vfy-style-only #rt-mainbottom.sticky {
  background: #183e46;
  color: #fff;
  box-shadow: 0 5px 18px rgba(20, 50, 57, .18);
}
html.vfy-style-only #rt-mainbottom .dj-megamenu > li > a.dj-up_a {
  background: transparent;
  color: #fff;
  text-shadow: none;
}
html.vfy-style-only #rt-mainbottom .dj-megamenu > li.active > a.dj-up_a,
html.vfy-style-only #rt-mainbottom .dj-megamenu > li > a.dj-up_a:hover,
html.vfy-style-only #rt-mainbottom .dj-megamenu > li.hover > a.dj-up_a {
  background: #176b68;
  color: #fff;
}
html.vfy-style-only #rt-mainbottom .dj-subwrap { box-shadow: 0 16px 30px rgba(20, 50, 57, .20); }

/* The old module dimensions and three-column layout stay in Gantry CSS. */
html.vfy-style-only #rt-top { background: #f5f8f7; }
html.vfy-style-only #rt-content-bottom .rt-block,
html.vfy-style-only #rt-content-top .rt-block,
html.vfy-style-only #rt-maintop .rt-block,
html.vfy-style-only #rt-sidebar-a .rt-block,
html.vfy-style-only #rt-sidebar-b .rt-block,
html.vfy-style-only #rt-top .rt-block,
html.vfy-style-only #rt-extension .rt-block {
  background: #fff !important;
  color: #233442 !important;
  border-radius: 14px;
  box-shadow: 0 6px 20px rgba(21, 55, 61, .09);
}
html.vfy-style-only #rt-main .module-title h2.title,
html.vfy-style-only #rt-top .module-title h2.title,
html.vfy-style-only #rt-extension .module-title h2.title {
  background: #eaf4f1 !important;
  color: #233442 !important;
  border-radius: 9px !important;
  text-shadow: none !important;
}
html.vfy-style-only #rt-main .module-title h2.title::before { content: none !important; }
html.vfy-style-only #rt-content-bottom .feed,
html.vfy-style-only #rt-content-top .feed,
html.vfy-style-only #rt-sidebar-a .module-content,
html.vfy-style-only #rt-sidebar-b .module-content {
  color: #233442 !important;
}
html.vfy-style-only #rt-content-bottom .newsfeed li,
html.vfy-style-only #rt-content-top .newsfeed li { color: #42555f; }

/* Legacy mobile CSS treats ranking links on some country domains as vote buttons.
   Restore ordinary result links on every domain; leave actual vote buttons to Norr. */
@media (max-width: 768px) {
  html.vfy-style-only #rt-content-bottom .newsfeed a,
  html.vfy-style-only #rt-content-top .newsfeed a,
  html.vfy-style-only #rt-maintop .newsfeed a {
    display: inline !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #233442 !important;
    box-shadow: none !important;
    font-size: inherit !important;
    line-height: inherit !important;
    text-align: left !important;
  }
  html.vfy-style-only #rt-mainbody #norrc .nc-vote-button {
    background: #176b68 !important;
    border-color: #176b68 !important;
    color: #fff !important;
  }
  html.vfy-style-only #rt-mainbody #norrc .nc-vote-button[disabled],
  html.vfy-style-only #rt-mainbody #norrc .nc-vote-button.active {
    background: #e8eeed !important;
    border-color: #d4dddb !important;
    color: #4b595d !important;
  }
}

html.vfy-style-only #rt-footer-surround {
  background: #183e46;
  color: #e1ece9;
}
html.vfy-style-only #rt-footer-surround a { color: #b9eee5; }
html.vfy-style-only a:focus-visible,
html.vfy-style-only button:focus-visible,
html.vfy-style-only input:focus-visible {
  outline: 3px solid #e8a63d;
  outline-offset: 3px;
}

@media (min-width: 370px) and (max-width: 767px) {
  #norrc #nc-participants-grid.nc-entry-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px;
  }
}
html.vfy-style-only #rt-mainbody #norrc .nc-browse-nav a.nc-browse-list,
html.vfy-style-only #rt-mainbody #norrc .nc-browse-nav a.nc-browse-list * {
  color: #fff !important;
}
@media (max-width: 767px) {
  html.vfy-style-only #rt-content-top .rt-block {
    width: calc(100% - 20px) !important;
    max-width: 310px !important;
    margin: 12px auto !important;
  }
}

/* Compact, centered voting controls in the two-column mobile grid. */
@media (min-width: 370px) and (max-width: 767px) {
  html.vfy-style-only #norrc .nc-entry-actions {
    justify-content: center;
    padding: 8px 4px 12px;
  }
  html.vfy-style-only #norrc .nc-entry-actions > div:first-child {
    flex: 0 1 auto !important;
    float: none !important;
    width: auto !important;
    text-align: center !important;
  }
  html.vfy-style-only #norrc .nc-entry-actions .nc-vote-button {
    width: auto !important;
    min-width: 0 !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 6px 8px !important;
    font-size: 12px !important;
    white-space: nowrap;
  }
}

/* Keep the small ranking lists inside their cards on phones. */
@media (max-width: 767px) {
  html.vfy-style-only #rt-content-bottom .newsfeed,
  html.vfy-style-only #rt-content-top .newsfeed,
  html.vfy-style-only #rt-maintop .newsfeed {
    box-sizing: border-box;
    max-width: 100%;
    margin: 10px auto 0 !important;
    padding: 0 12px !important;
    text-align: left;
  }
  html.vfy-style-only #rt-content-bottom .newsfeed li,
  html.vfy-style-only #rt-content-top .newsfeed li,
  html.vfy-style-only #rt-maintop .newsfeed li {
    box-sizing: border-box;
    margin-left: 0 !important;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.4;
  }
}