/* Custom Styles */

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

@font-face {
    font-family: 'ArabicFont';
       src: url('../fonts/K24KurdishBold.woff2') format('woff2'),
         url('../fonts/K24KurdishBold.woff') format('woff'),
         url('../fonts/K24KurdishBold.ttf') format('truetype');
    font-display: swap;
}

/* 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 50% 40%, #f8f9fa 0%, #000000 50%);
    filter: blur(150px);
    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);
    }
}

/* 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;
    }
}

/* Responsive Icons */
.icon-responsive {
    width: 24px;
    height: 24px;
    fill: currentColor;
    transition: transform 0.2s ease;
}

@media (min-width: 768px) {
    .icon-responsive {
        width: 28px;
        height: 28px;
    }
}

.icon-responsive:hover {
    transform: scale(1.1);
}

.footer-credit-link {
    text-decoration: underline;
    font-weight: 600;
}

.footer-credit-link:hover {
    text-decoration: underline;
    opacity: 0.85;
}

/* Theme Icon Visibility */
.theme-icon-sun,
.theme-icon-moon {
    display: none;
}

body[data-theme="dark"] .theme-icon-sun {
    display: inline-block;
}

body[data-theme="light"] .theme-icon-moon {
    display: inline-block;
}

/* Hover Scale Animation */
.hover-scale {
    transition: transform 0.2s ease;
}


.hover-scale:hover {
    transform: translateY(-2px);
}

/* Location Section Theme Styling */
body[data-theme="dark"] #location {
    background-color: #212529; /* Matches Bootstrap .bg-dark */
}

body[data-theme="light"] #location {
    background-color: transparent; /* Matches body background */
}

/* Contact Highlight Animation */
.contact-highlight {
    animation: pulse-green 3s infinite;
}

@keyframes pulse-green {
    0% {
        transform: scale(1);
        filter: drop-shadow(0 0 0 rgba(37, 211, 102, 0.7));
    }
    50% {
        transform: scale(1.1);
        filter: drop-shadow(0 0 10px rgba(37, 211, 102, 0.7));
    }
    100% {
        transform: scale(1);
        filter: drop-shadow(0 0 0 rgba(37, 211, 102, 0));
    }
}