/*
 * Craftavia temel stilleri (2026-11-10).
 * Tabler'ın (tabler.min.css) üstüne gelen, sitenin her sayfasında geçerli küçük düzeltmeler: yazı tipi, kart, uyarı kutusu,
 * gezinti izi, alt bilgi, üst menü, tablo, rol rozeti, hesap kenar menüsü. LeaderOS temasının extra.css dosyasının yerini
 * alır; yalnız sitede gerçekten kullanılan kurallar vardır (koyu tema, çark, eski çerez bildirimi, düzenleyici ve
 * LeaderOS mağaza kartı kuralları yoktur). Renkler ve açık tema craftavia-global.css / craftavia-light.css içindedir.
 * Yükleme sırası: tabler.min.css → bu dosya → content-styles.css → craftavia-global.css → craftavia-light.css
 */

/* ---------- Genel ---------- */
:root {
	--tblr-font-sans-serif: 'Inter', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
	--tblr-success: #10B981;
	--tblr-success-rgb: 16, 185, 129;
}
body { font-feature-settings: "cv03", "cv04", "cv11"; }
[x-cloak] { display: none !important; }
ul { padding: 0; margin: 0; list-style: none; }
.section { margin: 3rem 0; }
.page-center { justify-content: center; }
.fs-100 { font-size: 100%; }
.no-underline:hover { text-decoration: none; }
.border-input { border-color: #dadfe5 !important; }
.bg-success { background-color: #10B981 !important; }

/* ---------- İkonlar ---------- */
.ti { font-size: 20px; }
.icon-sm { font-size: 1rem !important; }
.btn-icon .ti { font-size: 1rem; }

/* ---------- Düğmeler ---------- */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
	background-color: var(--tblr-primary) !important;
	border-color: var(--tblr-primary) !important;
	opacity: 0.9 !important;
}
.btn-transparent {
	background-color: transparent;
	border-color: transparent !important;
	box-shadow: none;
	color: inherit;
}
.btn-group-sm > .btn, .btn-sm {
	--tblr-btn-line-height: 1.625;
	--tblr-btn-icon-size: 0.813rem;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
	--tblr-btn-disabled-border-color: var(--tblr-btn-disabled-bg);
}
.btn-link { color: rgba(var(--tblr-link-color-rgb), var(--tblr-link-opacity, 1)); }
.btn-link:hover { color: rgba(var(--tblr-link-hover-color-rgb), var(--tblr-link-opacity, 1)); }

/* ---------- Kartlar ---------- */
.card {
	--tblr-card-border-radius: 0.5rem;
	margin-bottom: 1rem;
}
a.card:hover { box-shadow: none !important; }
.card-header { padding-top: 1rem; padding-bottom: 1rem; }
.card-header .ck-content p:last-child,
.card-body .ck-content p:last-child { margin-bottom: 0; }
.card-img-right {
	border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0;
	object-fit: cover;
	object-position: center;
}
.border-bottom-separator > * {
	padding-top: .875rem;
	padding-bottom: .875rem;
	border-bottom: 1px solid var(--tblr-border-color) !important;
}
.border-bottom-separator > *:last-child { border-bottom: 0 !important; }
.zoom-hover { transition: transform .3s; transform: scale(1.0); }
.zoom-hover:hover { transform: scale(1.1); }

/* ---------- Uyarı kutuları (işlem sonucu iletileri) ---------- */
.alert-success { color: #fff; background-color: var(--tblr-success) !important; }
.alert-danger { color: #fff; background-color: var(--tblr-danger) !important; }
.alert-warning { color: #fff; background-color: var(--tblr-warning) !important; }
.alert-info { color: #fff; background-color: var(--tblr-info) !important; }

/* ---------- Gezinti izi ---------- */
.breadcrumb {
	background-color: var(--tblr-bg-surface);
	padding: 1rem 1.5rem;
	border-radius: 0.5rem;
	border: 1px solid var(--tblr-border-color) !important;
	margin-bottom: 0.75rem;
}
.breadcrumb-item a { color: inherit; }
.breadcrumb-item.active {
	--tblr-text-opacity: 1;
	font-weight: normal;
	color: rgba(var(--tblr-muted-rgb), var(--tblr-text-opacity)) !important;
}

/* ---------- Üst menü ve açılır menüler ---------- */
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active {
	color: var(--tblr-dropdown-link-active-color) !important;
	text-decoration: none;
	background-color: var(--tblr-dropdown-link-active-bg);
}
@media (min-width: 768px) {
	.navbar-expand-md .nav-item:hover { position: relative; }
	.navbar-expand-md .nav-item:hover:not(.no-hover-border)::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: -.25rem;
		border: 0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
		border-bottom-width: 2px;
	}
}

/* Sekmeler */
.nav-tabs { margin-bottom: 0; }
.nav-tabs .nav-link {
	display: block;
	text-align: center;
	padding: 1rem;
	font-weight: 500;
	color: var(--tblr-body-color);
	border: 0;
	border-radius: 0;
	border-bottom: 2px solid var(--tblr-border-color);
}
.nav-tabs .nav-link:hover { color: var(--tblr-primary); border-color: var(--tblr-border-color); }
.nav-tabs .nav-link:first-child { border-top-left-radius: 10px; }
.nav-tabs .nav-link:last-child { border-top-right-radius: 10px; }
.nav-tabs .nav-link.active { border: 0; border-bottom: 2px solid var(--tblr-primary); }
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: var(--tblr-primary);
	border-color: var(--tblr-primary);
	background-color: transparent;
}

/* Duyuru şeridi */
.broadcast {
	width: 100%;
	height: 44px;
	background-color: var(--tblr-bg-surface);
	overflow: hidden;
	border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}
.broadcast-item { display: inline-block; padding: 10px 600px 10px 0; }
@media (max-width: 768px) {
	.broadcast-item { padding-right: 400px; }
}
.broadcast-link { color: var(--tblr-body-color); }

/* Üst görsel alanı */
.header-banner { position: relative; overflow: hidden; }
.header-image { width: 100%; position: relative; overflow: hidden; height: 255px; }
.header-image img { width: 100%; height: 100%; object-position: center; object-fit: cover; }
.header-banner-content {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1.5rem;
	color: #fff;
	font-weight: 600;
}
@media (max-width: 768px) {
	.header-banner-content { width: 100%; justify-content: center; }
}
.header-banner-logo { max-height: 150px; }
.header-side-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 0.5rem;
	color: #fff;
}
.header-side-icon svg { fill: white; width: 30px; height: 30px; }
@media (min-width: 992px) {
	.home-slider .carousel-inner, .home-slider .carousel-item { height: 400px; overflow: hidden; }
	.home-slider .carousel-item img { height: 400px; object-fit: cover; overflow: hidden; }
}

/* ---------- Alt bilgi ---------- */
.footer { color: inherit; background-color: var(--tblr-bg-surface); }
.widget-title { color: inherit; margin-bottom: 0.5rem; }
.widget-link {
	--tblr-text-opacity: 1;
	color: rgba(var(--tblr-muted-rgb), var(--tblr-text-opacity)) !important;
}
.widget-link:hover { text-decoration: none; color: inherit !important; }

/* ---------- Tablolar ---------- */
.table a:not(.btn) { color: inherit; }
.table a:hover { text-decoration: none; }
tbody td { vertical-align: middle; }

/* ---------- Rol rozeti ve forum ---------- */
.role__default {
	display: inline-block;
	justify-content: center;
	align-items: center;
	background: var(--tblr-bg-surface-secondary);
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-width: 1.35714285em;
	font-size: 85%;
	font-weight: var(--tblr-font-weight-bold);
	letter-spacing: .04em;
	vertical-align: bottom;
	line-height: 1;
	padding: 0.25rem 0.5rem;
	text-align: center;
	white-space: nowrap;
	border-radius: 0.25rem;
}
.forum-online-users a:hover { text-decoration: none; }
.forum-online-users a:not(:last-child)::after {
	margin-left: -3px;
	content: ",";
	font-size: 90%;
	color: rgb(var(--tblr-body-color-rgb)) !important;
}

/* ---------- Giriş sayfaları ---------- */
.auth-logo { max-height: 100px; }
.toggle-password { line-height: 1; }

/* ---------- Hesap sayfaları ---------- */
.user-data { display: flex; align-items: center; padding: 8px; }
.user-data:nth-child(2n) { border-right: none !important; }
.user-data:last-child { border-bottom: none; }
@media (max-width: 768px) {
	.user-data { border-right: none !important; }
}
.sidebar-profile-card .sidebar-link {
	display: flex;
	align-items: center;
	padding: 0.5rem 1.5rem;
	color: var(--body-color);
	text-decoration: none !important;
}
.sidebar-profile-card .sidebar-link:hover,
.sidebar-profile-card .sidebar-link.active { background-color: rgb(var(--tblr-body-bg-rgb)); }