/* Custom Styles */

/* Font Imports */
@font-face {
    font-family: 'KurdishFont';
    src: url('../fonts/K24KurdishBold.ttf') format('truetype');
}

@font-face {
    font-family: 'ArabicFont';
    src: url('../fonts/sarchia_pirmam.ttf') format('truetype');
}

/* Language Specific Fonts */
[data-lang="ku"] {
    font-family: 'KurdishFont', 'Segoe UI', sans-serif !important;
}

[data-lang="ar"] {
    font-family: 'ArabicFont', 'Segoe UI', sans-serif !important;
}

/* CSS Variables or Defaults */

/* Radial Gradient Background for Hero */
.bg-gradient-radial {
    background: radial-gradient(circle at center, #4d5eb3 0%, #000000 70%);
    filter: blur(100px);
    z-index: 0;
}

/* Base tweaks */
body {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    overflow-x: hidden;
}

/* Theme variants */
body[data-theme="dark"] {
    background-color: #000;
    color: #f8f9fa;
}

body[data-theme="light"] {
    background-color: #f8f9fa;
    color: #212529;
}

body[data-theme="light"] .bg-gradient-radial {
    background: radial-gradient(circle at center, #9bb4ff 0%, #ffffff 70%);
}

/* Theme-aware text colors for social links */
body[data-theme="dark"] .text-body {
    color: #f8f9fa !important;
}

body[data-theme="light"] .text-body {
    color: #212529 !important;
}

/* Social links hover effects */
body[data-theme="dark"] .text-body:hover {
    color: #ffffff !important;
}

body[data-theme="light"] .text-body:hover {
    color: #000000 !important;
}

/* Typing cursor animation */
#cursor {
    animation: blink 1s infinite;
}

@keyframes blink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

/* Animations */
.fade-in-up {
    animation: fadeInUp 1s ease-out forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Navbar */
.navbar-brand {
    font-size: 1.5rem;
    letter-spacing: 2px;
}

.nav-link {
    transition: color 0.3s ease;
}


/* Static header positioning */
.position-fixed.top-0.end-0.p-3 {
    position: static !important;
    top: auto !important;
    right: auto !important;
    z-index: 1050;
    text-align: right;
    padding: 1rem 0 !important;
}

/* Mobile Optimizations */
@media (max-width: 768px) {
    .display-1 {
        font-size: 3.5rem; /* Smaller hero title on mobile */
    }
    
    .lead {
        font-size: 1.1rem;
    }

    section#home {
        background-position: center;
    }
    
    .navbar-collapse {
        background: rgba(0, 0, 0, 0.9); /* Dark background for mobile menu */
        padding: 1rem;
        border-radius: 1rem;
        margin-top: 1rem;
    }
}