/* UI Elements CSS */

/* Target URL styles */
.target-url-inline {
    /* Base styles for all target URL elements */
    text-decoration: none;
    word-break: break-all;
}

.target-url-plain {
    /* Plain text style */
}

.target-url-bold {
    font-weight: bold;
}

.target-url-italic {
    font-style: italic;
}

.target-url-link {
    /* Link style */
    color: #0066cc;
    text-decoration: underline;
}

/* Custom styling classes */
.target-url-colored {
    /* Will be used with additional color classes */
}

.target-url-with-background {
    /* Will be used with additional background classes */
}

.target-url-underlined {
    text-decoration: underline;
}

/* Language selector styles */
.language-selector {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

.language-selector.hidden {
    display: none;
}

.language-option {
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 5px;
    /* Ensure touch targets are at least 44px x 44px for mobile */
    min-height: 44px;
    min-width: 44px;
}

.language-option.active {
    font-weight: bold;
    background-color: #f0f0f0;
}

/* Message styles */
.message {
    margin: 20px 0;
}

#redirect-message {
    line-height: 1.5;
}

/* Countdown styles */
#countdown {
    font-weight: bold;
}