/* URL Parameter Decoder Frontend Styles */

/* Style for decoded content containers */
.url-decoder-content {
    display: inline;
}

/* Style for loading state */
.url-decoder-loading {
    opacity: 0.5;
    cursor: wait;
}

/* Style for error state */
.url-decoder-error {
    color: #dc3232;
    font-style: italic;
}

/* Style for placeholder content */
[data-url-param] {
    transition: opacity 0.3s ease;
}

/* Optional: Style for specific parameter types */
[data-url-param="name"] {
    font-weight: bold;
}

[data-url-param="description"] {
    font-style: italic;
}

/* Accessibility improvements */
[data-url-param]:focus {
    outline: 2px solid #007cba;
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .url-decoder-content {
        break-inside: avoid;
    }
}