/*
 * Portfolio - Mathieu Abbal
 * Custom CSS (Tailwind is loaded via CDN)
 *
 * Note: This file replaces the previous 9.3MB Tailwind build.
 * Tailwind is now loaded via CDN with inline configuration.
 */

/* Base styles */
html {
    scroll-behavior: smooth;
}

/* Toggle switch custom styles */
.toggle-checkbox:checked {
    right: 0;
    border-color: #3b82f6;
}

.toggle-checkbox:checked + .toggle-label {
    background-color: #3b82f6;
}

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

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}

.dark ::-webkit-scrollbar-track {
    background: #1f2937;
}

.dark ::-webkit-scrollbar-thumb {
    background: #4b5563;
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: #6b7280;
}

/* Google Forms iframe styling */
iframe {
    border: none;
}

/* Print styles */
@media print {
    header, footer, #back2Top {
        display: none;
    }

    body {
        background: white !important;
    }

    section {
        page-break-inside: avoid;
    }
}