/* TurKTeamV2 — Topluluk eklentisi sayfaları (Mağaza, Envanterim, Siparişlerim, Bakiye, Gruplar, Ödüller).
   community.css'in mavimsi gri paletini Sinisterly paletine çeker; yalnız v2'de yüklenir. */

#content .ttc_page {
	--ttc-panel: #1b1b1b;
	--ttc-line: #2a2a2a;
	--ttc-bar: var(--v2-thead-bg);
	color: #dedede;
	margin: 0 0 24px;
}

/* sayfa başlığı */
#content .ttc_page .ttc_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 58px;
	padding: 0 14px 0 18px;
	margin-bottom: 0;
	background: var(--v2-thead-bg);
	border: 1px solid #000;
	border-left: 3px solid #b31414;
	border-radius: 4px 4px 0 0;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
}
#content .ttc_page .ttc_title h1 { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 20px; font-weight: bold; color: #fff; }
#content .ttc_page .ttc_title h1 i { color: #e03030; filter: drop-shadow(0 0 6px rgba(224, 48, 48, 0.5)); }
#content .ttc_page .ttc_title > a,
#content .ttc_page .ttc_title > a:link,
#content .ttc_page .ttc_title > a:visited {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	background: #0b0b0b;
	border: 1px solid #000;
	border-radius: 3px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
	color: #f0c36a;
	font-weight: bold;
}
#content .ttc_page .ttc_title > a::before {
	content: "\f51e";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: #d9a441;
}

/* sekmeler: kategori sekmeleriyle aynı ızgara */
#content .ttc_page .ttc_tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 1px;
	padding: 0;
	margin: 0 0 16px;
	background: #050505;
	border: 1px solid #000;
	border-top: 0;
	border-radius: 0 0 4px 4px;
	overflow: hidden;
}
#content .ttc_page .ttc_tabs > a,
#content .ttc_page .ttc_tabs > a:link,
#content .ttc_page .ttc_tabs > a:visited {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 16px;
	background: #151515;
	border: 0;
	border-radius: 0;
	box-shadow: inset 0 -2px 0 transparent;
	color: #9a9a9a;
	font: 600 12px Roboto, Arial, sans-serif;
	transition: color 0.15s, box-shadow 0.2s;
}
#content .ttc_page .ttc_tabs > a:hover { color: #fff; background: #1b1b1b; box-shadow: inset 0 -2px 0 #5a1010; }
#content .ttc_page .ttc_tabs > a[aria-current] {
	color: #fff;
	background: radial-gradient(ellipse 80% 120% at 50% 100%, rgba(214, 38, 38, 0.28), rgba(214, 38, 38, 0) 70%), #1b1b1b;
	box-shadow: inset 0 -2px 0 #e12b2b;
}

/* yerleşim + yan panel */
#content .ttc_page .ttc_layout {
	display: grid;
	grid-template-columns: 230px minmax(0, 1fr);
	gap: 16px;
	align-items: start;
}
#content .ttc_page .ttc_wallet_widget,
#content .ttc_page .ttc_wallet_widget:link {
	background: #151515;
	border: 1px solid #000;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
	margin-bottom: 14px;
}
#content .ttc_page .ttc_wallet_widget > img { border-radius: 4px; border: 1px solid #000; box-shadow: 0 0 0 1px #2b2b2b; }
#content .ttc_page .ttc_wallet_widget small { color: #8a8a8a; }
#content .ttc_page .ttc_wallet_widget strong i { color: #d9a441; }
#content .ttc_page .ttc_panel {
	background: #181818;
	border: 1px solid #000;
	border-radius: 4px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
	margin-bottom: 14px;
}
#content .ttc_page .ttc_panel > h2,
#content .ttc_page .ttc_panel > summary {
	background: var(--v2-thead-bg);
	border: 0;
	border-bottom: 1px solid #0b0b0b;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 12px 14px;
}
#content .ttc_page .ttc_panel > summary i:first-child, #content .ttc_page .ttc_panel > h2 i { color: #d63232; }
#content .ttc_page .ttc_side_nav { padding: 8px 0; }
#content .ttc_page .ttc_side_nav h3 { color: #6f6f6f; padding: 6px 14px 10px; letter-spacing: 0.14em; }
#content .ttc_page .ttc_side_nav > a { padding: 9px 14px; color: #a8a8a8 !important; }
#content .ttc_page .ttc_side_nav > a i { color: #5f5f5f; }
#content .ttc_page .ttc_side_nav > a b { background: #0d0d0d; color: #8a8a8a; border: 1px solid #000; border-radius: 3px; }
#content .ttc_page .ttc_side_nav > a:hover,
#content .ttc_page .ttc_side_nav > a[aria-current] { background: rgba(214, 38, 38, 0.08); border-left-color: #e12b2b; color: #fff !important; }
#content .ttc_page .ttc_side_nav > a[aria-current] i { color: #ff3d3d; }

