/* Admin DateTime Display Styles */
.admin-datetime-display-container {
    position: relative;
    margin-right: 10px !important;
}

.admin-datetime-display {
    display: inline-block;
    padding: 0 5px;
    color: #f0f0f1;
    font-size: 13px;
}

/* Ensure proper positioning */
#wpadminbar #wp-admin-bar-admin-datetime-display .ab-item {
    padding: 0 8px;
    height: 32px;
    line-height: 32px;
}

/* Responsive - only show on screens wider than 1023px */
@media screen and (min-width: 1024px) {
    #wpadminbar #wp-admin-bar-admin-datetime-display {
        display: block !important;
    }
}

@media screen and (max-width: 1023px) {
    #wpadminbar #wp-admin-bar-admin-datetime-display {
        display: none !important;
    }
}