/* Minimal custom styles - Tailwind handles most styling */

/* Global font size increase */
html {
    font-size: 118.75%; /* 19px base (instead of 16px) - increases all text by ~18.75% */
}

body {
    font-size: 1.1875rem; /* 19px base font size */
}

/* Custom scrollbar */
.artists-list::-webkit-scrollbar,
.artworks-content::-webkit-scrollbar {
    width: 8px;
}

.artists-list::-webkit-scrollbar-track,
.artworks-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.artists-list::-webkit-scrollbar-thumb,
.artworks-content::-webkit-scrollbar-thumb {
    background: #cbd5e0;
    border-radius: 4px;
}

.artists-list::-webkit-scrollbar-thumb:hover,
.artworks-content::-webkit-scrollbar-thumb:hover {
    background: #a0aec0;
}

/* Smooth transitions */
* {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* Image Modal Scroll Fix for Mobile */
#imageModal {
    -webkit-overflow-scrolling: touch;
}

#imageModal img {
    max-width: 100%;
    height: auto;
}


/* Dark Mode Support */
.dark {
    color-scheme: dark;
}

.dark body {
    background-color: #1f2937;
    color: #f9fafb;
}

.dark .bg-white {
    background-color: #1f2937 !important;
}

.dark .bg-gray-50 {
    background-color: #111827 !important;
}

.dark .text-gray-800 {
    color: #f9fafb !important;
}

.dark .text-gray-700 {
    color: #e5e7eb !important;
}

.dark .text-gray-600 {
    color: #d1d5db !important;
}

.dark .border-gray-200 {
    border-color: #374151 !important;
}

.dark .border-gray-300 {
    border-color: #4b5563 !important;
}

.dark footer {
    background-color: #111827 !important;
}

.dark footer .text-gray-300 {
    color: #d1d5db !important;
}

.dark footer .text-gray-400 {
    color: #9ca3af !important;
}

/* Modal Animations - Mobile */
@media (max-width: 767px) {
    .modal-container {
        transform: translateY(100%);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .modal-container.modal-open {
        transform: translateY(0);
    }
    
    .modal-backdrop {
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }
    
    .modal-backdrop.modal-open {
        opacity: 1;
    }
}

/* Desktop Modal Animations */
@media (min-width: 768px) {
    .modal-container {
        opacity: 0;
        transform: scale(0.95);
        transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    }
    
    .modal-container.modal-open {
        opacity: 1;
        transform: scale(1);
    }
    
    .modal-backdrop {
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
    }
    
    .modal-backdrop.modal-open {
        opacity: 1;
    }
    
    /* Desktop Menu Overlay - Cover all content below header */
    #moreMenuOverlay {
        z-index: 45;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    
    /* Ensure menu panel is above overlay */
    #moreMenuPanel {
        z-index: 46;
    }
}

/* WikiArt format styling */
#modalDescription i,
#artistInfoAfterAnswer i {
    font-style: italic;
    text-decoration: underline;
}