/* form öğeleri */
#content .ttc_page input,
#content .ttc_page select,
#content .ttc_page textarea {
	background: #101010;
	border: 1px solid #2c2c2c;
	border-radius: 3px;
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.5);
	color: #ddd;
}
#content .ttc_page input:focus, #content .ttc_page select:focus, #content .ttc_page textarea:focus { border-color: #7a1515; outline: none; }
#content .ttc_page .button,
#content .ttc_page a.button:link,
#content .ttc_page a.button:visited {
	background: linear-gradient(#9a1d1d, #741414 48%, #560d0d);
	border: 1px solid #250303;
	border-radius: 3px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 2px 0 #000;
	color: #fff !important;
	font: bold 11px/1.4 Arial, Helvetica, sans-serif;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
	transition: filter 0.15s, box-shadow 0.2s, transform 0.15s;
}
#content .ttc_page .button:hover { background: linear-gradient(#a82020, #801616 48%, #600e0e); border-color: #250303; filter: brightness(1.08); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.26), 0 2px 0 #000, 0 0 16px rgba(225, 36, 36, 0.4); }
#content .ttc_page .button:disabled { background: #2a2a2a; border-color: #111; box-shadow: none; filter: none; }

/* ürün kartları */
#content .ttc_page .ttc_products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));
	gap: 12px;
	padding: 14px;
}
#content .ttc_page .ttc_product {
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	background: #181818;
	border: 1px solid #000;
	border-radius: 4px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 6px 16px rgba(0, 0, 0, 0.45);
	transition: transform 0.2s, box-shadow 0.25s;
}
#content .ttc_page .ttc_product:hover {
	transform: translateY(-3px);
	box-shadow: 0 0 0 1px rgba(214, 38, 38, 0.45), 0 10px 24px rgba(0, 0, 0, 0.55), 0 0 22px rgba(214, 38, 38, 0.18);
}
#content .ttc_page .ttc_product_image { border-bottom: 1px solid #0b0b0b; }
#content .ttc_page .ttc_product_body { padding: 14px 14px 0; }
#content .ttc_page .ttc_product h2 { color: #fff; font-size: 14px; line-height: 1.3; }
#content .ttc_page .ttc_product_category { color: #777 !important; font-size: 10px !important; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 8px !important; }
#content .ttc_page .ttc_product_category i { color: #b31414; }
#content .ttc_page .ttc_product_footer {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
	padding: 12px 14px 14px;
	margin-top: auto;
	background: #121212;
	border-top: 1px solid #0b0b0b;
	box-shadow: inset 0 1px 0 #222;
}
#content .ttc_page .ttc_product_footer > div { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; min-width: 0; }
#content .ttc_page .ttc_product_footer strong { display: flex; flex-direction: column; min-width: 0; }
#content .ttc_page .ttc_product_footer .ttc_price { color: #f0c36a; font-size: 15px; font-weight: bold; white-space: nowrap; }
#content .ttc_page .ttc_product_footer .ttc_price_hint { color: #5f5f5f; font-size: 10px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#content .ttc_page .ttc_product_footer > div > small { color: #6a6a6a; font-size: 10px; white-space: nowrap; }
#content .ttc_page .ttc_product_footer .button { width: 100%; padding: 9px 12px; }

