/**
 * [M45T3R5W4G3R] Kabiliyet Nisani (Discipline Badges) SCEditor Toolbar & Dropdown Styles
 */

/* Toolbar Button: Crisp Golden Magical Star (✦) Medallion SVG */
.sceditor-button-nisan div {
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16"><rect x="2" y="2" width="20" height="20" rx="4" fill="%23181d25" stroke="%23d4af37" stroke-width="1.8"/><path d="M12 4 Q12 12 20 12 Q12 12 12 20 Q12 12 4 12 Q12 12 12 4 Z" fill="%23ffd700"/><circle cx="12" cy="12" r="1.8" fill="%23ffffff"/><circle cx="6.5" cy="6.5" r="0.8" fill="%23ffe57f"/><circle cx="17.5" cy="6.5" r="0.8" fill="%23ffe57f"/><circle cx="6.5" cy="17.5" r="0.8" fill="%23ffe57f"/><circle cx="17.5" cy="17.5" r="0.8" fill="%23ffe57f"/></svg>') no-repeat center center !important;
	background-size: 16px 16px !important;
	display: block !important;
	width: 16px !important;
	height: 16px !important;
	font-size: 0 !important;
	line-height: 0 !important;
	text-indent: -9999px !important;
	overflow: hidden !important;
	color: transparent !important;
	border: none !important;
	user-select: none !important;
}

.sceditor-button-nisan div::before,
.sceditor-button-nisan div::after {
	display: none !important;
	content: "" !important;
}

.sceditor-button-nisan:hover div {
	filter: drop-shadow(0 0 4px rgba(255, 215, 0, 0.8)) brightness(1.2) !important;
	transform: scale(1.1) !important;
	transition: transform 0.15s ease, filter 0.15s ease !important;
}

/* SCEditor Dropdown Wrapper Override */
div.sceditor-dropdown.sceditor-nisan-dropdown,
div.sceditor-dropdown.sceditor-sceditor-nisan-dropdown,
div.sceditor-dropdown:has(.sceditor-nisan-dropdown) {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	overflow: visible !important;
	max-height: none !important;
	max-width: calc(100vw - 20px) !important;
	z-index: 12000 !important;
}

/* Dark Academia Dropdown Container */
.sceditor-nisan-dropdown {
	width: 310px !important;
	max-width: min(310px, calc(100vw - 24px)) !important;
	background: #141022 !important;
	background: linear-gradient(180deg, #181329 0%, #0f0c1b 100%) !important;
	border: 1px solid rgba(212, 175, 55, 0.45) !important;
	border-radius: 10px !important;
	padding: 12px 14px !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
	color: #e2e8f0 !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	box-sizing: border-box !important;
	user-select: none !important;
}

.sceditor-nisan-dropdown * {
	box-sizing: border-box !important;
}

/* Header */
.nisan-dd-header {
	display: flex !important;
	flex-direction: column !important;
	gap: 3px !important;
	margin-bottom: 10px !important;
	padding-bottom: 8px !important;
	border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
}

.nisan-dd-title {
	font-family: 'Cinzel', serif !important;
	font-size: 0.92rem !important;
	font-weight: 700 !important;
	color: #e5c46d !important;
	letter-spacing: 0.02em !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
}

.nisan-dd-desc {
	font-size: 0.72rem !important;
	color: #94a3b8 !important;
}

/* List of 4 Branches */
.nisan-dd-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
}

/* Individual Branch Item */
.nisan-dd-item {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	width: 100% !important;
	padding: 8px 10px !important;
	background: var(--item-bg, rgba(255, 255, 255, 0.03)) !important;
	border: 1px solid var(--item-border, rgba(255, 255, 255, 0.1)) !important;
	border-radius: 7px !important;
	cursor: pointer !important;
	text-align: left !important;
	transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease !important;
	outline: none !important;
}

.nisan-dd-item:hover,
.nisan-dd-item:focus {
	transform: translateX(3px) !important;
	border-color: var(--item-color, #d4af37) !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
}

/* Seal Icon */
.nisan-dd-seal {
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	background: rgba(10, 8, 16, 0.8) !important;
	border: 1.5px solid var(--item-color, #d4af37) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: var(--item-color, #d4af37) !important;
	font-size: 0.95rem !important;
	flex-shrink: 0 !important;
}

/* Title & Subtitle */
.nisan-dd-info {
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

.nisan-dd-name {
	font-family: 'Cinzel', serif !important;
	font-size: 0.84rem !important;
	font-weight: 700 !important;
	color: #f8fafc !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.nisan-dd-sub {
	font-size: 0.7rem !important;
	color: #94a3b8 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

/* Tag Pill */
.nisan-dd-tag {
	font-family: monospace !important;
	font-size: 0.72rem !important;
	font-weight: 600 !important;
	color: var(--item-color, #d4af37) !important;
	background: rgba(10, 8, 18, 0.8) !important;
	border: 1px solid var(--item-border, rgba(212, 175, 55, 0.3)) !important;
	border-radius: 5px !important;
	padding: 2px 6px !important;
	flex-shrink: 0 !important;
}

/* Footer Hint */
.nisan-dd-footer {
	margin-top: 10px !important;
	padding-top: 8px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
	font-size: 0.68rem !important;
	color: #64748b !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	line-height: 1.3 !important;
}