/* Выравнивание блоков по 3 в ряд */
#dle-content .short-news:nth-of-type(3n+1) { clear: both; }
.wp-caption {max-width: 100%;}
.full-content img {
	max-width: 100%;
	display: inherit;
}

.header-logo {
	padding: 10px 0;
}

/* Подвал */
.bg-grey {
	background-color: #35394b;
	color: #eaeaeb;
}
.bg-grey a {
	color: #fff;
	text-decoration: none;
}
.bg-grey a:hover {
	color: #eaeaeb;
	text-decoration: underline;
}
.ratebox2 {
  float: right;
}

.ratebox3 {
  float: right;
}

.ratebox ul, .ratebox ul li {
  float: left;
  list-style-type: none;
}

.ratebox2 ul, .ratebox2 ul li {
  float: left;
  list-style-type: none;
}

.ratebox3 ul, .ratebox3 ul li {
  float: left;
  list-style-type: none;
}
/* Правки для разной ширины экрана */
@media (max-width:  640px) {
	.header-logo {
		text-align: center;
	}
	.full-content img {
		max-width: 100%;
		display: block;
	}
}

@media (min-width: 1200px) {

	
}

.xfieldimagegallery li img {
  float: left;
  margin-right: 5px;
  border: 5px solid #fff;
  width: 250px;
  height: 150px;
  transition: box-shadow 0.5s ease;
}

.spoiler-content{
display:block;  /**скрываем блок контента спойлера**/
padding:15px 20px; /**добавляем внутренний отступ**/
}

/**Стили блока с текстом внутри спойлера**/
.spoiler-content{
display:none;  /**скрываем блок контента спойлера**/
padding:15px 20px; /**добавляем внутренний отступ**/
border:1px solid #ccc; /**рамка блока контента спойлера**/
margin-top:0px; /**отступ сверху**/
background:#F0F0F0; /**фон блока контента спойлера**/
}
/**Стили блока оборачивающего каждый блок**/
.spoiler-block{
margin-top:10px; 
}
/**Стили кнопки спойлера**/
.spoiler-title {
border:1px solid #B9B9B9;
background: #ссс;/**обычный фон для браузеров, которые не поддерживают градиент**/
background:linear-gradient(8ac8ff);/**градиентный фон**/
padding:10px;/**внутренний отступ**/
text-decoration:none;/**убираем подчёркивание у ссылки**/
color:#012120; /**цвет текста ссылки**/
display:block; /**делаем ссылку на всю ширину**/
}

/* VIDEO IFRAME
--------------------------------------------------------------------------------*/
.videoWrapper {position:relative; height:0;padding-bottom:56.25%; padding-top:25px; }
.videoWrapper iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

