/**
 * Scoped styling for jQuery UI Datepicker on the public-facing registration
 * form, where wp-admin's own datepicker styling is not loaded by default.
 * Plugin-authored CSS only — no third-party theme bundled.
 */
/* 24-hour HH:MM text inputs paired with date/time fields */
input.kubu-time {
    width: 5em;
    text-align: center;
}

#ui-datepicker-div {
    z-index: 9999 !important;
    background: #ffffff;
    border: 1px solid #ccd0d4;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba( 0, 0, 0, 0.15 );
    font-family: inherit;
    font-size: 0.9em;
    padding: 8px;
}

#ui-datepicker-div .ui-datepicker-header {
    position: relative;
    background: #0073aa;
    color: #ffffff;
    border-radius: 3px;
    padding: 6px 28px;
}

#ui-datepicker-div .ui-datepicker-title {
    font-weight: 600;
    text-align: center;
}

#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #ffffff;
    font-size: 1.3em;
    line-height: 1;
    padding: 2px 6px;
}

#ui-datepicker-div .ui-datepicker-prev {
    left: 4px;
}

#ui-datepicker-div .ui-datepicker-next {
    right: 4px;
}

/* jQuery UI renders prev/next as full words ("Vorheriger"/"Nächster") unless
   a UI theme provides icons; replace the text with arrow glyphs instead. */
#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span {
    display: none;
}

#ui-datepicker-div .ui-datepicker-prev::before {
    content: '\2039'; /* ‹ */
}

#ui-datepicker-div .ui-datepicker-next::before {
    content: '\203A'; /* › */
}

#ui-datepicker-div table.ui-datepicker-calendar {
    width: 100%;
    border-collapse: collapse;
    margin-top: 6px;
}

#ui-datepicker-div table.ui-datepicker-calendar th {
    color: #555;
    font-weight: 600;
    padding: 4px;
}

#ui-datepicker-div table.ui-datepicker-calendar td {
    padding: 2px;
    text-align: center;
}

#ui-datepicker-div table.ui-datepicker-calendar td a {
    display: block;
    padding: 4px 6px;
    border-radius: 3px;
    text-decoration: none;
    color: #333;
}

#ui-datepicker-div table.ui-datepicker-calendar td a:hover {
    background: #e7f3ff;
}

#ui-datepicker-div table.ui-datepicker-calendar .ui-datepicker-today a {
    background: #f0f0f1;
    font-weight: 600;
}

#ui-datepicker-div select.ui-datepicker-month,
#ui-datepicker-div select.ui-datepicker-year {
    margin: 0 2px;
}