/* Averta Font-Face Definitions */
            @font-face {
                font-family: 'Averta';
                src: url('/fonts/averta/AvertaStd-Light.ttf') format('truetype');
                font-weight: 300;
                font-style: normal;
            }
            @font-face {
                font-family: 'Averta';
                src: url('/fonts/averta/AvertaStd-Regular.ttf') format('truetype');
                font-weight: 400;
                font-style: normal;
            }
            @font-face {
                font-family: 'Averta';
                src: url('/fonts/averta/AvertaStd-Semibold.ttf') format('truetype');
                font-weight: 600;
                font-style: normal;
            }
            @font-face {
                font-family: 'Averta';
                src: url('/fonts/averta/AvertaStd-Bold.ttf') format('truetype');
                font-weight: 700;
                font-style: normal;
            }
            @font-face {
                font-family: 'Averta';
                src: url('/fonts/averta/AvertaStd-ExtraBold.ttf') format('truetype');
                font-weight: 800;
                font-style: normal;
            }

            /* Global Font - Averta */
            body, html {
                font-family: 'Averta', 'AvertaStd-Regular', sans-serif !important;
            }

            /* Gold Gradient - Global */
            .gold-gradient {
                background: #ffc505;
            }

            .hover-gold-gradient:hover {
                color: #fdd36f !important;
            }

            .hover-gold-gradient-bg:hover {
                background: ffc505 !important;
            }

   /* Alpine.js x-cloak Fix */
            [x-cloak] { 
                display: none !important; 
            }

            /* Loading Screen - iOS Safari Fix */
            #loading-screen {
                position: fixed !important;
                top: 0 !important;
                left: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                width: 100vw !important;
                height: 100vh !important;
                min-height: 100vh !important;
                background: #0f1012;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                z-index: 99999;
                overflow: hidden !important;
                margin: 0 !important;
                padding: 0 !important;
                transition: opacity 0.5s ease-out;
            }
            
            /* iOS Safari özel fix */
            @supports (-webkit-touch-callout: none) {
                #loading-screen {
                    min-height: -webkit-fill-available !important;
                }
            }

            #loading-screen.hidden {
                opacity: 0;
                /* visibility geç kalsın, opacity 0 olsa da ekran kapatsın */
                transition: opacity 0.5s ease-out, visibility 0s linear 0.5s;
                visibility: hidden;
            }

            .loading-logo {
                width: 280px;
                height: auto;
                animation: pulse 2s ease-in-out infinite;
            }

            @keyframes pulse {
                0%, 100% { opacity: 1; transform: scale(1); }
                50% { opacity: 0.8; transform: scale(1.05); }
            }

            .loading-spinner {
                margin-top: 30px;
                width: 50px;
                height: 50px;
                border: 4px solid rgba(253, 211, 111, 0.2);
                border-top-color: #fdd36f;
                border-radius: 50%;
                animation: spin 1s linear infinite;
            }

            @keyframes spin {
                to { transform: rotate(360deg); }
            }

            /* Global Overflow Fix */
            * {
                max-width: 100% !important;
            }
            
            html, body {
                overflow-x: hidden !important;
                max-width: 100vw !important;
            }
            
            @media (max-width: 767px) {
                main {
                    max-width: 100vw !important;
                }
            }
            
            /* Sidebar Scrollbar Styling */
            .sidebar-scroll::-webkit-scrollbar {
                width: 6px;
            }
            .sidebar-scroll::-webkit-scrollbar-track {
                background: #0f1012;
            }
            .sidebar-scroll::-webkit-scrollbar-thumb {
                background: #333333;
                border-radius: 3px;
            }
            .sidebar-scroll::-webkit-scrollbar-thumb:hover {
                background: #404040;
            }
            
            /* Firefox scrollbar */
            .sidebar-scroll {
                scrollbar-width: thin;
                scrollbar-color: #333333 #0f1012;
            }

 /* Canlı Destek İkonu - Smooth Titreme Animasyonu */
    @keyframes smoothShake {
        0% { transform: rotate(0deg); }
        10% { transform: rotate(-8deg); }
        20% { transform: rotate(8deg); }
        30% { transform: rotate(-8deg); }
        40% { transform: rotate(8deg); }
        50% { transform: rotate(0deg); }
        100% { transform: rotate(0deg); }
    }

    .shake-animation {
        animation: smoothShake 4s ease-in-out infinite;
    }

    .shake-animation:hover {
        animation: none;
    }


       @keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        .animate-scroll {
            animation: scroll 30s linear infinite;
        }
        .animate-scroll:hover {
            animation-play-state: paused;
        }

        /* Gold Gradient */
        .gold-gradient {
            background: #ffc505;
        }

        .hover-gold-gradient:hover {
            color: #fdd36f !important;
        }

    [x-cloak] { display: none !important; }
    
    /* Sidebar icon gradient */
    .sidebar-icon-gradient {
        filter: brightness(0) saturate(100%) invert(85%) sepia(45%) saturate(746%) hue-rotate(343deg) brightness(103%) contrast(98%);
    }
    
    /* Hover effect */
    a:hover .sidebar-icon-gradient {
        filter: brightness(0) saturate(100%) invert(66%) sepia(49%) saturate(593%) hue-rotate(355deg) brightness(94%) contrast(91%);
    }

    /* Mobile scrollbar gizle */
            .md\\:hidden::-webkit-scrollbar {
                display: none;
            }