/**
 * @file
 * Webform counter styles for Chinese text fix
 */

/* Webform counter message styling */
.text-count-wrapper {
    display: none !important;
}

.webform-counter-message {
    font-size: 20px;
    margin-top: 5px;
    color: #000;
    display: block;
    font-family: inherit;
    line-height: 1.4;
    padding: 2px 0;
}

/* Warning state styling */
.webform-counter-message.webform-counter-warning {
    color: #d63384;
    font-weight: 500;
}

/* Input field warning styling */
input.webform-counter-warning,
textarea.webform-counter-warning {
    border-color: #d63384 !important;
    box-shadow: 0 0 0 0.2rem rgba(214, 51, 132, 0.25);
}

/* Enhanced styling for counter display */
.js-webform-counter+.webform-counter-message {
    margin-top: 8px;
}

/* Support for RTL languages */
[dir="rtl"] .webform-counter-message {
    text-align: right;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .webform-counter-message {
        font-size: 13px;
    }
}