/* RTL Filament Admin Panel Styles */
/* Main RTL direction */
[dir="rtl"] {
	direction: rtl;
	text-align: right;
}

[dir="rtl"] .fi-body {
	direction: rtl;
}

[dir="rtl"] .fi-main {
	padding-inline-start: 1rem;
	padding-inline-end: 1rem;
}

/* Sidebar RTL positioning */
[dir="rtl"] .fi-sidebar {
	border-inline-start: none;
	border-inline-end: 1px solid rgb(229 231 235);
}

/* Navigation items with icons on the RIGHT */
[dir="rtl"] .fi-sidebar-nav-item-button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0.5rem 1rem;
	text-align: right;
}

/* Icon on the RIGHT side */
[dir="rtl"] .fi-sidebar-nav-item-icon {
	order: 3;
	margin-left: 0.75rem;
	margin-right: 0;
	flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
}

/* Label in the middle */
[dir="rtl"] .fi-sidebar-nav-item-label {
	order: 2;
	flex: 1;
	text-align: right;
	margin-right: auto;
}

/* Badge on the LEFT side */
[dir="rtl"] .fi-sidebar-nav-item-badge {
	order: 1;
	margin-left: 0;
	margin-right: 0.5rem;
}

/* Navigation groups */
[dir="rtl"] .fi-sidebar-nav-group-label {
	text-align: right;
	padding-right: 1rem;
	padding-left: 0.5rem;
}

[dir="rtl"] .fi-sidebar-nav-group-items {
	direction: rtl;
}

/* Forms RTL */
[dir="rtl"] .fi-fo-field-wrp {
	text-align: right;
	direction: rtl;
}

[dir="rtl"] .fi-fo-field-wrp-label {
	text-align: right;
}

[dir="rtl"] .fi-input {
	text-align: right;
}

[dir="rtl"] .fi-select {
	text-align: right;
}

/* Tables RTL */
[dir="rtl"] .fi-ta {
	direction: rtl;
}

[dir="rtl"] .fi-ta-cell {
	text-align: right;
}

[dir="rtl"] .fi-ta-header-cell {
	text-align: right;
}

/* Buttons RTL */
[dir="rtl"] .fi-btn {
	direction: rtl;
}

[dir="rtl"] .fi-btn-label {
	text-align: right;
}

[dir="rtl"] .fi-btn-icon {
	margin-right: 0;
	margin-left: 0.5rem;
}

/* Header RTL */
[dir="rtl"] .fi-header {
	direction: rtl;
}

[dir="rtl"] .fi-header-heading {
	text-align: right;
}

[dir="rtl"] .fi-page-header-actions {
	margin-left: 0;
	margin-right: auto;
}

/* Dropdowns RTL */
[dir="rtl"] .fi-dropdown-list {
	text-align: right;
}

/* Modals RTL */
[dir="rtl"] .fi-modal-heading {
	text-align: right;
}

/* Sections RTL */
[dir="rtl"] .fi-section-header-heading {
	text-align: right;
}

/* Badges RTL */
[dir="rtl"] .fi-badge {
	direction: rtl;
}

/* Input affixes RTL */
[dir="rtl"] .fi-input-affix-icon {
	right: auto;
	left: 0.75rem;
}

/* Checkboxes and radios RTL */
[dir="rtl"] .fi-checkbox,
[dir="rtl"] .fi-radio {
	padding-left: 0;
	padding-right: 1.5rem;
}

[dir="rtl"] .fi-checkbox-input,
[dir="rtl"] .fi-radio-input {
	right: 0;
	left: auto;
}

/* Breadcrumbs RTL */
[dir="rtl"] .fi-breadcrumbs-item-separator {
	transform: rotate(180deg);
}

/* Filters RTL */
[dir="rtl"] .fi-ta-filter {
	text-align: right;
}

[dir="rtl"] .fi-ta-filter-remove-button {
	margin-left: 0;
	margin-right: 0.5rem;
}

/* Tabs RTL */
[dir="rtl"] .fi-tabs-item-icon {
	margin-right: 0;
	margin-left: 0.5rem;
}

/* Notifications RTL */
[dir="rtl"] .fi-notification-title {
	text-align: right;
}

[dir="rtl"] .fi-notification-body {
	text-align: right;
}

[dir="rtl"] .fi-notification-icon {
	margin-left: 0.75rem;
	margin-right: 0;
}

/* Select dropdown RTL */
[dir="rtl"] .fi-select-trigger-icon {
	right: auto;
	left: 1rem;
}

[dir="rtl"] .fi-select-option-label {
	text-align: right;
}

/* Date picker RTL */
[dir="rtl"] .fi-date-picker {
	text-align: right;
}

/* File upload RTL */
[dir="rtl"] .fi-file-upload {
	text-align: right;
}

/* Pagination RTL */
[dir="rtl"] .fi-pagination {
	flex-direction: row-reverse;
}

[dir="rtl"] .fi-pagination-item-separator {
	transform: rotate(180deg);
}

/* Tooltip RTL */
[dir="rtl"] .fi-tooltip {
	text-align: right;
}

/* Mobile responsive */
@media (max-width: 768px) {
	[dir="rtl"] .fi-sidebar {
		right: 0;
		left: auto;
	}

	[dir="rtl"] .fi-sidebar-nav-item-button {
		padding: 0.75rem 1rem;
	}

	[dir="rtl"] .fi-sidebar-nav-item-icon {
		margin-left: 0.5rem;
		margin-right: 0;
	}
}

/* Ensure icons are visible and properly sized */
[dir="rtl"] .fi-sidebar-nav-item-icon svg {
	width: 100%;
	height: 100%;
	flex-shrink: 0;
}

/* Active state */
[dir="rtl"] .fi-sidebar-nav-item[aria-current="page"] .fi-sidebar-nav-item-button {
	background-color: rgb(251 191 36 / 0.1);
}

/* Hover state */
[dir="rtl"] .fi-sidebar-nav-item-button:hover {
	background-color: rgb(0 0 0 / 0.05);
}
