/*
 * Craftavia temel stilleri: Tabler'ın üstüne gelen, her sayfada geçerli küçük ayarlar (yazı tipi, kart, uyarı kutusu, gezinti izi,
 * alt bilgi, açılır menü, tablo, rol rozeti, hesap menüsü, çerez bandı). Renkler ve açık tema craftavia-global.css ile
 * craftavia-light.css'tedir; bu dosya yalnız ölçü ve yerleşim verir.
 * Yükleme sırası: tabler.kritik.css → bu dosya → content-styles.css → craftavia-global.css → sayfa stilleri → craftavia-ek.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; }
.cv-bolum { margin: 3rem 0; }
.page-center { justify-content: center; }
.cv-yazi-100 { font-size: 100%; }
.cv-alt-cizgisiz:hover { text-decoration: none; }
.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: .9 !important;
}
.cv-btn-saydam { background-color: transparent; border-color: transparent !important; box-shadow: none; color: inherit; }
.btn-sm { --tblr-btn-line-height: 1.625; --tblr-btn-icon-size: .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: .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; }
.cv-kart-gorsel-sag {
	border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0;
	object-fit: cover;
	object-position: center;
}
.cv-alt-ayrac > * {
	padding-top: .875rem;
	padding-bottom: .875rem;
	border-bottom: 1px solid var(--tblr-border-color) !important;
}
.cv-alt-ayrac > *:last-child { border-bottom: 0 !important; }

/* ---------- Uyarı kutuları (components/alert.php: alert-success / danger / warning / info) ---------- */
.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: .5rem;
	border: 1px solid var(--tblr-border-color) !important;
	margin-bottom: .75rem;
}
.breadcrumb-item a { color: inherit; }
.breadcrumb-item.active {
	font-weight: normal;
	color: rgba(var(--tblr-muted-rgb), 1) !important;
}

/* ---------- Açılır menüler ve üst menü ---------- */
.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(.cv-uzerinde-cercevesiz)::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;
	}
}

/* ---------- Alt bilgi ---------- */
.footer { color: inherit; background-color: var(--tblr-bg-surface); }
.cv-alt-baslik { color: inherit; margin-bottom: .5rem; }
.cv-alt-baglanti { color: rgba(var(--tblr-muted-rgb), 1) !important; }
.cv-alt-baglanti: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; }

/* ---------- Oyuncu kafası (components/avatar.php): görsel inene kadar kutunun zemini ---------- */
.cv-kafa { background-color: rgba(120, 105, 88, .12); }

/* ---------- Rol rozeti ve forum ---------- */
.cv-rol-default {
	display: inline-block;
	background: var(--tblr-bg-surface-secondary);
	overflow: hidden;
	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: .25rem .5rem;
	text-align: center;
	white-space: nowrap;
	border-radius: .25rem;
}
.cv-forum-cevrimici a:hover { text-decoration: none; }
.cv-forum-cevrimici a:not(:last-child)::after {
	margin-left: -3px;
	content: ",";
	font-size: 90%;
	color: rgb(var(--tblr-body-color-rgb)) !important;
}

/* ---------- Giriş sayfaları ---------- */
.cv-giris-logo { max-height: 100px; }
.cv-sifre-goster { line-height: 1; }

/* ---------- Hesap sayfaları ---------- */
.cv-oyuncu-bilgi { display: flex; align-items: center; padding: 8px; }
.cv-oyuncu-bilgi:nth-child(2n) { border-right: none !important; }
.cv-oyuncu-bilgi:last-child { border-bottom: none; }
@media (max-width: 768px) {
	.cv-oyuncu-bilgi { border-right: none !important; }
}
.cv-profil-karti .cv-yan-baglanti {
	display: flex;
	align-items: center;
	padding: .5rem 1.5rem;
	color: var(--body-color);
	text-decoration: none !important;
}
.cv-profil-karti .cv-yan-baglanti:hover,
.cv-profil-karti .cv-yan-baglanti.active { background-color: rgb(var(--tblr-body-bg-rgb)); }

/* ---------- Çerez bandı (layouts/main.php, layouts/auth.php) ---------- */
#cv-cerez { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 9999; max-width: 520px; margin: 0 auto; padding: 16px 18px; border: 1px solid #E3D4BE; border-radius: 14px; background: #FFFDFA; color: #42382F; box-shadow: 0 10px 30px rgba(66, 56, 47, .18); font-size: 14px; line-height: 1.5; display: none; }
#cv-cerez.is-on { display: block; }
#cv-cerez b { display: block; font-size: 15px; margin-bottom: 4px; }
#cv-cerez p { margin: 0 0 12px; color: #786958; }
#cv-cerez a { color: #A97424; text-decoration: underline; }
#cv-cerez-b { display: flex; gap: 8px; flex-wrap: wrap; }
#cv-cerez button { flex: 1 1 0; min-height: 42px; padding: 8px 14px; border-radius: 10px; border: 1px solid #C9A15F; background: #D3AA6D; color: #42382F; font: inherit; font-weight: 700; cursor: pointer; }
#cv-cerez button.is-alt { background: #FFFDFA; border-color: #E3D4BE; color: #786958; font-weight: 600; }
#cv-cerez button:hover { background: #C39456; color: #342B23; }
#cv-cerez button.is-alt:hover { background: #F7F1E7; color: #42382F; }
@media (max-width: 480px) {
	#cv-cerez { left: 8px; right: 8px; bottom: 8px; padding: 12px 14px; font-size: 13px; }
}