#content .ttc_page .ttc_title h1 i { margin-right: 0; }
#content .ttc_page .ttc_wallet_widget,
#content .ttc_page .ttc_wallet_widget:link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px;
	color: #ddd;
	text-decoration: none;
}
#content .ttc_page .ttc_wallet_widget .avatar,
#content .ttc_page .ttc_wallet_widget .avatar img {
	width: 42px;
	height: 42px;
	border-radius: 4px;
	object-fit: cover;
}
#content .ttc_page .ttc_wallet_widget > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
#content .ttc_page .ttc_wallet_widget strong { color: #f0c36a; font-size: 14px; }
#content .ttc_page .ttc_panel > h2 { display: flex; align-items: center; gap: 8px; margin: 0; }
#content .ttc_page .ttc_side_nav > a { display: flex; align-items: center; gap: 8px; }
#content .ttc_page .ttc_side_nav h3 { margin: 0; font-size: 10px; text-transform: uppercase; }
#content .ttc_page .ttc_main { min-width: 0; }
#content .ttc_page .ttc_note,
#content .ttc_page .ttc_empty { margin: 0 0 14px; color: #9a9a9a; font-size: 12px; }
#content .ttc_page .ttc_empty a { color: #f0c36a; }
#content .ttc_page .ttc_pad { padding: 14px; }
#content .ttc_page .ttc_product_image {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 112px;
	background: radial-gradient(circle at 50% 40%, #2a1515, #101010 70%);
}
#content .ttc_page .ttc_product_image img { max-width: 88%; max-height: 92px; object-fit: contain; }
#content .ttc_page .ttc_product h2,
#content .ttc_page .ttc_product p { margin: 0; }
#content .ttc_page .ttc_product_body p { margin-top: 6px; color: #9a9a9a; font-size: 12px; line-height: 1.45; }
#content .ttc_page .ttc_product.is-equipped { box-shadow: 0 0 0 1px #7a1c1c, 0 8px 18px rgba(0, 0, 0, 0.45); }
#content .ttc_page .ttc_buy { display: flex; flex-direction: column; gap: 8px; margin: 0; }
#content .ttc_page .ttc_buy .input,
#content .ttc_page .ttc_form .input {
	width: 100%;
	box-sizing: border-box;
	background: #101010;
	border: 1px solid #2c2c2c;
	border-radius: 3px;
	color: #ddd;
	padding: 8px 10px;
}
#content .ttc_page .ttc_owned { color: #8a8a8a; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; text-align: center; }
#content .ttc_page .ttc_balance {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
	padding: 16px 18px;
	background: linear-gradient(90deg, #2a1010, #161616 55%);
	border: 1px solid #000;
	border-left: 3px solid #b31414;
	border-radius: 4px;
}
#content .ttc_page .ttc_balance span { display: block; color: #8a8a8a; font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; }
#content .ttc_page .ttc_balance strong { display: block; color: #f0c36a; font-family: Rajdhani, Arial, sans-serif; font-size: 36px; line-height: 1; }
#content .ttc_page .ttc_balance small { color: #9a9a9a; }
#content .ttc_page .ttc_goal,
#content .ttc_page .ttc_form { margin: 0; }
#content .ttc_page .ttc_goal {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	gap: 12px;
	align-items: center;
	padding: 10px 0;
	border-top: 1px solid #242424;
}
#content .ttc_page .ttc_goal:first-child { border-top: 0; padding-top: 0; }
#content .ttc_page .ttc_goal b { display: block; color: #eee; font-size: 13px; }
#content .ttc_page .ttc_goal small,
#content .ttc_page .ttc_goal_count { color: #8a8a8a; font-size: 11px; }
#content .ttc_page .ttc_goal_bar { height: 4px; margin-top: 8px; background: #0d0d0d; border-radius: 2px; overflow: hidden; }
#content .ttc_page .ttc_goal_bar span { display: block; height: 100%; background: linear-gradient(90deg, #7a1515, #e23a3a); }
#content .ttc_page .ttc_form { display: flex; flex-direction: column; gap: 8px; }
#content .ttc_page .ttc_form label { display: flex; flex-direction: column; gap: 4px; color: #8a8a8a; font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; }
#content .ttc_page .ttc_split { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: 14px; }
#content .ttc_page .ttc_packages { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; }
#content .ttc_page .ttc_package {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 12px;
	background: #121212;
	border: 1px solid #000;
	border-radius: 4px;
}
#content .ttc_page .ttc_package strong { color: #bbb; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; }
#content .ttc_page .ttc_package b { color: #f0c36a; font-size: 16px; }
#content .ttc_page .ttc_ledger,
#content .ttc_page .ttc_orders { list-style: none; margin: 0; padding: 0; }
#content .ttc_page .ttc_ledger li,
#content .ttc_page .ttc_orders li {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	gap: 12px;
	align-items: center;
	padding: 10px 14px;
	border-top: 1px solid #242424;
}
#content .ttc_page .ttc_ledger b,
#content .ttc_page .ttc_orders b { display: block; color: #eee; font-size: 13px; }
#content .ttc_page .ttc_ledger small,
#content .ttc_page .ttc_orders small { color: #777; }
#content .ttc_page .ttc_ledger strong { font-variant-numeric: tabular-nums; }
#content .ttc_page .ttc_ledger .is-up strong,
#content .ttc_page .ttc_ledger li.is-up strong { color: #3fc35a; }
#content .ttc_page .ttc_ledger li.is-down strong { color: #e04444; }
#content .ttc_page .ttc_ledger em,
#content .ttc_page .ttc_orders em { color: #9a9a9a; font-style: normal; font-size: 12px; }
#content .ttc_page .ttc_orders .is-completed { color: #3fc35a; }
#content .ttc_page .ttc_orders .is-pending,
#content .ttc_page .ttc_orders .is-processing { color: #f0c36a; }
#content .ttc_page .ttc_orders .is-rejected { color: #e04444; }
#content .ttc_page .ttc_group p { margin: 0 0 12px; color: #bdbdbd; }
#content .ttc_page .ttc_group_image { display: block; max-width: 120px; margin-bottom: 10px; border-radius: 4px; }
#content .ttc_page .ttc_members { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
#content .ttc_page .ttc_members a {
	display: inline-block;
	padding: 4px 8px;
	background: #101010;
	border: 1px solid #000;
	border-radius: 3px;
	color: #ddd;
	font-size: 12px;
}
#content .ttc_page .ttc_members a:hover { color: #fff; border-color: #7a1c1c; }
#content .ttc_page .ttc_awards { display: grid; gap: 8px; padding: 12px; }
#content .ttc_page .ttc_award {
	display: flex;
	gap: 12px;
	align-items: center;
	padding: 10px;
	background: #121212;
	border: 1px solid #000;
	border-radius: 4px;
}
#content .ttc_page .ttc_award img { width: 48px; height: 48px; object-fit: contain; }
#content .ttc_page .ttc_award strong { color: #fff; }
#content .ttc_page .ttc_award p,
#content .ttc_page .ttc_award small { display: block; margin: 3px 0 0; color: #8a8a8a; }

@media (max-width: 900px) {
	#content .ttc_page .ttc_layout,
	#content .ttc_page .ttc_split { grid-template-columns: minmax(0, 1fr); }
	#content .ttc_page .ttc_title { align-items: flex-start; flex-direction: column; padding: 12px 14px; }
	#content .ttc_page .ttc_goal,
	#content .ttc_page .ttc_ledger li,
	#content .ttc_page .ttc_orders li { grid-template-columns: minmax(0, 1fr) auto; }
	#content .ttc_page .ttc_goal .button,
	#content .ttc_page .ttc_goal button { grid-column: 1 / -1; }
	#content .ttc_page .ttc_balance { align-items: flex-start; flex-direction: column; }
}