.small-loading-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #f3f3f3; /* Light grey */
    border-top: 2px solid #3498db; /* Blue */
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 5px;
}

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

.wide-loading-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px; /* Adjust height as needed */
    margin: 20px 0; /* Optional: add vertical spacing */
}

.wide-loading-spinner::after {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #3498db; /* Blue */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

button:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

/* Debug Cartridge Styling */
.debug-cartridge {
    /*position: fixed; !* Keeps it fixed in place *!*/
    /*top: 46px; !* Adjusted to account for the WordPress admin bar *!*/
    left: 0;
    right: 0;
    z-index: 9999; /* Ensures it stays above the WordPress admin bar */
    background-color: rgba(50, 50, 50, 0.6); /* Dark gray background for better readability */
    color: #f0f0f0; /* Lighter gray text for contrast */
    font-family: 'Roboto', Arial, sans-serif; /* More readable font */
    font-size: 14px;
    padding: 10px 20px;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: flex-start;*/
    white-space: nowrap; /* Prevents line breaks */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
    resize: both; /* Allows resizing */
    overflow: auto; /* Handles overflow when resized */
    border: 1px solid rgba(68, 68, 68, 0.66); /* Optional: Adds a border for clarity */
}

/* Style for individual debug fields */
.debug-cartridge span {
    margin-right: 20px; /* Spacing between debug fields */
}

/* Apply the colon only to the first <span> inside a <p> */
.debug-cartridge p > span:first-of-type::after {
    content: ": "; /* Adds a colon after the first span in a paragraph */
}

.debug-cartridge span:last-child {
    margin-right: 0; /* Remove margin for the last item */
}

/* Compact paragraph styling */
.debug-cartridge p {
    margin: 5px 0; /* Reduced vertical spacing for compact layout */
    font-size: 13px; /* Slightly smaller font size for paragraphs */
    line-height: 1.2; /* Tighter line height for compactness */
    white-space: normal; /* Allow paragraphs to wrap text */
}

/* General table styling */
.internes-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0; /* Add some spacing around the table */
}

/* Style for all table cells */
.internes-table th,
.internes-table td {
    border: 1px solid #ddd; /* Light gray borders for separation */
    padding: 12px; /* Increase padding for better spacing */
    text-align: left; /* Align text to the left */
}

/* Style for table headers */
.internes-table th {
    background-color: #da2d19;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}

.internes-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.internes-table tbody tr:hover {
    /*background-color: #f1f1f1;*/
    outline: 2px solid #da2d19;
}

.internes-table th {
    border-bottom: 2px solid #ddd;
}

P.detail-passage {
    margin: 0.1rem;
    font-size: 12px;
    color: darkgrey;
    display: block;
}

.internes-table .formation-titre {
    font-weight: bold;
    display: block;
}

.hidden {
    display: none;
}