/* Studio NS Global Styles */

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    body {
        background-color: #F4ECEA;
        color: #2E2E2E;
        font-family: 'Plus Jakarta Sans', sans-serif;
        -webkit-tap-highlight-color: transparent;
        min-height: max(884px, 100dvh);
    }
}

.ios-tab-bar {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.ios-shadow {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.ios-blur {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 0px;
}

/* Fix for double arrows in Selects */
.appearance-none {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.appearance-none::-ms-expand {
    display: none !important;
}

/* Specific fix for some mobile browsers */
select.appearance-none {
    background-image: none !important;
}