/* Solo Saat — Premium Lüks Admin Tema
   ----------------------------------------
   • Sidebar: koyu siyah-gri (#1A1A1A)
   • Aksent: altın (#B08F4A)
   • İçerik: krem-beyaz (#FAFAF7)
   • Yazı: Cormorant serif (başlık) + Inter (body)
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

@layer base {
    :root {
        --font-serif: 'Cormorant Garamond', Georgia, serif;
        --font-sans: 'Inter', -apple-system, system-ui, sans-serif;
        --solo-cream: #FAFAF7;
        --solo-cream-deep: #F5F0E5;
        --solo-ink: #1A1A1A;
        --solo-ink-soft: #2A2A2A;
        --solo-gold: #B08F4A;
        --solo-gold-soft: #CCAB58;
        --solo-line: #E5DFD2;
    }

    body {
        font-family: var(--font-sans);
        font-feature-settings: 'cv11';
    }

    h1, h2, h3, h4, .fi-section-header-heading, .fi-header-heading, .fi-modal-heading {
        font-family: var(--font-serif) !important;
        letter-spacing: -0.01em;
        font-weight: 500;
    }
}

@layer components {
    /* ---------- SIDEBAR (premium koyu) ---------- */
    .fi-sidebar {
        background: var(--solo-ink) !important;
        border-right: 1px solid #2a2a2a;
    }

    .fi-sidebar-nav-groups,
    .fi-sidebar-header {
        background: var(--solo-ink) !important;
    }

    .fi-sidebar-group-label,
    .fi-sidebar-group-button-label {
        color: rgba(204, 171, 88, 0.9) !important;
        font-size: 0.7rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.18em !important;
        text-transform: uppercase !important;
    }

    .fi-sidebar-item-button,
    .fi-sidebar-item-button .fi-sidebar-item-label,
    .fi-sidebar-item-button > * {
        color: #F5F0E5 !important;
        opacity: 1 !important;
    }

    .fi-sidebar-item-button {
        border-radius: 0 !important;
        border-left: 2px solid transparent;
        padding-left: 1rem !important;
        font-weight: 500 !important;
    }

    .fi-sidebar-item-button:hover {
        background: rgba(176, 143, 74, 0.08) !important;
        color: #fff !important;
        border-left-color: var(--solo-gold-soft);
    }

    .fi-sidebar-item-active .fi-sidebar-item-button,
    .fi-sidebar-item-button[aria-current="page"] {
        background: rgba(176, 143, 74, 0.15) !important;
        color: var(--solo-gold-soft) !important;
        border-left-color: var(--solo-gold) !important;
        font-weight: 500 !important;
    }

    .fi-sidebar-item-button .fi-sidebar-item-icon,
    .fi-sidebar-item-button .fi-icon {
        color: inherit !important;
    }

    .fi-sidebar-header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        padding: 1.25rem 1rem !important;
    }

    /* Sidebar collapse button */
    .fi-topbar-open-sidebar-btn,
    .fi-topbar-close-sidebar-btn {
        color: rgba(245, 240, 229, 0.7) !important;
    }

    /* ---------- TOPBAR ---------- */
    .fi-topbar {
        background: rgba(250, 250, 247, 0.95) !important;
        backdrop-filter: blur(10px) !important;
        border-bottom: 1px solid var(--solo-line) !important;
    }

    /* ---------- CONTENT BACKGROUND ---------- */
    .fi-main {
        background: var(--solo-cream) !important;
    }

    /* ---------- SECTIONS & CARDS ---------- */
    .fi-section,
    .fi-fo-section {
        background: #ffffff !important;
        border: 1px solid var(--solo-line) !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
        border-radius: 0.5rem !important;
    }

    /* ---------- BUTTONS ---------- */
    .fi-btn-color-primary {
        background: var(--solo-ink) !important;
        color: #fff !important;
        font-weight: 500 !important;
        letter-spacing: 0.02em !important;
        border-radius: 0.375rem !important;
    }

    .fi-btn-color-primary:hover {
        background: var(--solo-gold) !important;
    }

    /* ---------- TABLES ---------- */
    .fi-ta-header-row,
    .fi-ta thead {
        background: var(--solo-cream-deep) !important;
        border-bottom: 1px solid var(--solo-line) !important;
    }

    .fi-ta-header-cell {
        color: var(--solo-ink) !important;
        font-weight: 600 !important;
        font-size: 0.7rem !important;
        text-transform: uppercase !important;
        letter-spacing: 0.05em !important;
    }

    /* ---------- INPUTS ---------- */
    .fi-input:focus,
    .fi-input-wrp:focus-within {
        --tw-ring-color: var(--solo-gold) !important;
        border-color: var(--solo-gold) !important;
    }

    /* ---------- BADGES ---------- */
    .fi-badge {
        font-weight: 500 !important;
        letter-spacing: 0.02em !important;
    }

    /* ---------- LOGIN PAGE ---------- */
    .fi-simple-layout {
        background:
            radial-gradient(at 0% 0%, rgba(176, 143, 74, 0.06) 0%, transparent 50%),
            radial-gradient(at 100% 100%, rgba(26, 26, 26, 0.04) 0%, transparent 50%),
            var(--solo-cream) !important;
    }

    .fi-simple-main {
        background: #fff !important;
        border: 1px solid var(--solo-line) !important;
        border-radius: 0.5rem !important;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06) !important;
    }

    /* Login card header */
    .fi-simple-header {
        text-align: center !important;
    }

    .fi-simple-header .fi-logo {
        margin: 0 auto 1.25rem !important;
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .fi-simple-header-heading {
        font-family: var(--font-serif) !important;
        font-size: 1.5rem !important;
        letter-spacing: 0.02em !important;
        margin-top: 0.5rem !important;
    }

    /* ---------- DASHBOARD WIDGETS ---------- */
    .fi-wi-stats-overview-stat {
        background: #fff !important;
        border: 1px solid var(--solo-line) !important;
        border-radius: 0.5rem !important;
        transition: border-color 200ms ease, box-shadow 200ms ease;
    }

    .fi-wi-stats-overview-stat:hover {
        border-color: var(--solo-gold) !important;
        box-shadow: 0 4px 12px rgba(176, 143, 74, 0.08) !important;
    }

    .fi-wi-stats-overview-stat-value {
        font-family: var(--font-serif) !important;
        font-size: 2.25rem !important;
        font-weight: 500 !important;
    }

    /* ---------- SCROLLBAR ---------- */
    ::-webkit-scrollbar { width: 6px; height: 6px; }
    ::-webkit-scrollbar-track { background: transparent; }
    ::-webkit-scrollbar-thumb { background: rgba(176, 143, 74, 0.3); border-radius: 3px; }
    ::-webkit-scrollbar-thumb:hover { background: var(--solo-gold); }

    /* ---------- TOPBAR BREADCRUMB ---------- */
    .fi-breadcrumbs-item-label {
        color: rgba(26, 26, 26, 0.6) !important;
        font-size: 0.75rem !important;
        letter-spacing: 0.05em !important;
    }
}

/* Filament info widget / footer "Powered by" gizle */
.fi-wi-filament-info,
[wire\\:key*="filament-info"] {
    display: none !important;
}