@import '../../../../vendor/filament/filament/resources/css/theme.css';

@source '../../../../app/Filament/**/*.php';
@source '../../../../app/Providers/Filament/**/*.php';
@source '../../../../plugins/webkul/*/src/Filament/**/*.php';
@source '../../../../plugins/webkul/*/resources/views/**/*.blade.php';
@source '../../../../resources/views/**/*.blade.php';

/* Hide elements before Alpine initialises */
[x-cloak] { display: none !important; }

/* Dot-pulse animation for toggle button loading state */
@keyframes dot-pulse {
    0%, 80%, 100% { transform: scale(0.5); opacity: 0.3; }
    40% { transform: scale(1); opacity: 1; }
}

/* Segmented-control style for grouped toggle buttons */
.fi-fo-toggle-buttons.fi-btn-group {
    background-color: #e5e7eb;
    border-radius: 0.5rem;
    padding: 0.1875rem;
    gap: 0.125rem;
    /* Override the default ring/border on the group itself */
    --tw-ring-shadow: 0 0 #0000 !important;
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: none !important;
}

.fi-fo-toggle-buttons.fi-btn-group label.fi-btn {
    background-color: transparent !important;
    color: #374151 !important;
    --tw-shadow: 0 0 #0000 !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    box-shadow: none !important;
    border-radius: 0.375rem !important;
}

.fi-fo-toggle-buttons.fi-btn-group input.fi-fo-toggle-buttons-input:checked + label.fi-btn {
    background-color: #ffffff !important;
    color: #111827 !important;
    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.10), 0 1px 3px 0 rgba(0,0,0,.06) !important;
    box-shadow: var(--tw-shadow) !important;
    --tw-ring-shadow: 0 0 #0000 !important;
}

.dark .fi-fo-toggle-buttons.fi-btn-group {
    background-color: #374151;
}

.dark .fi-fo-toggle-buttons.fi-btn-group label.fi-btn {
    color: #d1d5db !important;
}

.dark .fi-fo-toggle-buttons.fi-btn-group input.fi-fo-toggle-buttons-input:checked + label.fi-btn {
    background-color: #4b5563 !important;
    color: #f9fafb !important;
}


/* Hide cluster sub-navigation tab bar and mobile dropdown on all pages.
   Record-level tabs (product detail pages) use HasRecordNavigationTabs which
   renders via a header widget — not via this component — so they are unaffected. */
.fi-page-sub-navigation-tabs,
.fi-page-sub-navigation-dropdown {
    display: none !important;
}