/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			Allan Style - SUBSILVER
	Based on style:		prosilver (the default phpBB 3.3.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		Merlin ( https://forum-gta.ru/ )
    --------------------------------------------------------------
*/

@import url("normalize.css?hash=48eb3f89");
@import url("base.css?hash=7c5543be");
@import url("utilities.css?hash=d8f72c42");
@import url("common.css?hash=a9741ba1");
@import url("links.css?hash=18286e16");
@import url("content.css?hash=d0e24377");
@import url("buttons.css?hash=56f0d25f");
@import url("cp.css?hash=50d868ab");
@import url("forms.css?hash=9016b55c");
@import url("icons.css?hash=64da33ce");
@import url("colours.css?hash=fcb2f289");
@import url("responsive.css?hash=91525545");

/* Genel rozet stili */
.vote-badge {
  display: inline-block;
  padding: 5px 10px;
  font-size: 0.85em;
  font-weight: bold;
  color: #fff;
  border-radius: 30px;
  border: 1px solid #ccc;
}
.vote-high { background: #27ae60; border-color: #1e8449; }
.vote-mid  { background: #f39c12; border-color: #d68910; }
.vote-low  { background: #e74c3c; border-color: #c0392b; }

/* Masaüstü: Buton ve oy sayısı yan yana */
@media (min-width: 769px) {
  .highlighted-topic-item .vote-block {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .vote-count {
    margin: 0 !important;
    display: inline-block !important;
  }
}

/* Mobil görünüm: Buton üstte, oy altta */
@media (max-width: 768px) {
  .highlighted-topic-item {
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
  }

  .highlighted-topic-item .vote-block {
    flex-direction: column !important;
    align-items: center !important;
    display: flex !important;
    width: 70px;
    flex-shrink: 0;
  }

  .highlighted-topic-item .vote-count {
    margin-top: 6px !important;
  }

  .highlighted-topic-item .info-block {
    flex: 1;
  }

  .highlighted-topic-item .info-title {
    font-size: 1em;
    font-weight: bold;
    color: #0066cc;
    text-decoration: none;
  }

  .highlighted-topic-item .info-meta {
    font-size: 0.85em;
    color: #666;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 4px 0;
  }

  .highlighted-topic-item .info-voters {
    font-size: 0.8em;
    color: #888;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
}

@media (min-width: 769px) {
  .highlighted-topic-item .info-title {
    font-size: 1.05em;
    font-weight: bold;
    color: #0066cc;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 4px;
  }
}

<style>
.vote-badge {
  display: inline-block;
  padding: 5px 10px;
  font-size: 0.85em;
  font-weight: bold;
  color: #fff;
  border-radius: 30px;
  border: 1px solid #ccc;
}
.vote-high { background: #27ae60; border-color: #1e8449; }
.vote-mid  { background: #f39c12; border-color: #d68910; }
.vote-low  { background: #e74c3c; border-color: #c0392b; }

.highlighted-topic-item .vote-block a {
  width: 100px; /* Sabit genişlik */
  height: 29px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border-radius: 11px;
  padding: 4px 6px;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
  box-sizing: border-box;
  border: 1px solid #ccc;
  color: #fff;
  text-align: center;
}

.highlighted-topic-item .vote-block a span:first-child {
  width: 16px;
  text-align: center;
}

@media (max-width: 768px) {
  .highlighted-topic-item {
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
  }

  .highlighted-topic-item .vote-block {
    flex-direction: column;
    align-items: center;
    display: flex;
    width: 100px;
    flex-shrink: 0;
  }

  .highlighted-topic-item .vote-count {
    margin-top: 6px;
  }

  .highlighted-topic-item .info-block {
    flex: 1;
    min-width: 0;
  }

  .highlighted-topic-item .info-title {
    font-size: 1em;
    font-weight: bold;
    color: #0066cc;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
  }

  .highlighted-topic-item .info-meta {
    font-size: 0.85em;
    color: #666;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 4px;
  }

  .highlighted-topic-item .info-voters {
    font-size: 0.75em;
    color: #888;
    display: inline;
  }
}
</style>