/* screens cash
--------------------------------------------------------------------------------*/
.screens_cash > a.link_cash > img {display: block;height: 100%;object-fit: cover;width: 100%;}
.screens_cash, .screens_cash .text_spoiler {display: flex;justify-content: center;flex-wrap: wrap;margin: 0;padding: 0 5px;}
.screens_cash > a.link_cash, .screens_cash .text_spoiler > a.link_cash {flex: 1;min-width: 30%;padding: 10px;}
.screens_cash + br {display: none;}
.screens_cash > a.link_cash {position:relative;}
.screens_cash > a.link_cash::before {opacity: 0;visibility: hidden;-webkit-transform: scale(0,0);transform: scale(0,0);transition: all 0.3s ease 0s;content: "Увеличить";position: absolute;bottom: 10px;width: auto;text-align: center;color: #fff;background: rgba(0,0,0,.7);padding: 7px 20px;right: 10px;font-size: 12px;}
.screens_cash > a.link_cash:hover::before {opacity: 1;visibility: visible;-webkit-transform: scale(1,1);transform: scale(1,1);transition: all 0.3s ease 0s;}
.screens_cash .title_spoiler {text-align: left;display: block;width: 100%;margin-right: 12px;margin-left: 12px;}
.screens_cash .text_spoiler {margin: 0 12px;}
.screens_cash .text_spoiler > a.link_cash {position:relative;}
.screens_cash .text_spoiler > a.link_cash::before {opacity: 0;visibility: hidden;-webkit-transform: scale(0,0);transform: scale(0,0);transition: all 0.3s ease 0s;content: "Увеличить";position: absolute;bottom: 10px;width: auto;text-align: center;color: #fff;background: rgba(0,0,0,.7);padding: 7px 20px;right: 10px;font-size: 12px;}
.screens_cash .text_spoiler > a.link_cash:hover::before {opacity: 1;visibility: visible;-webkit-transform: scale(1,1);transform: scale(1,1);transition: all 0.3s ease 0s;}

.highslide-controls li::before {
    background-color: transparent !important;
}

/* Правка гориз. линии <hr>
--------------------------------------------------------------------------------*/
.fullstory hr {
    opacity: .2;
    margin: 20px 0;
}

/* ================================================================
   GAME PAGE & GAME CARD — pc.empireg.ru v3.0
   ================================================================ */


/* ── GAME PAGE STYLES ───────────────────────────────────── */
.gp-wrap { font-family: 'Segoe UI', Arial, sans-serif; }

/* Hero */
.gp-hero {
  position: relative;
  background: linear-gradient(135deg, #1e2130 0%, #2a2f45 100%);
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  padding: 24px;
  margin: -1px -1px 0;
}
.gp-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('[xfvalue_image_url_poster]') center/cover no-repeat;
  opacity: .08;
  filter: blur(12px);
  transform: scale(1.1);
}
.gp-hero-inner {
  position: relative;
  display: flex;
  gap: 24px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.gp-poster-wrap { flex-shrink: 0; }
.gp-poster {
  display: block;
  width: 220px;
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0,0,0,.6);
  transition: transform .3s;
}
.gp-poster:hover { transform: scale(1.03); }
@media(max-width:600px){ .gp-poster{ width:100%; } .gp-hero-inner{ flex-direction:column; } }

/* Мета-блок */
.gp-meta { flex: 1; min-width: 220px; }
.gp-title {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 6px;
  line-height: 1.3;
  text-shadow: 0 2px 8px rgba(0,0,0,.5);
}
.gp-subtitle { color: #aab; font-size: 13px; margin-bottom: 14px; }
.gp-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.gp-badge {
  display: inline-block;
  padding: 4px 11px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .3px;
}
.gb-genre  { background: rgba(66,139,202,.25); color: #7eb8f7; border: 1px solid rgba(66,139,202,.4); }
.gb-year   { background: rgba(92,184,92,.2);   color: #7ecf7e; border: 1px solid rgba(92,184,92,.3); }
.gb-ver    { background: rgba(240,173,78,.2);  color: #f5c76a; border: 1px solid rgba(240,173,78,.3); }
.gb-lang   { background: rgba(91,192,222,.2);  color: #7dd3e8; border: 1px solid rgba(91,192,222,.3); }
.gb-size   { background: rgba(217,83,79,.2);   color: #f08080; border: 1px solid rgba(217,83,79,.3); }

.gp-info-rows { margin-top: 12px; }
.gp-info-row {
  display: flex;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
  font-size: 13px;
  color: #ccd;
}
.gp-info-row:last-child { border-bottom: none; }
.gp-info-label { color: #778; min-width: 110px; flex-shrink: 0; }
.gp-info-val   { color: #dde; font-weight: 500; }
.gp-rating-stars { color: #f9b030; }

/* Скриншоты */
.gp-screens-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin: 16px 0;
}
@media(max-width:600px){ .gp-screens-grid{ grid-template-columns: repeat(2,1fr); } }
.gp-screens-grid a {
  display: block;
  border-radius: 5px;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.gp-screens-grid a img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .35s, filter .35s;
  filter: brightness(.9);
}
.gp-screens-grid a:hover img { transform: scale(1.06); filter: brightness(1); }

/* Секции */
.gp-section {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e2e6ea;
  margin-bottom: 14px;
  overflow: hidden;
}
.gp-section-head {
  background: linear-gradient(90deg, #35394b, #434860);
  color: #fff;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .5px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.gp-section-head i { color: #7eb8f7; font-size: 14px; }
.gp-section-body { padding: 14px 16px; font-size: 14px; line-height: 1.65; color: #444; }

/* Блок скачивания */
.gp-dl-wrap {
  background: linear-gradient(135deg, #1b2c1b, #1e3520);
  border: 1px solid #2d5a2d;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 14px;
  text-align: center;
}
.gp-dl-title {
  color: #a8ffb8;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 14px;
  text-shadow: 0 1px 4px rgba(0,0,0,.4);
}
.gp-dl-meta {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
  font-size: 13px;
}
.gp-dl-meta-item { color: #cdc; }
.gp-dl-meta-item b { color: #a8ffb8; }
.gp-dl-btns { display: flex; flex-direction: column; gap: 8px; max-width: 440px; margin: 0 auto; }
.gp-btn {
  display: block;
  padding: 12px 20px;
  border-radius: 8px;
  text-decoration: none !important;
  font-weight: 700;
  font-size: 14px;
  transition: transform .2s, box-shadow .2s;
  border: none;
  cursor: pointer;
}
.gp-btn:hover { transform: translateY(-2px); text-decoration: none !important; }
.gp-btn-magnet {
  background: linear-gradient(135deg, #27ae60, #219652);
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(39,174,96,.35);
}
.gp-btn-magnet:hover { box-shadow: 0 6px 20px rgba(39,174,96,.5); }
.gp-btn-cloud  {
  background: linear-gradient(135deg, #2980b9, #1f6fa0);
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(41,128,185,.35);
}
.gp-btn-cloud:hover  { box-shadow: 0 6px 20px rgba(41,128,185,.5); }
.gp-btn-mirror {
  background: linear-gradient(135deg, #16a085, #128476);
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(22,160,133,.3);
}
.gp-btn-official {
  background: #fff;
  color: #35394b !important;
  border: 1px solid #ccc;
  box-shadow: 0 2px 8px rgba(0,0,0,.1);
}
.gp-pass {
  margin-top: 12px;
  background: rgba(255,255,255,.06);
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 13px;
  color: #a8ffb8;
}
.gp-pass code {
  background: rgba(255,255,255,.1);
  padding: 2px 8px;
  border-radius: 4px;
  color: #ffcc80;
  font-size: 13px;
}

/* Note */
.gp-note {
  background: #fff8e1;
  border-left: 4px solid #f9b030;
  border-radius: 0 6px 6px 0;
  padding: 10px 14px;
  margin-bottom: 12px;
  font-size: 13px;
  color: #7a5500;
}

/* Видео */
.gp-video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 6px;
}
.gp-video-wrap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Источник */
.gp-source-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #999;
  font-size: 12px;
  text-decoration: none;
}
.gp-source-link:hover { color: #428bca; }

/* Edit badge */
.gp-edit-alert {
  background: #fcf8e3;
  border: 1px solid #faebcc;
  border-radius: 6px;
  padding: 9px 14px;
  font-size: 13px;
  color: #8a6d3b;
  margin-top: 12px;
}

/* Spoiler */
.gp-spoiler-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #35394b;
  color: #dde !important;
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 13px;
  cursor: pointer;
  margin-bottom: 6px;
  transition: background .2s;
}
.gp-spoiler-btn:hover { background: #434860; }
.gp-spoiler-content {
  background: #f7f9fb;
  border: 1px solid #e2e6ea;
  border-radius: 0 0 6px 6px;
  padding: 14px;
  display: none;
  font-size: 13px;
}



/* ── GAME CARD STYLES ───────────────────────────────────── */
.gc-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(53,57,75,.12);
  transition: transform .25s, box-shadow .25s;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #e2e6ea;
}
.gc-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 28px rgba(53,57,75,.2);
}
.gc-thumb {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/10;
}
.gc-thumb img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s;
}
.gc-card:hover .gc-thumb img { transform: scale(1.06); }
.gc-thumb-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 40%, rgba(30,33,50,.85) 100%);
  pointer-events: none;
}
.gc-thumb-bottom {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 8px 10px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 4px;
}
.gc-badge-new {
  background: linear-gradient(135deg,#f9b030,#e67e22);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 12px;
  letter-spacing: .5px;
  text-transform: uppercase;
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
}
.gc-version-tag {
  background: rgba(92,184,92,.9);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 12px;
  backdrop-filter: blur(4px);
}
.gc-datka-mini {
  background: linear-gradient(135deg,#5bc0de,#428bca);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 12px;
  white-space: nowrap;
}

/* Тело карточки */
.gc-body {
  padding: 12px 13px 8px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.gc-title {
  font-size: 14px;
  font-weight: 700;
  color: #2c3140;
  line-height: 1.35;
  margin-bottom: 6px;
  text-decoration: none;
  display: block;
}
.gc-title:hover { color: #428bca; text-decoration: none; }
.gc-developer { font-size: 11px; color: #888; margin-bottom: 5px; }
.gc-rating    { font-size: 11px; color: #e67e22; margin-bottom: 7px; }

.gc-desc {
  font-size: 12px;
  color: #666;
  line-height: 1.5;
  margin-bottom: 8px;
  flex: 1;
}

/* Мета строка */
.gc-meta {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.gc-meta-item {
  font-size: 11px;
  color: #666;
  background: #f0f3f6;
  padding: 3px 8px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  white-space: nowrap;
}
.gc-meta-item i { color: #888; }

/* Футер карточки */
.gc-footer {
  padding: 8px 13px;
  border-top: 1px solid #eef0f2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  flex-wrap: wrap;
  background: #fafbfc;
}
.gc-dl-btns { display: flex; gap: 4px; }
.gc-dl-btn {
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: opacity .2s, transform .15s;
  border: none;
  cursor: pointer;
}
.gc-dl-btn:hover { opacity: .88; transform: translateY(-1px); text-decoration: none !important; }
.gc-btn-torrent { background: linear-gradient(135deg,#27ae60,#219652); color: #fff !important; }
.gc-btn-cloud   { background: linear-gradient(135deg,#2980b9,#1f6fa0); color: #fff !important; }
.gc-btn-more    { background: #35394b; color: #dde !important; }
.gc-right-btns  { display: flex; gap: 4px; align-items: center; }
.gc-icon-btn {
  background: none;
  border: 1px solid #e2e6ea;
  border-radius: 6px;
  padding: 5px 8px;
  font-size: 12px;
  color: #777;
  cursor: pointer;
  transition: background .2s, color .2s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.gc-icon-btn:hover { background: #f0f3f6; color: #444; text-decoration: none; }
.gc-icon-btn.edit-btn { color: #428bca; border-color: #c5dff7; }


/* ── ATTACHMENT (Torrent) ──────────────────────────────────────── */
.gp-torrent-wrap { margin-bottom: 8px; }
.gp-torrent-wrap .btn-torrent-dl {
  display: block;
  width: 100%;
  max-width: 440px;
  margin: 0 auto 8px;
  padding: 12px 20px;
  background: linear-gradient(135deg, #8e44ad, #6c3483);
  color: #fff !important;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none !important;
  text-align: center;
  transition: transform .2s, box-shadow .2s;
  box-shadow: 0 4px 14px rgba(142,68,173,.35);
  cursor: pointer;
}
.gp-torrent-wrap .btn-torrent-dl:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(142,68,173,.5);
  text-decoration: none !important;
}