/* fahrplan_styles.css */

/* Lade-Spinner */
.loader {
    border: 4px solid #e5e7eb; /* gray-200 */
    border-top: 4px solid #2d5f9e; /* sn-blue-light */
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: spin 1s linear infinite;
    display: inline-block;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Optgroup Styling (Browser-abhängig, Basis-Styling) */
optgroup {
    font-weight: bold;
    background-color: #f3f4f6; /* gray-100 */
    padding-top: 5px;
    padding-bottom: 5px;
    color: #4b5563; /* gray-600 */
}

/* Klasse für durchgestrichene Planzeit */
.planned-time-strike {
    text-decoration: line-through;
    color: #6b7280; /* gray-500 */
}

/* v-cloak Styling */
[v-cloak] {
    display: none;
}

/* Back-to-Top Button Sichtbarkeit (Tailwind kümmert sich ums Styling) */
#back-to-top-btn-footer.visible {
    opacity: 1;
    visibility: visible;
}

/* Standard-Aussehen für das Select-Dropdown (Pfeil) */
select {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%23a0aec0%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.293%207.293a1%201%200%20011.414%200L10%2010.586l3.293-3.293a1%201%200%20111.414%201.414l-4%204a1%201%200%2001-1.414%200l-4-4a1%201%200%20010-1.414z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: right 0.7rem center;
    background-size: 1.2em 1.2em;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 2.5rem; /* Platz für den Pfeil */
}