/**
 * PlayF2P — RetroGames.cc esinli tema derisi.
 * Referans: https://www.retrogames.cc (açık/beyaz düzen, kırmızı vurgu,
 * yatay gruplu platform menüsü, 4 sütun kart ızgarası + sağ sidebar,
 * koyu footer). Kendi `rg-` önekli sınıflarını kullanır; eski agame/styles.css
 * ile çakışmaz. Sade ve işlevsel — şablon/AI görünümünden uzak.
 */

:root {
	--rg-red: #e11b1b;
	--rg-red-dark: #b71414;
	/* Referans (.off-canvas-content): içerik sarmalayıcı BEYAZ; gri yalnız
	   ana sayfa sidebar paneli gibi yüzeylerde kullanılır. */
	--rg-bg: #ffffff;
	--rg-gray: #f0f0f0;
	--rg-surface: #ffffff;
	--rg-border: #e2e2e2;
	--rg-ink: #333333;
	--rg-ink-soft: #6a6a6a;
	--rg-menu: #4a4a4a;
	--rg-link: #2f6fd0;
	--rg-badge: rgba(0, 0, 0, .72);
	--rg-dark: #2b2b2b;
	--rg-dark-2: #232323;
	--rg-radius: 3px;
	--rg-shadow: 0 1px 3px rgba(0, 0, 0, .08);
	--rg-maxw: 1200px;
}

/* ---------- Reset (sadece rg gövdesi) ---------- */
body.rg {
	margin: 0;
	/* skin-gamesgames.css `body{background:… !important}` kullandığı için burada
	   da !important + daha yüksek specificity (body.rg) ile onu ezmeliyiz. */
	background: var(--rg-bg) !important;
	color: var(--rg-ink);
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}
body.rg * { box-sizing: border-box; }
body.rg img { max-width: 100%; display: block; }
body.rg a { color: inherit; text-decoration: none; }

.rg-shell { max-width: var(--rg-maxw); margin: 0 auto; padding: 0 16px; }

/* ================= HEADER =================
   Referans (ölçüldü): üstte ayrı gri şerit (.topBar #f0f0f0, 42px, altta
   1px #ececec, hesap butonu sağda); altında 58px beyaz tek satır — logo
   SOLDA, menü SAĞDA (13px/400 #6c6c6c) + arama kutusu. */
.rg-header {
	background: var(--rg-surface);
	border-bottom: 1px solid var(--rg-border);
}
.rg-topbar {
	background: var(--rg-gray);
	border-bottom: 1px solid #ececec;
}
.rg-topbar-inner {
	display: flex; align-items: center; justify-content: flex-end;
	min-height: 42px; padding-top: 5px; padding-bottom: 5px;
}
.rg-header-main {
	display: flex; align-items: center; gap: 14px;
	min-height: 58px;
}

/* --- Logo — piksel/arcade font (Press Start 2P, self-host).
   Referans RetroGames.cc logosu gibi: kırmızı dolgu + koyu kontur + hafif
   derinlik gölgesi. --- */
