/* SchreibFix Custom Styles */

/* Mobile Optimierung: Verhindert Zoom beim Tippen in Inputs auf iOS */
@media screen and (max-width: 768px) {
    input, textarea, select {
        font-size: 16px !important; 
    }
}

/* Scrollbar verstecken für Toolbar */
.overflow-x-auto::-webkit-scrollbar {
    display: none;
}
.overflow-x-auto {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* textarea Fokus-Rahmen entfernen (Bootstrap Override) */
#text-input:focus {
    box-shadow: none;
    border-color: transparent;
}

/* Result Area animieren */
#result-area, .subview {
    animation: fadeIn 0.3s ease-in-out;
}

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

/* Bottom Nav Styles */
.nav-tab.active {
    color: var(--bs-primary) !important;
    border-top: 2px solid var(--bs-primary);
    border-radius: 0;
    margin-top: -2px; /* Ausgleich für Border */
}

.fixed-bottom {
    z-index: 1030;
}

/* Padding für Content, damit er nicht hinter der Nav verschwindet */
body {
    padding-bottom: 70px;
}