/**
 * Rhino Portfolio Gutenberg Blocks CSS
 *
 * @package Rhino\Portfolio
 */

.rhino-tech-badge {
	display: inline-block;
	background: #e2e8f0;
	color: #1e293b;
	padding: 4px 12px;
	border-radius: 16px;
	font-size: 0.85rem;
	font-weight: 600;
	margin: 0 4px 8px 0;
}

.rhino-badges-glow .rhino-tech-badge {
	background: linear-gradient(135deg, #6366f1, #3b82f6);
	color: #ffffff;
	box-shadow: 0 0 10px rgba(99, 102, 241, 0.4);
}

.rhino-stats-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 20px;
	text-align: center;
}

.rhino-stat-card {
	background: var(--rhino-card-bg, #ffffff);
	border: 1px solid var(--rhino-card-border, #e2e8f0);
	border-radius: var(--rhino-radius, 8px);
	padding: 24px;
}

.rhino-stat-number {
	display: block;
	font-size: 2.5rem;
	font-weight: 800;
	color: var(--rhino-accent, #0066cc);
}

.rhino-stat-label {
	display: block;
	font-size: 0.9rem;
	color: var(--rhino-text-muted, #64748b);
	margin-top: 4px;
}

.rhino-timeline-container {
	position: relative;
	border-left: 2px solid var(--rhino-accent, #0066cc);
	padding-left: 20px;
	margin-left: 10px;
}

.rhino-timeline-item {
	position: relative;
	margin-bottom: 30px;
}

.rhino-timeline-marker {
	position: absolute;
	left: -27px;
	top: 4px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--rhino-accent, #0066cc);
}

/* Position Rhino Portfolio Category at Top of Gutenberg Inserter Panel */
.block-editor-inserter__panel-content .components-panel__body:has(.block-editor-block-types-list__item[data-id*="rhino-portfolio"]),
.block-editor-inserter__panel-content [data-category="rhino-portfolio"] {
	order: -99999 !important;
}

/* Gutenberg Block Inserter Accordion Bar */
.rhino-inserter-accordion-bar {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 10px 14px !important;
	background: #0f172a !important;
	color: #ffffff !important;
	border-radius: 8px !important;
	margin: 10px 12px 12px 12px !important;
	cursor: pointer !important;
	user-select: none !important;
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important;
	transition: all 0.2s ease !important;
	order: -999999 !important;
	z-index: 99999 !important;
}

.rhino-inserter-accordion-bar:hover {
	background: #1e293b !important;
}

.rhino-accordion-title {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
}

.rhino-accordion-logo {
	font-size: 16px !important;
}

.rhino-accordion-toggle-btn {
	background: #0066cc !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 6px !important;
	width: 28px !important;
	height: 28px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	padding: 0 !important;
	cursor: pointer !important;
	transition: background-color 0.15s ease !important;
}

.rhino-accordion-toggle-btn:hover {
	background: #0052a3 !important;
}

.rhino-inserter-accordion-bar.is-collapsed {
	background: #334155 !important;
}