/* ============================================================
   Al Araba admin theme — brand navy (#151242) + gold (#A39161)
   accents over Filament defaults, sharp corners, hover motion.
   Loaded via a panel render hook (AdminPanelProvider).
   ============================================================ */

:root {
    --aa-navy: #151242;
    --aa-navy-deep: #0F0D31;
    --aa-gold: #A39161;
    --aa-gold-soft: rgba(163, 145, 97, 0.12);
    --aa-gold-line: rgba(163, 145, 97, 0.45);
}

/* ---- Sharp corners everywhere (brand rule). Only radios, toggle
        switches and avatars keep their functional round shape. ---- */
.fi-body *:not([type="radio"]):not([role="switch"]):not([role="switch"] *):not(.fi-avatar):not(.fi-avatar *) {
    border-radius: 0 !important;
}

/* ---- Sidebar ---- */
.fi-sidebar-group-label {
    color: var(--aa-gold);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.fi-sidebar-item-button {
    border-radius: 0 !important;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.fi-sidebar-item-button:hover {
    background-color: var(--aa-gold-soft) !important;
}

.fi-sidebar-item-button .fi-sidebar-item-label,
.fi-sidebar-item-button .fi-sidebar-item-icon {
    transition: transform 0.2s ease, color 0.2s ease;
}

.fi-sidebar-item-button:hover .fi-sidebar-item-label {
    transform: translateX(3px);
}

[dir="rtl"] .fi-sidebar-item-button:hover .fi-sidebar-item-label {
    transform: translateX(-3px);
}

/* Active item: navy fill, gold edge, white text */
.fi-sidebar-item-active .fi-sidebar-item-button {
    background-color: var(--aa-navy) !important;
    box-shadow: inset 3px 0 0 var(--aa-gold);
}

[dir="rtl"] .fi-sidebar-item-active .fi-sidebar-item-button {
    box-shadow: inset -3px 0 0 var(--aa-gold);
}

.fi-sidebar-item-active .fi-sidebar-item-button .fi-sidebar-item-label,
.fi-sidebar-item-active .fi-sidebar-item-button .fi-sidebar-item-icon {
    color: #ffffff !important;
}

.dark .fi-sidebar-item-active .fi-sidebar-item-button {
    background-color: var(--aa-gold) !important;
    box-shadow: inset 3px 0 0 #ffffff;
}

.dark .fi-sidebar-item-active .fi-sidebar-item-button .fi-sidebar-item-label,
.dark .fi-sidebar-item-active .fi-sidebar-item-button .fi-sidebar-item-icon {
    color: var(--aa-navy-deep) !important;
}

/* ---- Topbar: thin gold brand line ---- */
.fi-topbar nav {
    border-bottom: 2px solid var(--aa-gold-line);
}

/* ---- Buttons: subtle lift on hover ---- */
.fi-btn {
    transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.fi-btn:hover {
    transform: translateY(-1px);
}

.fi-btn:active {
    transform: translateY(0);
}

/* ---- Form section cards: gold border glow on hover ---- */
.fi-section {
    transition: border-color 0.25s ease;
}

.fi-section:hover {
    border-color: var(--aa-gold-line);
}

/* ---- Dashboard stat cards: gold edge, lift + gold value on hover ---- */
.fi-wi-stats-overview-stat {
    border-radius: 0 !important;
    border-top: 3px solid var(--aa-gold);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.fi-wi-stats-overview-stat:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 24px -12px rgba(21, 18, 66, 0.25);
}

.fi-wi-stats-overview-stat-label {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.75rem !important;
}

.fi-wi-stats-overview-stat-value {
    color: var(--aa-navy) !important;
    transition: color 0.25s ease;
}

.dark .fi-wi-stats-overview-stat-value {
    color: #ffffff !important;
}

.fi-wi-stats-overview-stat:hover .fi-wi-stats-overview-stat-value {
    color: var(--aa-gold) !important;
}

/* ---- Tables: row hover tint ---- */
.fi-ta-row {
    transition: background-color 0.15s ease;
}

.fi-ta-row:hover {
    background-color: var(--aa-gold-soft) !important;
}

/* ---- Auth pages (login / password reset): gold top edge on the card ---- */
.fi-simple-main {
    border-top: 3px solid var(--aa-gold);
}

/* ---- Focus rings follow the brand gold (inputs already use primary) ---- */
.fi-input-wrp:focus-within {
    box-shadow: 0 0 0 1px var(--aa-gold);
}

@media (prefers-reduced-motion: reduce) {
    .fi-btn,
    .fi-btn:hover,
    .fi-sidebar-item-button .fi-sidebar-item-label,
    .fi-sidebar-item-button:hover .fi-sidebar-item-label,
    .fi-wi-stats-overview-stat,
    .fi-wi-stats-overview-stat:hover {
        transition: none;
        transform: none;
    }
}