.holiday-banner {
    background-color: #ef3737 !important;
    color: #ffffff !important;
    text-align: center !important;
    font-size: 20px !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    border-bottom: 2px solid #ccc !important;
    height: auto !important;
}

@media (max-width: 768px) {
    .holiday-banner {
        font-size: 16px !important;
        padding: 10px !important;
    }
    body {
        margin-top: auto !important;
    }
}

/* Force banner to be at the top in all scenarios */
body {
    padding-top: auto !important; /* Ensures content starts below the banner */
}

/* Set the text color to white for the color picker button */
.wp-picker-container .wp-color-result {
    color: #ffffff !important;
    background-color: #ef3737 !important;
}

/* Set the text color to white inside the color picker dialog */
.wp-picker-active .iris-picker {
    color: #ffffff !important;
}

.wp-picker-active .iris-picker .iris-square, 
.wp-picker-active .iris-picker .iris-slider, 
.wp-picker-active .iris-picker .iris-alpha-slider {
    color: #ffffff !important;
}