/* 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. */

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

/* sayfa başlığı */
.ttc_page .ttc_title {
	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);
}
.ttc_page .ttc_title h1 { display: flex; align-items: center; font-size: 20px; font-weight: bold; color: #fff; }
.ttc_page .ttc_title h1 i { color: #e03030; filter: drop-shadow(0 0 6px rgba(224, 48, 48, 0.5)); }
.ttc_page .ttc_title > a,
.ttc_page .ttc_title > a:link,
.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;
}
.ttc_page .ttc_title > a::before {
	content: "\f51e";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: #d9a441;
}

/* sekmeler: kategori sekmeleriyle aynı ızgara */
.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;
}
.ttc_page .ttc_tabs > a,
.ttc_page .ttc_tabs > a:link,
.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;
}
.ttc_page .ttc_tabs > a:hover { color: #fff; background: #1b1b1b; box-shadow: inset 0 -2px 0 #5a1010; }
.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 */
.ttc_page .ttc_layout { grid-template-columns: 230px minmax(0, 1fr); gap: 16px; }
.ttc_page .ttc_wallet_widget,
.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;
}
.ttc_page .ttc_wallet_widget > img { border-radius: 4px; border: 1px solid #000; box-shadow: 0 0 0 1px #2b2b2b; }
.ttc_page .ttc_wallet_widget small { color: #8a8a8a; }
.ttc_page .ttc_wallet_widget strong i { color: #d9a441; }
.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;
}
.ttc_page .ttc_panel > h2,
.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;
}
.ttc_page .ttc_panel > summary i:first-child, .ttc_page .ttc_panel > h2 i { color: #d63232; }
.ttc_page .ttc_side_nav { padding: 8px 0; }
.ttc_page .ttc_side_nav h3 { color: #6f6f6f; padding: 6px 14px 10px; letter-spacing: 0.14em; }
.ttc_page .ttc_side_nav > a { padding: 9px 14px; color: #a8a8a8 !important; }
.ttc_page .ttc_side_nav > a i { color: #5f5f5f; }
.ttc_page .ttc_side_nav > a b { background: #0d0d0d; color: #8a8a8a; border: 1px solid #000; border-radius: 3px; }
.ttc_page .ttc_side_nav > a:hover,
.ttc_page .ttc_side_nav > a[aria-current] { background: rgba(214, 38, 38, 0.08); border-left-color: #e12b2b; color: #fff !important; }
.ttc_page .ttc_side_nav > a[aria-current] i { color: #ff3d3d; }

/* form öğeleri */
.ttc_page input,
.ttc_page select,
.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;
}
.ttc_page input:focus, .ttc_page select:focus, .ttc_page textarea:focus { border-color: #7a1515; outline: none; }
.ttc_page .button,
.ttc_page a.button:link,
.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;
}
.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); }
.ttc_page .button:disabled { background: #2a2a2a; border-color: #111; box-shadow: none; filter: none; }

/* ürün kartları */
.ttc_page .ttc_products { grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 12px; }
.ttc_page .ttc_product {
	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;
}
.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);
}
.ttc_page .ttc_product_image { border-bottom: 1px solid #0b0b0b; }
.ttc_page .ttc_product_body { padding: 14px 14px 0; }
.ttc_page .ttc_product h2 { color: #fff; font-size: 14px; line-height: 1.3; }
.ttc_page .ttc_product_category { color: #777 !important; font-size: 10px !important; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 8px !important; }
.ttc_page .ttc_product_category i { color: #b31414; }
.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;
}
.ttc_page .ttc_product_footer > div { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; min-width: 0; }
.ttc_page .ttc_product_footer strong { display: flex; flex-direction: column; min-width: 0; }
.ttc_page .ttc_product_footer .ttc_price { color: #f0c36a; font-size: 15px; font-weight: bold; white-space: nowrap; }
.ttc_page .ttc_product_footer .ttc_price_hint { color: #5f5f5f; font-size: 10px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ttc_page .ttc_product_footer > div > small { color: #6a6a6a; font-size: 10px; white-space: nowrap; }
.ttc_page .ttc_product_footer .button { width: 100%; padding: 9px 12px; }

@media (max-width: 900px) {
	.ttc_page .ttc_layout { grid-template-columns: minmax(0, 1fr); }
}