/* ------------------------------------------------------------------
   Sitefinity 15.x / Kendo UI 2023+ compatibility shim
   ------------------------------------------------------------------
   Sitefinity 15.x ships Kendo UI 2023+, which renders widget icons as an
   inline <svg> instead of the old icon-font <span>. The public templates
   here load no Kendo stylesheet, so two Kendo defaults go missing:

     .k-hidden              -> stops hiding anything
     .k-svg-icon > svg      -> has no intrinsic size and expands to ~250px

   Result before this file existed: a giant black X beside the header
   search box, and an unstyled suggestion dropdown floating over the page.

   In 14.4 the same clear button was an icon-FONT span, which without CSS
   had no glyph and no size -- the gap was already there, just invisible.

   These rules restore Kendo's own defaults, so they are inert on the
   views that already load kendo_bootstrap_main_min.css (Courses,
   CareersSearch, AwardSearch, DepartmentContacts, EventScheduler).
   ------------------------------------------------------------------ */


/* --- Kendo defaults that are absent on these pages ---------------- */

.k-hidden {
    display: none !important;
}

.k-icon.k-svg-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 1em;
    height: 1em;
    line-height: 1;
    vertical-align: middle;
}

.k-icon.k-svg-icon > svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}


/* --- Header search box (WebForms SearchBox -> Kendo AutoComplete) -- */

.sfSearchBoxSet .k-autocomplete {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
}

.sfSearchBoxSet .k-clear-value {
    position: absolute;
    right: 36px; /* clear of the magnifier button */
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px; /* drives the 1em icon box */
    line-height: 0;
    color: #767676;
    cursor: pointer;
    z-index: 2;
}

.sfSearchBoxSet .k-clear-value:hover {
    color: #002562;
}


/* --- Suggestion popup -------------------------------------------- */
/* Kendo 2023 markup:
     div.k-animation-container
       div.k-child-animation-container
         div.k-list-container.k-popup.k-autocomplete-popup
           div.k-list.k-list-md
             div.k-list-group-sticky-header
             div.k-list-content.k-list-scroller
               ul.k-list-ul > li.k-list-item
             div.k-no-data                                            */

.k-list-container.k-popup {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
}

.k-list-container .k-list {
    background: #fff;
    font-size: 14px;
}

.k-list-container .k-list-group-sticky-header:empty {
    display: none;
}

.k-list-container .k-list-ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.k-list-container .k-list-item {
    display: block;
    padding: 7px 12px;
    color: #333;
    cursor: pointer;
}

.k-list-container .k-list-item:hover,
.k-list-container .k-list-item.k-focus,
.k-list-container .k-list-item.k-selected {
    background: #00b3a4;
    color: #fff;
}

.k-list-container .k-no-data {
    padding: 7px 12px;
    color: #767676;
    font-style: italic;
}