@font-face {
	font-family: "Press Start 2P";
	src: url("../fonts/press-start-2p.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
body.rg a.rg-logo {
	display: inline-block;
	font-family: "Press Start 2P", "Courier New", monospace;
	font-weight: 400;
	font-style: normal;
	font-size: 22px;
	line-height: 1.2;
	letter-spacing: 0;
	color: var(--rg-red);
	text-transform: none;
	-webkit-text-stroke: 1.5px #5a0d0d;
	text-shadow:
		2px 2px 0 #5a0d0d,
		4px 4px 0 rgba(0, 0, 0, .22);
}
body.rg a.rg-logo:hover { color: #ff3030; }

/* --- Sağ üst hesap butonları --- */
.rg-account { display: flex; align-items: center; gap: 8px; }
.rg-btn {
	display: inline-flex; align-items: center; gap: 6px;
	font-size: 12px; font-weight: 700;
	padding: 7px 12px; border-radius: var(--rg-radius);
	border: 0; cursor: pointer; white-space: nowrap;
	transition: background-color .15s ease, transform .06s ease;
}
.rg-btn:active { transform: translateY(1px); }
body.rg a.rg-btn-fb { background: #3b5998; color: #fff; }
body.rg a.rg-btn-fb:hover { background: #314b81; }
body.rg a.rg-btn-login,
body.rg button.rg-btn-login { background: var(--rg-dark); color: #fff; }
body.rg a.rg-btn-login:hover,
body.rg button.rg-btn-login:hover { background: #000; color: #fff; }

/* ================= NAV (gruplu platform menüsü) ================= */
.rg-nav-wrap { background: var(--rg-surface); }
.rg-nav {
	display: flex; align-items: stretch; gap: 2px;
	list-style: none; margin: 0 0 0 auto; padding: 0; /* menü sağa yaslanır */
}
.rg-nav > li { position: relative; }
.rg-nav > li > a {
	display: flex; align-items: center;
	height: 58px; padding: 0 13px;
	font-size: 13px; font-weight: 400;
	text-transform: uppercase; color: #6c6c6c;
	transition: color .15s ease;
}
.rg-nav > li > a:hover,
.rg-nav > li.is-active > a { color: var(--rg-red); }
.rg-nav > li.has-drop > a::after {
	content: ""; margin-left: 6px;
	border: 4px solid transparent; border-top-color: currentColor; margin-top: 3px;
}

/* Dropdown (grup altındaki platformlar) */
.rg-drop {
	position: absolute; top: 100%; left: 0; z-index: 60;
	min-width: 210px; background: var(--rg-surface);
	border: 1px solid var(--rg-border); border-top: 3px solid var(--rg-red);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .14);
	padding: 6px; list-style: none; margin: 0;
	opacity: 0; visibility: hidden; transform: translateY(6px);
	transition: opacity .16s ease, transform .16s ease, visibility .16s;
}
.rg-nav > li:hover .rg-drop,
.rg-nav > li:focus-within .rg-drop { opacity: 1; visibility: visible; transform: translateY(0); }
.rg-drop a {
	display: block; padding: 8px 12px; font-size: 13px; color: var(--rg-menu);
	border-radius: var(--rg-radius);
}
.rg-drop a:hover { background: #f4f4f4; color: var(--rg-red); }

/* Arama kutusu (sağ) — referans: 45×40 açık kutu */
.rg-nav-search { margin-left: 12px; display: flex; align-items: center; }
.rg-search-toggle {
	width: 45px; height: 40px; cursor: pointer;
	border: 1px solid #ececec; border-radius: 4px; background: #f6f6f6;
	color: #8e8e8e; font-size: 16px;
	transition: background-color .15s ease, color .15s ease;
}
.rg-search-toggle:hover { background: #efefef; color: var(--rg-red); }

/* Mobil menü toggle (hamburger) — masaüstünde gizli */
.rg-burger { display: none; }

/* ================= GÖVDE DÜZENİ ================= */
.rg-main { padding: 22px 0 40px; }
.rg-layout { display: flex; gap: 24px; align-items: flex-start; }
.rg-content { flex: 1 1 auto; min-width: 0; }
.rg-sidebar { flex: 0 0 320px; width: 320px; }

.rg-section-title {
	font-size: 20px; font-weight: 700; color: #2a2a2a;
	margin: 0 0 16px; padding-bottom: 10px;
	border-bottom: 1px solid #dcdcdc;
}

/* ---------- Oyun kartı ızgarası ---------- */
.rg-grid {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
	list-style: none; margin: 0; padding: 0;
}
.rg-card {
	background: var(--rg-surface); border: 1px solid var(--rg-border);
	border-radius: var(--rg-radius); overflow: hidden;
	transition: box-shadow .16s ease, transform .16s ease, border-color .16s ease;
}
.rg-card:hover { box-shadow: 0 4px 14px rgba(0, 0, 0, .13); transform: translateY(-2px); border-color: #cfcfcf; }
.rg-card a { display: block; }
.rg-thumb {
	position: relative; aspect-ratio: 4 / 3; background: #111; overflow: hidden;
}
.rg-thumb img { width: 100%; height: 100%; object-fit: cover; }
.rg-thumb-empty {
	width: 100%; height: 100%;
	background: repeating-linear-gradient(45deg, #1a1a1a, #1a1a1a 10px, #222 10px, #222 20px);
}
/* Platform rozeti (sol alt) */
.rg-badge {
	position: absolute; left: 0; bottom: 0;
	display: flex; align-items: center; gap: 8px;
	padding: 4px 8px; background: var(--rg-badge);
	font-size: 11px; font-weight: 700; font-style: italic; color: #fff;
}
.rg-badge .rg-votes { font-style: normal; display: inline-flex; align-items: center; gap: 3px; }
.rg-badge .rg-heart { color: #fff; }
.rg-card-title {
	padding: 9px 10px; font-size: 13px; color: var(--rg-ink);
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.rg-card:hover .rg-card-title { color: var(--rg-red); }

/* ================= SIDEBAR =================
   Referans .sidebarBg (ölçüldü): position:absolute + width:100vw — gri panel
   sidebar'ın SOL kenarından başlar ve ekranın SAĞ kenarına kadar taşar
   (yalnız 320px sütun değil). ::before katmanıyla aynı taşma uygulanır;
   taşan kısım .rg-main sınırında kırpılır (yatay kaydırma çubuğu çıkmaz). */
.rg-main { overflow-x: hidden; overflow-x: clip; }
.rg-sidebar {
	position: relative;
	padding: 24px 16px 60px;
	align-self: stretch;
}
.rg-sidebar::before {
	content: ""; position: absolute; top: 0; bottom: 0; left: 0;
	width: 100vw; background: var(--rg-gray); z-index: -1;
}
.rg-widget { margin-bottom: 26px; }
.rg-widget-title {
	font-size: 17px; font-weight: 700; color: #444; margin: 0 0 14px;
	padding-bottom: 12px; border-bottom: 1px solid #dcdcdc;
	text-transform: none;
}
.rg-search-box { display: flex; }
.rg-search-box input[type="text"] {
	flex: 1 1 auto; min-width: 0; height: 40px; padding: 0 12px;
	border: 1px solid #cfcfcf; border-right: 0; border-radius: var(--rg-radius) 0 0 var(--rg-radius);
	font-size: 13px; background: #fff;
}
.rg-search-box input:focus { outline: none; border-color: var(--rg-red); }
.rg-search-box button {
	height: 40px; padding: 0 16px; border: 0; cursor: pointer;
	background: var(--rg-dark); color: #fff; font-weight: 700; font-size: 12px;
	text-transform: uppercase; border-radius: 0 var(--rg-radius) var(--rg-radius) 0;
	transition: background-color .15s ease;
}
.rg-search-box button:hover { background: var(--rg-red); }

.rg-ad-slot {
	background: #f3f3f3; border: 1px solid var(--rg-border); border-radius: var(--rg-radius);
	min-height: 250px; display: flex; align-items: center; justify-content: center;
	color: #b5b5b5; font-size: 12px; overflow: hidden;
}
.rg-ad-slot img { width: 100%; height: auto; }

/* New Games listesi — referans: 120×80 görsel, ayraçsız ferah satırlar,
   başlık + altında gri platform adı. */
.rg-newlist { list-style: none; margin: 0; padding: 0; }
.rg-newlist li { margin: 0 0 14px; }
.rg-newlist li:last-child { margin-bottom: 0; }
.rg-newlist a { display: flex; gap: 12px; align-items: flex-start; }
.rg-newlist .rg-nl-thumb {
	flex: 0 0 120px; width: 120px; height: 80px;
	overflow: hidden; background: #111;
}
.rg-newlist .rg-nl-thumb img { width: 100%; height: 100%; object-fit: cover; }
.rg-nl-body { min-width: 0; overflow: hidden; display: flex; flex-direction: column; gap: 6px; padding-top: 4px; }
.rg-nl-title {
	display: block; max-width: 100%;
	font-size: 14px; color: var(--rg-ink); font-weight: 600; line-height: 1.35;
}
.rg-nl-plat { display: block; font-size: 13px; color: #8e8e8e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rg-newlist a:hover .rg-nl-title { color: var(--rg-red); }

/* ================= FOOTER =================
   Referans (ölçüldü): #2e2e2e zemin, 25px dikey dolgu; linkler beyaz 13px;
   telif satırı 13px #6c6c6c. */
.rg-footer { background: #2e2e2e; color: #cfcfcf; margin-top: 30px; }
.rg-footer-inner { max-width: var(--rg-maxw); margin: 0 auto; padding: 25px 16px; text-align: center; }
.rg-footer-brand {
	font-size: 15px; font-weight: 400; color: var(--rg-red);
	font-family: "Press Start 2P", "Courier New", monospace;
	letter-spacing: 0; margin: 0 0 10px;
	text-shadow: 1.5px 1.5px 0 #5a0d0d;
}
.rg-footer-desc { font-size: 12.5px; color: #a9a9a9; max-width: 560px; margin: 0 auto 14px; line-height: 1.6; }
.rg-footer-social { display: flex; justify-content: center; gap: 10px; margin: 0 0 16px; }
.rg-footer-social a { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: var(--rg-radius); background: rgba(255,255,255,.08); color: #d0d0d0; transition: background .15s, color .15s; }
.rg-footer-social a:hover { background: var(--rg-red); color: #fff; }
.rg-footer-social svg { width: 16px; height: 16px; }
.rg-footer-links { margin: 0 0 12px; }
.rg-footer-links a { color: #fff; font-size: 13px; margin: 0 10px; }
.rg-footer-links a:hover { color: var(--rg-red); text-decoration: none; }
.rg-footer-copy { font-size: 13px; color: #6c6c6c; }
.rg-footer-copy a { color: var(--rg-link); }
.rg-footer-copy a:hover { text-decoration: underline; }

/* ================= RESPONSIVE ================= */
@media (max-width: 1024px) {
	.rg-grid { grid-template-columns: repeat(3, 1fr); }
	.rg-sidebar { flex-basis: 260px; width: 260px; }
}
@media (max-width: 860px) {
	/* Dikey yığında çocuklar tam genişlik olmalı; flex-start (satır düzeni için)
	   yatay eksende içerik genişliğine bırakıp iframe yüklenince .rg-content'i
	   oyunun piksel genişliğine (~1054px) taşırıyordu → stretch ile tam ez. */
	.rg-layout { flex-direction: column; align-items: stretch; }
	.rg-sidebar { width: 100%; flex-basis: auto; }
	.rg-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 720px) {
	/* Yatay menüyü açılır panele çevir */
	.rg-burger {
		display: inline-flex; align-items: center; justify-content: center;
		width: 42px; height: 42px; border: 0; background: transparent; cursor: pointer;
		color: var(--rg-menu); font-size: 22px;
		margin-left: auto; /* logo solda, burger sağda */
	}
	.rg-nav-wrap { position: relative; }
	.rg-nav {
		position: absolute; top: 100%; left: 0; right: 0; z-index: 70;
		flex-direction: column; background: #fff; border-top: 1px solid var(--rg-border);
		box-shadow: 0 10px 24px rgba(0, 0, 0, .14);
		max-height: 0; overflow: hidden; transition: max-height .25s ease;
	}
	.rg-nav-wrap.is-open .rg-nav { max-height: 80vh; overflow-y: auto; }
	.rg-nav > li > a { height: 46px; border-bottom: 1px solid #eee; }
	.rg-nav > li > a:hover, .rg-nav > li.is-active > a { border-bottom-color: #eee; }
	.rg-drop {
		position: static; opacity: 1; visibility: visible; transform: none;
		box-shadow: none; border: 0; border-top: 0; padding: 0 0 6px 14px;
		max-width: none; min-width: 0;
	}
	.rg-nav-search { margin-left: 0; }
	.rg-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
}
@media (max-width: 460px) {
	body.rg a.rg-logo { font-size: 15px; }
	.rg-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}

/* ---------- Arama açılır çubuğu (masaüstü) ---------- */
.rg-search-bar {
	background: #fafafa; border-bottom: 1px solid var(--rg-border);
	max-height: 0; overflow: hidden; transition: max-height .22s ease;
}
.rg-search-bar.is-open { max-height: 80px; }
.rg-search-bar form { display: flex; max-width: var(--rg-maxw); margin: 0 auto; padding: 0 16px; }
.rg-search-bar.is-open form { padding: 12px 16px; }
.rg-search-bar input {
	flex: 1 1 auto; height: 40px; padding: 0 14px; font-size: 14px;
	border: 1px solid #cfcfcf; border-radius: var(--rg-radius) 0 0 var(--rg-radius); border-right: 0;
}
.rg-search-bar input:focus { outline: none; border-color: var(--rg-red); }
.rg-search-bar button {
	height: 40px; padding: 0 20px; border: 0; background: var(--rg-dark); color: #fff;
	font-weight: 700; cursor: pointer; border-radius: 0 var(--rg-radius) var(--rg-radius) 0;
}
.rg-search-bar button:hover { background: var(--rg-red); }

/* ================= BREADCRUMB ================= */
.rg-breadcrumb { font-size: 13px; color: var(--rg-ink-soft); margin: 0 0 16px; }
.rg-breadcrumb a { color: var(--rg-ink-soft); }
.rg-breadcrumb a:hover { color: var(--rg-red); }
.rg-breadcrumb .rg-bc-sep { margin: 0 7px; color: #bbb; }
.rg-breadcrumb .rg-bc-current { color: var(--rg-ink); font-weight: 600; }
.rg-breadcrumb .rg-bc-home { color: var(--rg-red); }

/* ================= OYUN SAYFASI: OYNATICI ================= */
.rg-player-shell { margin: 0 0 18px; }
/* single-game.css .game-frame'e min-height:642 + display:grid dayatır; RetroGames
   dikey akış (player + alt FULLSCREEN çubuğu) ister → min-height:0 + flex ile ez. */
/* Oyun kutusu — yalnızca siyah oynatıcıyı taşır (referans: game-view). */
body.rg .game-frame {
	display: block; max-width: 100%; margin: 0;
	min-height: 0; border-radius: 3px; overflow: hidden; background: #000;
}

/* Oynatıcı sahnesi (koyu; Play Now'a basılınca theme.js iframe yükler).
   Referans: game-view 1020×600 (geniş ~17/10 oran, oyun letterbox'lı). */
body.rg .player {
	position: relative; width: 100%; aspect-ratio: 17 / 10; background: #000;
	min-height: 0; overflow: hidden;
}

/* FULLSCREEN (referans: game-view'in hemen altında, AÇIK zeminde sağa yaslı
   #444 yuvarlak buton — siyah şerit değil; radius 5px, ~143×50). */
body.rg .rg-player-bar {
	display: flex; justify-content: flex-end;
	background: transparent; padding: 0; margin-top: 8px;
}
body.rg .rg-fs-btn {
	display: inline-flex; align-items: center; gap: 7px;
	background: #444; color: #fff; border: 0; cursor: pointer;
	padding: 14px 24px; border-radius: 5px; font-size: 14px; font-weight: 600;
	text-transform: uppercase; letter-spacing: .3px;
	transition: background-color .15s ease;
}
body.rg .rg-fs-btn:hover { background: #555; }
body.rg .rg-fs-btn svg { display: block; }
body.rg .player .start-screen {
	position: absolute; inset: 0; display: flex; flex-direction: column;
	align-items: center; justify-content: center; text-align: center; color: #fff; padding: 20px;
}
body.rg .player .start-screen img {
	position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .4;
}
body.rg .player .start-screen > * { position: relative; z-index: 1; }
body.rg .playf2p-play-btn {
	background: #2f8ff5; color: #fff; border: 0; cursor: pointer;
	padding: 13px 40px; font-size: 17px; font-weight: 700; border-radius: 4px;
	box-shadow: 0 3px 0 #1f6ec9; transition: background-color .15s ease, transform .06s ease;
	white-space: nowrap; max-width: 100%; line-height: 1.2;
}
body.rg .playf2p-play-btn:hover { background: #1f7ce6; }
body.rg .playf2p-play-btn:active { transform: translateY(2px); box-shadow: 0 1px 0 #1f6ec9; }

/* ================= OYUN SAYFASI: BAŞLIK + SAYAÇLAR =================
   Referans .post-title: h4 18px/600 #444 (altında 15px boşluk) + sayaç satırı
   (kalp favori, beğeni, beğenmeme — 11px #6c6c6c, aralık 15px). */
.rg-post-title { margin: 0 0 14px; }
/* Genel stiller h1/h4'e uppercase dayatıyor; referansta normal yazım. */
.rg-post-title h1 { font-size: 18px; font-weight: 600; color: #444; margin: 0 0 15px; text-transform: none; }
.rg-counts { margin: 0; font-size: 11px; color: #6c6c6c; }
.rg-counts > span { display: inline-flex; align-items: center; margin-right: 15px; }
.rg-counts svg { display: block; margin-right: 5px; opacity: .85; }
.rg-counts b { font-weight: 400; }
/* Oy (thumbs up/down yüzdeleri) — mevcut .rating markup'ı retrogames stili */
body.rg .rating { display: inline-flex; gap: 8px; }
body.rg .rating .vote {
	display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
	background: #f0f0f0; border: 1px solid var(--rg-border); border-radius: 4px;
	padding: 6px 12px; font-size: 13px; font-weight: 700; color: #555;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
body.rg .rating .vote.up:hover, body.rg .rating .vote.up.is-active { background: #e7f6ea; color: #1a8f3c; border-color: #b7e3c2; }
body.rg .rating .vote.down:hover, body.rg .rating .vote.down.is-active { background: #fdeaea; color: #cc3333; border-color: #f2c4c4; }
body.rg .rating .ui-tooltip { display: none; }

.rg-game-body { font-size: 14px; line-height: 1.7; color: #444; margin-top: 20px; }
.rg-game-body h2, .rg-game-body h3 { text-transform: none; line-height: 1.35; }
.rg-game-body h2 { font-size: 19px; color: #2a2a2a; margin: 24px 0 10px; }
.rg-game-body h2:first-child { margin-top: 0; }
.rg-game-body h3 { font-size: 17px; color: #2a2a2a; margin: 20px 0 8px; }
.rg-game-body p { margin: 0 0 12px; }
/* Google ile giriş (GIS butonu) — login/register şablonları */
.rg-auth-google { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 4px; }
.rg-auth-google-err { color: #cc3333; font-size: 13px; margin: 0; text-align: center; }

/* body.rg a{color:inherit} kuralı içerik linklerini gövde rengine (#444)
   düşürüyordu — Related games vb. linkler metinden ayırt edilemiyordu.
   Yüksek specificity (body.rg + class) ile kırmızı + altı çizili yap. */
body.rg .rg-game-body a { color: var(--rg-red); text-decoration: underline; text-underline-offset: 2px; }
body.rg .rg-game-body a:hover { color: #b31313; }
/* Global reset liste stillerini sıfırlıyor (padding 0, bullet yok) → AI
   içeriğindeki ipucu listeleri bitişik düz satır görünüyordu; burada geri ver. */
.rg-game-body ul, .rg-game-body ol { margin: 0 0 14px; padding-left: 24px; }
.rg-game-body ul { list-style: disc; }
.rg-game-body ol { list-style: decimal; }
.rg-game-body li { margin: 0 0 7px; }
.rg-game-body li::marker { color: var(--rg-red); }
.rg-tags { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 8px; }
.rg-tags a {
	font-size: 12px; color: #555; background: #f0f0f0; border: 1px solid var(--rg-border);
	padding: 4px 10px; border-radius: 20px; transition: background-color .15s ease, color .15s ease;
}
.rg-tags a:hover { background: var(--rg-red); color: #fff; border-color: var(--rg-red); }

/* ---------- Discover more (kategori link satırları) ---------- */
.rg-discover { margin: 0 0 18px; }
.rg-discover-title { font-size: 15px; font-weight: 700; color: #2a2a2a; margin: 0 0 8px; }
.rg-discover-list { list-style: none; margin: 0; padding: 0; }
.rg-discover-list li { border-bottom: 1px solid var(--rg-border); }
.rg-discover-list li:first-child { border-top: 1px solid var(--rg-border); }
.rg-discover-list a {
	display: flex; align-items: center; justify-content: space-between;
	padding: 11px 4px; font-size: 14px; color: #333; transition: color .15s ease;
}
.rg-discover-list a:hover { color: var(--rg-red); }
.rg-discover-list a svg { color: #bbb; flex: 0 0 auto; }
.rg-discover-list a:hover svg { color: var(--rg-red); }

/* ---------- Tam genişlik alt bölüm (yorumlar + related) ---------- */
.rg-below { margin-top: 26px; }

/* ---------- Embed Code kutusu ----------
   Referans .desc: strong 16px/700 #8e8e8e + textarea 70px, #e6e6e6 zemin,
   #cacaca kenarlık, koyu metin. */
.rg-embed { margin: 4px 0 0; }
.rg-embed-title { display: block; font-size: 16px; font-weight: 700; color: #8e8e8e; margin: 0 0 6px; }
.rg-embed-code {
	width: 100%; box-sizing: border-box; resize: vertical; height: 70px; min-height: 70px;
	font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
	font-size: 12px; line-height: 1.5; color: #0a0a0a;
	background: #e6e6e6; border: 1px solid #cacaca; border-radius: 0;
	padding: 8px 10px;
}
.rg-embed-code:focus { outline: none; border-color: var(--rg-red); }

/* ---------- Sosyal paylaşım (RetroGames.cc .social-share birebir) ----------
   SOL: "Add to Favorite" (gri #f6f6f6 / #6c6c6c, radius 4px) + beğen/beğenme
   kareleri (34×30, #f6f6f6 / #8e8e8e, radius 3px). SAĞ: paylaş ikonları. */
.rg-actions {
	display: flex; align-items: center; justify-content: space-between;
	flex-wrap: wrap; gap: 12px; margin: 18px 0 4px;
}
.rg-actions-left { display: flex; align-items: center; gap: 8px; }
/* Hover (retrogames.cc ölçülen): zemin #e96969, metin/ikon #fff, kenarlık
   #e96969, transition 0.5s — hem fav hem like/unlike butonlarında. */
.rg-fav {
	display: inline-flex; align-items: center; gap: 10px; cursor: pointer;
	background: #f6f6f6; color: #6c6c6c; border: 1px solid #ececec; border-radius: 4px;
	padding: 8px 10px; font-size: 13px; font-weight: 600; line-height: 1;
	transition: .5s;
}
.rg-fav:hover { background: #e96969; color: #fff; border-color: #e96969; }
.rg-fav svg { display: block; fill: currentColor; }
.rg-fav.is-fav { color: var(--rg-red); border-color: #f2cccc; background: #fdf3f3; }
.rg-fav.is-fav:hover { background: #e96969; color: #fff; border-color: #e96969; }
.rg-sec {
	display: inline-flex; align-items: center; justify-content: center;
	width: 34px; height: 30px; background: #f6f6f6; color: #8e8e8e;
	border: 1px solid #ececec; border-radius: 3px;
	transition: .5s;
}
/* body.rg a { color: inherit } özgüllüğünü ez (dinlenme #8e8e8e, hover #fff). */
body.rg a.rg-sec { color: #8e8e8e; }
.rg-sec:hover, body.rg a.rg-sec:hover { background: #e96969; color: #fff; border-color: #e96969; }
.rg-sec svg { display: block; }
.rg-sec-good.is-voted { background: #e7f6ea; color: #1a8f3c; border-color: #b7e3c2; }
.rg-sec-bad.is-voted { background: #fdeaea; color: #cc3333; border-color: #f2c4c4; }
/* SAĞ: ShareThis inline widget'ının ÖLÇÜLMÜŞ birebir değerleri
   (retrogames.cc #st-1 computed):
   .st-btn  → 32×32, radius 4px, aralık 8px (margin-right), ikon 16×16 ortada;
   renkler  → facebook #4267b2, twitter/X #000, pinterest #cb2027,
              sharethis yeşili #95d03a;
   .st-total→ rakam 16px/500 lh17, "Shares" 9px/500 lh9, ikisi #555,
              ortalanmış blok, padding 4px 8px, Helvetica Neue ailesi. */
.rg-actions-right { display: flex; align-items: flex-start; }
.rg-actions-count {
	display: inline-flex; flex-direction: column; align-items: center;
	padding: 4px 8px; text-align: center;
	font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
}
.rg-actions-count b { font-size: 16px; font-weight: 500; line-height: 17px; color: #555; }
.rg-actions-count i { font-style: normal; font-size: 9px; font-weight: 500; line-height: 9px; color: #555; }
.rg-net {
	display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
	width: 32px; height: 32px; border-radius: 4px; border: 0; cursor: pointer;
	color: #fff; padding: 0; margin: 0 8px 0 0;
	transition: opacity .15s ease, transform .06s ease;
}
.rg-net:last-child { margin-right: 0; }
/* body.rg a { color: inherit } kuralı a.rg-net'de currentColor'ı #333 yapıyordu;
   ikon içleri referanstaki gibi BEYAZ olmalı → daha özgül kuralla ez. */
body.rg a.rg-net, body.rg a.rg-net:hover { color: #fff; }
.rg-net:hover { opacity: .88; }
.rg-net:active { transform: translateY(1px); }
.rg-net svg { display: block; width: 16px; height: 16px; }
.rg-net-fb    { background: #4267b2; }
.rg-net-x     { background: #000000; }
.rg-net-pin   { background: #cb2027; }
.rg-net-native { background: #95d03a; }
.rg-net-native:hover { background: #85bd2f; opacity: 1; }

/* ---------- Yorumlar (RetroGames birebir) ----------
   Kırmızı balon ikonu + "Comments (N)" (18px/700 #444, alt çizgili) →
   sign-in satırı (#2199e8 bağlantı) → gri sıralama şeridi (#f6f6f6, sağa
   yaslı) → "No comments yet…" (16px #6c6c6c). */
.rg-comments { margin: 30px 0 0; }
.rg-comments-head {
	display: flex; align-items: center; gap: 8px;
	padding: 0 0 12px; margin: 0 0 14px;
	border-bottom: 1px solid var(--rg-border);
}
.rg-comments-ico { color: #e96969; flex: 0 0 auto; }
.rg-comments-head h4 { font-size: 18px; font-weight: 700; color: #444; margin: 0; display: inline-block; text-transform: none; }
.rg-comments-head h4 span { font-weight: 700; }
.rg-comment-signin { font-size: 14px; color: #444; margin: 0 0 12px; }
.rg-comment-signin .rg-signin { color: #2199e8; }
.rg-comment-signin .rg-signin:hover { text-decoration: underline; }
.rg-comment-sort {
	background: #f6f6f6; text-align: right; padding: 8px 15px 8px 0;
	font-size: 14px; color: #6c6c6c; margin: 0 0 14px;
}
.rg-comment-sort a { color: #6c6c6c; }
.rg-comment-sort a:hover, .rg-comment-sort a.is-active { color: var(--rg-red); }
.rg-no-comments p { font-size: 16px; color: #6c6c6c; margin: 0 0 8px; }
.rg-comment-write { margin: 0 0 12px; }
.rg-comment-write textarea {
	width: 100%; box-sizing: border-box; min-height: 80px; font-size: 14px;
	border: 1px solid #cfcfcf; border-radius: var(--rg-radius); padding: 8px 10px; background: #fff;
}
.rg-comment-write textarea:focus { outline: none; border-color: var(--rg-red); }
.rg-comment-write .form-submit { margin: 8px 0 0; }
.rg-comment-write .form-submit .submit {
	background: var(--rg-dark); color: #fff; border: 0; cursor: pointer;
	padding: 8px 20px; font-size: 13px; font-weight: 700;
	border-radius: var(--rg-radius); transition: background-color .15s ease;
}
.rg-comment-write .form-submit .submit:hover { background: var(--rg-red); }
.rg-comments .comments-title,
.rg-comments .comment-reply-title { font-size: 18px; font-weight: 700; color: #2a2a2a; margin: 0 0 16px; }
.rg-comments ol.comment-list { list-style: none; margin: 0 0 20px; padding: 0; }
.rg-comments ol.comment-list ol.children { list-style: none; margin: 0 0 0 44px; padding: 0; }
.rg-comments .comment-body { padding: 12px 0; border-bottom: 1px solid var(--rg-border); }
.rg-comments .comment-author { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.rg-comments .comment-author img { border-radius: 50%; }
.rg-comments .comment-author .fn { font-weight: 700; color: #2a2a2a; font-style: normal; }
.rg-comments .comment-meta { font-size: 11px; color: #999; margin: 2px 0 6px; }
.rg-comments .comment-meta a { color: #999; }
.rg-comments .comment-content { font-size: 14px; line-height: 1.6; color: #444; }
.rg-comments .comment-content p { margin: 0 0 8px; }
.rg-comments .reply { font-size: 12px; }
.rg-comments .reply a { color: var(--rg-link); font-weight: 600; }
.rg-comments .comment-respond { margin-top: 18px; }
.rg-comments .comment-form { display: flex; flex-direction: column; gap: 10px; }
.rg-comments .comment-form p { margin: 0; }
.rg-comments .comment-form label { display: block; font-size: 12px; color: #555; margin-bottom: 3px; }
.rg-comments .comment-form input[type="text"],
.rg-comments .comment-form input[type="email"],
.rg-comments .comment-form input[type="url"],
.rg-comments .comment-form textarea {
	width: 100%; box-sizing: border-box; font-size: 14px;
	border: 1px solid #cfcfcf; border-radius: var(--rg-radius); padding: 8px 10px; background: #fff;
}
.rg-comments .comment-form textarea:focus,
.rg-comments .comment-form input:focus { outline: none; border-color: var(--rg-red); }
.rg-comments .form-submit .submit {
	background: var(--rg-dark); color: #fff; border: 0; cursor: pointer;
	padding: 10px 22px; font-size: 13px; font-weight: 700; text-transform: uppercase;
	border-radius: var(--rg-radius); transition: background-color .15s ease;
}
.rg-comments .form-submit .submit:hover { background: var(--rg-red); }
.rg-comments .no-comments { font-size: 14px; color: #777; }

/* Referans: bölüm üstünde tam genişlik çizgi; başlık "You may be interested
   in:" 18px/700 #444, alt çizgisiz. */
/* ================= WPDISCUZ (RetroGames görünümüne uyarlama) =================
   Yorum altyapısı wpDiscuz; görünüm referans (retrogames.cc yorum bölümü):
   kırmızı balon + "Comments (N)" başlık, sign-in satırı, gri sıralama alanı,
   avatar solda / "X Said:" / saat sağda / Reply altta düzeni.
   NOT: wpDiscuz'un tema CSS'i yüksek özgüllüklü (#wpdcom.wpd-layout-1 …);
   bu skin katmanında !important kasıtlı. */
/* wpDiscuz #comments'i ortalar (max-width 1100 + margin auto) → içerikle
   tam hizala: yan margin 0, genişlik sınırsız. */
body.rg .rg-below #comments { margin: 30px 0 0 !important; max-width: none !important; }
body.rg #wpdcom {
	margin: 0; padding: 0; max-width: none;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
/* Referansta olmayan wpDiscuz öğeleri: üst Subscribe/Login şeridi, ⚡/🔥
   filtreleri, "Most Voted" sıralaması, Admin rozeti, yorum paylaş ikonu,
   makale puanlama yıldızları, sağ alttaki canlı yorum balonu. */
body.rg #wpdcom .wpd-form-head,
body.rg #wpdcom .wpdf-reacted,
body.rg #wpdcom .wpdf-hottest,
body.rg #wpdcom .wpdiscuz-vote-sort-up,
body.rg #wpdcom .wpd-comment-label,
body.rg #wpdcom .wpd-comment-share,
body.rg .wpd-rating-wrap,
body.rg #wpd-bubble-wrapper { display: none !important; }

/* Misafir mesajı — "Please sign in to create comments." */
body.rg #wpdcom .wpd-login-to-comment {
	text-align: left !important; font-size: 15px !important; color: #444 !important;
	padding: 0 0 12px !important; margin: 0 !important;
}
body.rg #wpdcom .wpd-login-to-comment a { color: #2199e8 !important; }
body.rg #wpdcom .wpd-login-to-comment a:hover { text-decoration: underline; }

/* Başlık satırı: kırmızı balon + "Comments (N)" (18px/700 #444, alt çizgili),
   sağda gri "Sort By :" sıralaması. */
body.rg #wpdcom .wpd-thread-head {
	border-bottom: 1px solid #e2e2e2 !important; padding: 0 0 12px !important;
	margin: 0 0 4px !important; align-items: center;
}
body.rg #wpdcom .wpd-thread-info {
	display: flex !important; align-items: center; gap: 8px;
	border-bottom: 0 !important; padding: 0 !important; margin: 0 !important;
	font-size: 18px !important; font-weight: 700 !important; color: #444 !important;
	text-transform: none !important;
}
body.rg #wpdcom .wpd-thread-info::before {
	content: ""; width: 17px; height: 17px; flex: 0 0 auto; background: #e96969;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18zM18 14H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V4h12v4z"/></svg>') center / contain no-repeat;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18zM18 14H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V4h12v4z"/></svg>') center / contain no-repeat;
}
/* "4 Comments" → "Comments (4)": sayıyı gizle, count'u parantezle sona ekle. */
body.rg #wpdcom .wpd-thread-info .wpdtc { display: none !important; }
body.rg #wpdcom .wpd-thread-info::after {
	content: "(" attr(data-comments-count) ")"; color: #8e8e8e; font-weight: 700;
}
body.rg #wpdcom .wpdf-sorting::before { content: "Sort By : "; color: #6c6c6c; font-size: 14px; }
body.rg #wpdcom .wpdf-sorting,
body.rg #wpdcom .wpdiscuz-sort-button { color: #6c6c6c !important; font-size: 14px !important; font-weight: 700 !important; }
body.rg #wpdcom .wpdiscuz-sort-button-active { color: #6c6c6c !important; }
body.rg #wpdcom .wpdiscuz-sort-buttons .wpdiscuz-sort-button:hover { color: var(--rg-red) !important; }

/* Yorum öğesi: beyaz zemin (kutu görünümü yok), aralarında ince çizgi,
   avatar solda kare, "X Said:" + sağda saat ikonlu tarih, altta Reply. */
body.rg #wpdcom .wpd-comment { border-bottom: 1px solid #e7e7e7; padding: 4px 0 14px; margin: 0 !important; }
body.rg #wpdcom .wpd-comment:last-child { border-bottom: 0; }
body.rg #wpdcom .wpd-comment .wpd-comment-wrap,
body.rg #wpdcom .wpd-comment .wpd-comment-right {
	background: transparent !important; border: 0 !important;
	box-shadow: none !important; border-radius: 0 !important;
}
/* Avatar — referans .comment-box-img: 80×80 kutu, 5px iç boşluk,
   1px #ececec çerçeve, kare. */
body.rg #wpdcom .wpd-avatar img.avatar {
	width: 80px !important; height: 80px !important; max-width: 80px !important;
	border-radius: 0 !important; border: 1px solid #ececec !important;
	padding: 5px !important; background: #fff !important; object-fit: cover;
}
body.rg #wpdcom .wpd-comment-header {
	display: flex !important; align-items: center;
	background: transparent !important; border: 0 !important;
	padding: 0 0 6px !important; margin: 0 !important;
}
/* wpDiscuz varsayılanı yazar adına 42px padding-left verir → sıfırla.
   Referans: ad 12px/700 #444, "Said:" 12px #aaa. */
body.rg #wpdcom .wpd-comment-author,
body.rg #wpdcom .wpd-comment-author a { color: #444 !important; font-size: 12px !important; font-weight: 700 !important; padding: 0 !important; margin: 0 5px 0 0 !important; }
body.rg #wpdcom .wpd-comment-author::after { content: "\00a0Said:"; color: #aaa; font-weight: 400; font-size: 12px; }
/* Tarih .wpd-comment-subheader içinde ayrı satırda gelir; referans yazar
   satırının sağında ister → mutlak konumla üst sağa taşı. Header'daki
   .wpd-space dolgusunun kesikli çizgisi ve gizli bağlantı ikonu kaldırılır. */
body.rg #wpdcom .wpd-comment-right { position: relative; }
body.rg #wpdcom .wpd-comment-header .wpd-space { border: 0 !important; background: none !important; }
body.rg #wpdcom .wpd-comment-header .wpd-comment-link { display: none !important; }
body.rg #wpdcom .wpd-comment-subheader { border: 0 !important; background: none !important; padding: 0 !important; margin: 0 !important; }
body.rg #wpdcom .wpd-comment-date {
	position: absolute; top: 2px; right: 0; margin: 0 !important;
	color: #aaa !important; font-size: 12px !important;
}
body.rg #wpdcom .wpd-comment .wpd-comment-wrap { margin-bottom: 0 !important; }
/* Metin — referans .comment-text p: 13px #8e8e8e. */
body.rg #wpdcom .wpd-comment-text,
body.rg #wpdcom .wpd-comment-text p { color: #8e8e8e !important; font-size: 13px !important; line-height: 1.6 !important; }
body.rg #wpdcom .wpd-comment-text { padding: 6px 0 0 !important; }
/* Avatar ile içerik arası boşluk (referans media-object ~1rem) + boş
   footer'ın artık boşluğunu kapat. */
body.rg #wpdcom .wpd-comment-left { margin-right: 16px !important; }
body.rg #wpdcom .wpd-comment-footer { margin: 6px 0 0 !important; padding: 0 !important; min-height: 0 !important; }
body.rg #wpdcom .wpd-comment-footer .wpd-reply-button { color: #444 !important; font-size: 13px !important; }
body.rg #wpdcom .wpd-comment-footer .wpd-reply-button:hover { color: var(--rg-red) !important; }

/* Boş durum: "No comments yet…" (16px #6c6c6c) */
body.rg #wpdcom .wpd-thread-list .wpd-no-comments,
body.rg #wpdcom .wpd-comments-empty { font-size: 16px !important; color: #6c6c6c !important; }

.rg-related { margin-top: 26px; border-top: 1px solid #dcdcdc; padding-top: 20px; }
.rg-related .rg-section-title {
	font-size: 18px; font-weight: 700; color: #444; text-transform: none;
	border-bottom: 0; padding-bottom: 0; margin: 0 0 16px;
}

/* ================= SAYFALAMA ================= */
.rg-pager { margin: 22px 0 8px; }
.rg-pager-count { font-size: 13px; color: var(--rg-ink-soft); margin: 0 0 10px; }
.rg-pager-btns { display: flex; flex-wrap: wrap; gap: 4px; }
.rg-pager-btns .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 36px; height: 36px; padding: 0 10px;
	background: #fff; border: 1px solid var(--rg-border); border-radius: 3px;
	font-size: 13px; font-weight: 700; color: #555;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.rg-pager-btns a.page-numbers:hover { border-color: var(--rg-red); color: var(--rg-red); }
.rg-pager-btns .page-numbers.current { background: var(--rg-red); border-color: var(--rg-red); color: #fff; }
.rg-pager-btns .page-numbers.dots { border-color: transparent; background: transparent; }

/* ================= SEO METNİ ================= */
.rg-seo { margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--rg-border); }
.rg-seo h2 { font-size: 19px; color: #2a2a2a; margin: 0 0 10px; }
.rg-seo h3 { font-size: 16px; color: #2a2a2a; margin: 16px 0 8px; }
.rg-seo p { font-size: 14px; line-height: 1.7; color: #555; margin: 0 0 12px; }
.rg-seo a { color: var(--rg-link); }
.rg-seo a:hover { text-decoration: underline; }

/* ================= 404 ================= */
.rg-404 { text-align: center; padding: 30px 16px 10px; }
.rg-404-code { display: block; font-size: 72px; font-weight: 800; color: var(--rg-red); line-height: 1; letter-spacing: -2px; }
.rg-404 h1 { font-size: 24px; color: #2a2a2a; margin: 10px 0 6px; }
.rg-404 p { font-size: 14px; color: var(--rg-ink-soft); margin: 0 auto 18px; max-width: 460px; }
.rg-404-search { max-width: 420px; margin: 0 auto; }
.rg-empty { font-size: 15px; color: var(--rg-ink-soft); padding: 20px 0; }

@media (max-width: 720px) {
	.rg-post-title h1 { font-size: 17px; }
	.rg-actions { gap: 10px; }
	.rg-actions-right { flex: 1 1 100%; justify-content: flex-start; }
}

/* ================= ÜYELİK: LOGIN / REGISTER =================
   Referans retrogames.cc register.html: ortalanmış ~660px kart; her alan
   solda gri ikon kutusu + input; koyu tam genişlik REGISTER NOW; altta
   Login Here / Already Have Account?; OR + Facebook mavi buton. */
.rg-auth { max-width: 660px; margin: 10px auto 30px; }
.rg-auth-title { font-size: 22px; font-weight: 700; color: #444; text-align: center; margin: 10px 0 30px; text-transform: none; }
.rg-auth-form { display: flex; flex-direction: column; gap: 18px; }
.rg-field {
	display: flex; align-items: stretch;
	background: #fff; border: 1px solid #ececec; border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.rg-field-ico {
	flex: 0 0 56px; display: inline-flex; align-items: center; justify-content: center;
	background: #f6f6f6; color: #555; border-right: 1px solid #ececec;
}
.rg-field input {
	flex: 1 1 auto; min-width: 0; border: 0; background: transparent;
	padding: 20px 16px; font-size: 15px; color: #444;
}
.rg-field input::placeholder { color: #bbb; }
.rg-field input:focus { outline: none; }
.rg-field:focus-within { border-color: var(--rg-red); }
.rg-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.rg-auth-remember { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: #6c6c6c; cursor: pointer; }
.rg-auth-submit {
	width: 100%; border: 0; cursor: pointer;
	background: #3c3c3c; color: #fff;
	padding: 22px 16px; border-radius: 3px;
	font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px;
	transition: background-color .15s ease;
}
.rg-auth-submit:hover { background: #2b2b2b; }
.rg-auth-links { display: flex; align-items: center; justify-content: space-between; margin: 16px 0 0; font-size: 14px; }
.rg-auth-links a { color: #444; }
.rg-auth-links a:hover { color: var(--rg-red); }
.rg-auth-or { text-align: center; font-size: 17px; font-weight: 700; color: #444; margin: 18px 0; }
.rg-auth-fb {
	display: flex; align-items: stretch; width: 100%;
	background: #3b5998; color: #fff !important; border-radius: 3px; overflow: hidden;
	font-size: 15px; font-weight: 700;
	transition: background-color .15s ease;
}
.rg-auth-fb:hover { background: #314b81; text-decoration: none; }
.rg-auth-fb-ico { flex: 0 0 56px; display: inline-flex; align-items: center; justify-content: center; background: rgba(0,0,0,.14); }
.rg-auth-fb > span:last-child { display: inline-flex; align-items: center; padding: 20px 16px; }
.rg-form-notice {
	padding: 11px 14px; border-radius: 3px; font-size: 13.5px; margin: 0 0 16px;
	border: 1px solid transparent;
}
.rg-form-notice--error { background: #fdeaea; color: #cc3333; border-color: #f2c4c4; }
.rg-form-notice--ok { background: #e7f6ea; color: #1a8f3c; border-color: #b7e3c2; }

/* ================= ÜYELİK: PROFİL =================
   Sol menü (Profile / Favorite Games / Logout — aktif satır kırmızı) +
   sağ içerik (Profile Settings / Favorite Games). */
.rg-profile { display: flex; gap: 40px; align-items: flex-start; margin: 14px 0 40px; }
.rg-profile-side { flex: 0 0 380px; }
.rg-profile-side-title, .rg-profile-head {
	font-size: 18px; font-weight: 700; color: #333; margin: 0 0 14px;
	padding-bottom: 14px; border-bottom: 1px solid #e7e7e7;
	display: flex; align-items: center; gap: 9px;
	text-transform: none;
}
.rg-profile-head-ico { color: #e96969; display: inline-flex; }
.rg-profile-menu { display: flex; flex-direction: column; gap: 10px; }
.rg-profile-item {
	display: flex; align-items: stretch;
	border: 1px solid #ececec; border-radius: 3px; overflow: hidden;
	background: #fff; font-size: 14px; font-weight: 600; color: #444;
	transition: border-color .15s ease;
}
.rg-profile-item:hover { border-color: #d5d5d5; }
.rg-profile-item-ico {
	flex: 0 0 46px; display: inline-flex; align-items: center; justify-content: center;
	background: #f6f6f6; color: #555; border-right: 1px solid #ececec; padding: 13px 0;
}
.rg-profile-item > span:last-child { display: inline-flex; align-items: center; padding: 0 14px; }
.rg-profile-item.is-active { background: #e96969; border-color: #e96969; color: #fff; }
.rg-profile-item.is-active .rg-profile-item-ico { background: #e05a5a; color: #fff; border-right-color: #e05a5a; }
.rg-profile-body { flex: 1 1 auto; min-width: 0; }
.rg-profile-form { margin: 6px 0 0; }
.rg-profile-field { margin: 0 0 18px; }
.rg-profile-field label { display: block; font-size: 14px; font-weight: 700; color: #555; margin: 0 0 10px; }
.rg-profile-field input {
	width: 100%; box-sizing: border-box;
	border: 1px solid #ececec; border-radius: 3px; background: #fff;
	padding: 14px 16px; font-size: 14px; color: #444;
	box-shadow: 0 1px 2px rgba(0,0,0,.03);
}
.rg-profile-field input::placeholder { color: #c4c4c4; }
.rg-profile-field input:focus { outline: none; border-color: var(--rg-red); }
.rg-profile-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.rg-update-btn {
	width: 100%; border: 0; cursor: pointer; margin: 26px 0 0;
	background: #5fc61c; color: #fff;
	padding: 18px 16px; border-radius: 4px;
	font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px;
	box-shadow: 0 2px 0 rgba(0,0,0,.08);
	transition: background-color .15s ease;
}
.rg-update-btn:hover { background: #52ad16; }
.rg-delete-form { margin: 40px 0 0; }
.rg-delete-btn {
	width: 100%; border: 0; cursor: pointer;
	background: #3c3c3c; color: #fff;
	padding: 18px 16px; border-radius: 3px;
	font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px;
	transition: background-color .15s ease;
}
.rg-delete-btn:hover { background: #cc3333; }
.rg-profile-empty { font-size: 14px; color: #6c6c6c; padding: 8px 0; }

/* Favori oyun listesi (profil) */
.rg-fav-list { display: flex; flex-direction: column; gap: 12px; }
.rg-fav-row {
	display: flex; align-items: center; gap: 16px;
	border: 1px solid #ececec; border-radius: 3px; background: #fff;
	padding: 0 16px 0 0; overflow: hidden;
}
.rg-fav-thumb { flex: 0 0 142px; height: 110px; background: #111; display: block; }
.rg-fav-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rg-fav-info { flex: 1 1 auto; min-width: 0; padding: 12px 0; }
.rg-fav-name { display: block; font-size: 16px; font-weight: 700; color: #333; margin: 0 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rg-fav-name:hover { color: var(--rg-red); }
.rg-fav-meta { display: flex; align-items: center; gap: 18px; font-size: 13px; color: #8e8e8e; }
.rg-fav-stat { display: inline-flex; align-items: center; gap: 5px; }
.rg-fav-remove { flex: 0 0 auto; }
.rg-unfav-btn {
	display: inline-flex; align-items: center; gap: 7px; cursor: pointer;
	background: #f6f6f6; color: #6c6c6c; border: 1px solid #ececec; border-radius: 4px;
	padding: 9px 14px; font-size: 13px; font-weight: 600;
	transition: .3s;
}
.rg-unfav-btn:hover { background: #e96969; color: #fff; border-color: #e96969; }

@media (max-width: 900px) {
	.rg-profile { flex-direction: column; gap: 24px; }
	.rg-profile-side { flex: 1 1 auto; width: 100%; }
	.rg-profile-cols { grid-template-columns: 1fr; }
}

/* ================= HEADER KULLANICI MENÜSÜ =================
   Referans: butona bitişik KOYU (#3c3c3c) panel; "My Profile" /
   "My Favorite Games" beyaz satırlar; "Logout" kırmızı (#e96969) satır. */
.rg-user { position: relative; }
.rg-user-toggle { gap: 7px; }
.rg-user-menu {
	position: absolute; right: 0; top: 100%; z-index: 80;
	min-width: 200px; background: #3c3c3c;
	border: 0; border-radius: 0;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
	padding: 0;
}
body.rg .rg-user-menu a {
	display: block; padding: 15px 18px; font-size: 14px; color: #fff;
	border-radius: 0; transition: background-color .15s ease;
}
body.rg .rg-user-menu a:hover { background: #2b2b2b; color: #fff; }
body.rg .rg-user-menu a.rg-user-logout { background: #e96969; color: #fff; }
body.rg .rg-user-menu a.rg-user-logout:hover { background: #e05a5a; }

@media (prefers-reduced-motion: reduce) {
	body.rg *, body.rg *::before, body.rg *::after { transition: none !important; }
}