@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&family=Outfit:wght@300;400;600;700&display=swap');

/* Apply modern typography rules */
body {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

body.font-arabic,
.font-arabic,
[lang="ar"] {
    font-family: 'Cairo', "Segoe UI", Roboto, sans-serif !important;
}

/* Enable full width for interactive elements inside Tailwind prose */
.prose .naromx-player-wrapper,
.entry-content.prose .naromx-player-wrapper,
.prose .naromx-radio-wrapper,
.entry-content.prose .naromx-radio-wrapper {
    max-width: 100% !important;
    width: 100% !important;
}

/* Custom Selection style matching Cyberpunk theme */
::selection {
    background-color: #71edbd !important; /* Neon Green */
    color: #171d1b !important; /* Dark theme background */
}
::-moz-selection {
    background-color: #71edbd !important;
    color: #171d1b !important;
}

/* Cyberpunk Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #171d1b;
}
::-webkit-scrollbar-thumb {
    background: #71edbd; /* Neon Green */
    border-radius: 4px;
    border: 2px solid #171d1b;
}
::-webkit-scrollbar-thumb:hover {
    background: #7cc7f2; /* Neon Blue */
}

/* Global Lang Switcher Button Custom Styles */
.naromx-lang-btn {
    color: rgba(243, 240, 232, 0.4) !important;
    font-weight: normal;
    text-shadow: none;
    outline: none !important;
}
.naromx-lang-btn:hover {
    color: #7cc7f2 !important; /* Neon Blue */
    text-shadow: 0 0 8px #7cc7f2;
}
.naromx-lang-btn.active {
    color: #71edbd !important; /* Neon Green */
    font-weight: bold;
    text-shadow: 0 0 8px #71edbd;
}

/* Navigation items adjustment when language switcher is present */
.menu-item-lang-switch {
    display: inline-flex;
    align-items: center;
}
@media (max-width: 1023px) {
    .menu-item-lang-switch {
        padding: 10px 15px;
        margin-top: 10px;
    }
}