/*
 * Craftavia ek stilleri: eskiden panel ayarında ("özel CSS") duran kurallar. Ana ve giriş düzeninde sayfa stillerinden sonra,
 * craftavia-light.css'ten önce yüklenir (layouts/main.php, layouts/auth.php).
 */

/* Yardım ve wiki içeriğindeki komut kutuları */
.article-content code,
.ck-content code {
	background: rgba(255, 138, 0, .12) !important;
	color: #ffd166 !important;
	border: 1px solid rgba(255, 138, 0, .35);
	border-radius: 6px;
	padding: 2px 7px;
	font-size: .92em;
	font-weight: 600;
	white-space: nowrap;
}

/* Üst menü yerleşimi: geniş ekranda site adı | menü | hesap üç sütun; 1400 px altında açılır menü */
body .page > header.craftavia-main-navbar > .container-xl {
	max-width: 1960px;
	padding-left: clamp(20px, 2vw, 40px);
	padding-right: clamp(20px, 2vw, 40px);
}
@media (min-width: 1400px) {
	body .page > header.craftavia-main-navbar > .container-xl {
		display: grid;
		grid-template-columns: auto auto auto;
		justify-content: center;
		column-gap: 24px;
		align-items: center;
	}
	body .page > header.craftavia-main-navbar .craftavia-brand { grid-column: 1; grid-row: 1; margin: 0; padding-right: 0 !important; white-space: nowrap; }
	body .page > header.craftavia-main-navbar .craftavia-user-nav { grid-column: 3; grid-row: 1; flex-shrink: 0; }
	body .page > header.craftavia-main-navbar #navbar-menu { grid-column: 2; grid-row: 1; min-width: 0; width: 100%; }
	body .page > header.craftavia-main-navbar .craftavia-nav-center { flex: 1 1 auto !important; min-width: 0; width: 100%; justify-content: center; }
	body .page > header.craftavia-main-navbar .craftavia-nav-glass { max-width: 100%; flex-wrap: nowrap; }
	body .page > header.craftavia-main-navbar .craftavia-nav-glass > .nav-item > .nav-link { padding-left: .7rem; padding-right: .7rem; }
}
@media (min-width: 1400px) and (max-width: 1799.98px) {
	body .page > header.craftavia-main-navbar > .container-xl { column-gap: 22px; }
	body .page > header.craftavia-main-navbar .craftavia-brand-name { font-size: 28px; }
	body .page > header.craftavia-main-navbar .craftavia-nav-glass > .nav-item > .nav-link { font-size: 13px; padding: .75rem .65rem; margin: 0 .1rem; }
	body .page > header.craftavia-main-navbar .craftavia-nav-glass > .nav-item > .nav-link > .nav-link-icon { display: none !important; }
}
@media (max-width: 1399.98px) {
	body .page > header.craftavia-main-navbar { position: relative !important; }
	body .page > header.craftavia-main-navbar > .container-xl { display: flex; flex-wrap: wrap; column-gap: 16px; row-gap: 0; }
	body .page > header.craftavia-main-navbar .navbar-toggler { display: inline-flex !important; order: 0; }
	body .page > header.craftavia-main-navbar .craftavia-brand { order: 1; flex: 1 1 0; min-width: 0; justify-content: center; margin: 0; padding-right: 0 !important; }
	body .page > header.craftavia-main-navbar .craftavia-brand-name { font-size: clamp(23px, 3vw, 28px); }
	body .page > header.craftavia-main-navbar .craftavia-user-nav { order: 2 !important; flex-shrink: 0; }
	body .page > header.craftavia-main-navbar .craftavia-user-card > div { display: none !important; }
	body .page > header.craftavia-main-navbar #navbar-menu { order: 3; flex: 0 0 100%; width: 100%; }
	body .page > header.craftavia-main-navbar #navbar-menu:not(.show):not(.collapsing) { display: none !important; }
	body .page > header.craftavia-main-navbar #navbar-menu.show,
	body .page > header.craftavia-main-navbar #navbar-menu.collapsing { display: block !important; }
	body .page > header.craftavia-main-navbar .craftavia-nav-center { display: block !important; min-width: 0; width: 100%; }
	body .page > header.craftavia-main-navbar .craftavia-nav-glass { flex-direction: column !important; width: 100%; padding: 8px; margin: 14px 0 0; border-radius: 16px; gap: 4px; }
	body .page > header.craftavia-main-navbar .craftavia-nav-glass > .nav-item { width: 100%; }
	body .page > header.craftavia-main-navbar .craftavia-nav-glass > .nav-item > .nav-link { min-height: 44px; padding: 12px 16px !important; margin: 0 !important; font-size: 14px; justify-content: flex-start; }
	body .page > header.craftavia-main-navbar .craftavia-nav-glass > .nav-item > .nav-link > .nav-link-icon { display: inline-flex !important; }
	body .page > header.craftavia-main-navbar .craftavia-nav-glass .dropdown-menu { position: static !important; transform: none !important; float: none; width: 100%; margin: 4px 0 8px; box-shadow: none; }
}