/**
 * Dátum mező – a naptár (jQuery UI Datepicker) saját megjelenése.
 *
 * Csak azokon az oldalakon töltődik be, ahol van korlátozott Dátum mező
 * (lásd Weekday_Date::enqueue()).
 *
 * FONTOS: a naptár NEM a mező mellett van a DOM-ban, hanem egyetlen közös
 * <div id="ui-datepicker-div"> a <body> végén, amit az oldal összes
 * dátumválasztója megoszt. Ezért nem lehet a mezőre (.gfield) hivatkozva
 * szűkíteni. Helyette a weekday-date.js a naptár megnyitásakor ráteszi a
 * .semmelweis-datepicker osztályt, bezáráskor leveszi. Minden szabályt ezzel
 * kezdj, így a nem korlátozott Dátum mezők naptárát nem érinted.
 *
 * A naptár szerkezete (leegyszerűsítve):
 *
 *   #ui-datepicker-div.ui-datepicker.semmelweis-datepicker
 *     .ui-datepicker-header
 *       a.ui-datepicker-prev / a.ui-datepicker-next     ← lapozó nyilak
 *       .ui-datepicker-title                            ← hónap, év (lehet <select> is)
 *     table.ui-datepicker-calendar
 *       thead th                                        ← H K Sze Cs P Szo V
 *       tbody td                                        ← egy nap cellája
 *         a.ui-state-default / span.ui-state-default    ← a kattintható szám / a tiltott szám
 *
 * Hasznos osztályok a <td>-n:
 *   .semmelweis-day-allowed    választható nap (a mi JS-ünk teszi rá)
 *   .semmelweis-day-disabled   nem engedélyezett hétköznap (a mi JS-ünk teszi rá)
 *   .semmelweis-day-past       múltbeli dátum (a mi JS-ünk teszi rá)
 *   .ui-datepicker-unselectable / .ui-state-disabled   bármilyen okból nem választható
 *                                                      (pl. min/max dátum miatt is)
 *   .ui-datepicker-today       a mai nap
 *   .ui-datepicker-current-day a kiválasztott nap
 *   .ui-datepicker-other-month előző/következő hónap napjai (ha látszanak)
 *   .ui-datepicker-week-end    szombat, vasárnap
 *
 * Ha egy szabályod nem érvényesül, a böngésző fejlesztői eszközében
 * (F12 → Elements → Styles) nézd meg, melyik Gravity Forms szabály írja felül,
 * és legyen a tiéd legalább olyan specifikus. A Gravity Forms „Orbital” témája
 * a .gform-theme-datepicker osztályra épít, a régi téma a
 * .gform-legacy-datepicker-re.
 */


/* A naptár doboza --------------------------------------------------------- */

.semmelweis-datepicker {
}


/* Fejléc: hónap, év, lapozó nyilak ---------------------------------------- */

.semmelweis-datepicker .ui-datepicker-header {
}

.semmelweis-datepicker .ui-datepicker-prev,
.semmelweis-datepicker .ui-datepicker-next {
}

.semmelweis-datepicker .ui-datepicker-title {
}


/* A hét napjainak neve ---------------------------------------------------- */

.semmelweis-datepicker .ui-datepicker-calendar th {
}


/* Választható napok ------------------------------------------------------- */

.semmelweis-datepicker td.semmelweis-day-allowed a,
.semmelweis-datepicker.ui-datepicker .ui-datepicker-calendar td.semmelweis-day-allowed .ui-state-default {
    background-color: #e2eff8;
}

.semmelweis-datepicker td.semmelweis-day-allowed a:hover,
.semmelweis-datepicker td.semmelweis-day-allowed a:focus {
}


/* Nem engedélyezett napok ------------------------------------------------- */

.semmelweis-datepicker td.semmelweis-day-disabled span,
.semmelweis-datepicker.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled .ui-state-default {
    background: none;
    border: none;
    box-shadow: none;
    color: #cccccc;
}


/* Mai nap ----------------------------------------------- */

.semmelweis-datepicker.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today span {
    position: relative;
}
.semmelweis-datepicker.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today span:after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background-color: #4E83A8;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -2px;
    border-radius: 100%;
}


/* Kiválasztott nap ----------------------------------------------- */

.semmelweis-datepicker.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default.ui-state-active {
    background-color: #4E83A8;
}