/* 
 Theme Name:   Courses Listing Child
 Theme URI:    https://petroknowledge.com/
 Description:  Courses Listing Child
 Author:       Nacef
 Author URI:   https://petroknowledge.com/
 Template:     courses-listing
 Text Domain:  courses-listing
 Version:      1.1
 License:      Private

--------------------------------------------*/
/* LiteSpeed delayed JS compatibility + autocomplete polish (critical, loaded on all pages). */
.hero.header-bg-image{background-size:cover;background-position:center center;background-repeat:no-repeat;}
.home-header-course-finder .autocomplete-area,.menu-header-course-finder .autocomplete-area{position:relative;border-radius:999px;overflow:hidden;}
.home-header-course-finder .autocomplete-area-input,.home-header-course-finder .filter-courses-search,.menu-header-course-finder .autocomplete-area-input,.menu-header-course-finder .filter-courses-search{border-radius:999px 0 0 999px;}
.home-header-course-finder .search-button,.menu-header-course-finder .search-button{border-radius:0 999px 999px 0;}
.ui-autocomplete.gcl-autocomplete-menu,.ui-autocomplete{box-sizing:border-box!important;max-width:calc(100vw - 24px)!important;max-height:min(420px,60vh);overflow-y:auto!important;overflow-x:hidden!important;border:1px solid rgba(0,90,125,.12)!important;border-radius:14px!important;box-shadow:0 18px 45px rgba(0,42,62,.18)!important;background:#fff!important;padding:8px!important;z-index:100000!important;scrollbar-width:thin;scrollbar-color:#0082ca #eef8fc;}
.ui-autocomplete::-webkit-scrollbar{width:9px;}.ui-autocomplete::-webkit-scrollbar-track{background:#eef8fc;border-radius:999px;}.ui-autocomplete::-webkit-scrollbar-thumb{background:#0082ca;border:2px solid #eef8fc;border-radius:999px;}
.ui-autocomplete .ui-menu-item,.ui-autocomplete .ui-autocomplete-row,.ui-autocomplete .ui-menu-item-wrapper{box-sizing:border-box!important;width:100%!important;max-width:100%!important;border:0!important;outline:0!important;margin:0!important;padding:0!important;transform:none!important;}
.ui-autocomplete .ui-autocomplete-row>a,.ui-autocomplete .ui-menu-item-wrapper>a{display:flex;align-items:center;gap:8px;box-sizing:border-box!important;min-height:31px;padding:8px 12px!important;border:0!important;outline:0!important;margin:0!important;border-radius:10px!important;line-height:1.35!important;color:#163c52!important;text-decoration:none!important;transform:none!important;white-space:normal!important;}.ui-autocomplete .ui-autocomplete-row>span,.ui-autocomplete .ui-menu-item-wrapper>span{display:block;box-sizing:border-box!important;min-height:31px;padding:8px 12px!important;border:0!important;outline:0!important;margin:0!important;border-radius:10px!important;line-height:1.35!important;color:#163c52!important;text-decoration:none!important;transform:none!important;}
.ui-autocomplete .title-line,.ui-autocomplete .title-line:hover,.ui-autocomplete .title-line.ui-state-active,.ui-autocomplete .ui-state-active.title-line,.ui-autocomplete .ui-menu-item-wrapper.ui-state-active .title-line{font-weight:700!important;background:#f5fbfe!important;color:#005a7d!important;border:0!important;outline:0!important;margin:0!important;box-shadow:none!important;transform:none!important;cursor:default!important;}
.ui-autocomplete .ui-autocomplete-row>a:hover,.ui-autocomplete .ui-autocomplete-row>a.ui-state-active,.ui-autocomplete .ui-menu-item-wrapper.ui-state-active>a{background:#eef8fc!important;color:#005a7d!important;border:0!important;outline:0!important;margin:0!important;box-shadow:none!important;transform:none!important;}
.gcl-autocomplete-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#eef2f4;color:#52626c;font-size:11px;font-weight:600;vertical-align:middle;}
.gcl-autocomplete-badge.is-online,.gcl-autocomplete-badge--online{background:#e8f7fb!important;color:#005a7d!important;}

/* v8: autocomplete menu must stay inside the search bar width and format badges inline at the far right. */
ul.ui-autocomplete.gcl-autocomplete-menu,
ul.ui-autocomplete {
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    max-width: var(--gcl-autocomplete-width, calc(100vw - 24px)) !important;
}
ul.ui-autocomplete.gcl-autocomplete-menu .ui-autocomplete-row > a,
ul.ui-autocomplete .ui-autocomplete-row > a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
ul.ui-autocomplete.gcl-autocomplete-menu .ui-autocomplete-row > a .gcl-autocomplete-title,
ul.ui-autocomplete .ui-autocomplete-row > a .gcl-autocomplete-title {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}
ul.ui-autocomplete.gcl-autocomplete-menu .gcl-autocomplete-badge,
ul.ui-autocomplete .gcl-autocomplete-badge,
ul.ui-autocomplete.gcl-autocomplete-menu .badge,
ul.ui-autocomplete .badge {
    margin-left: auto !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    align-self: center !important;
}
ul.ui-autocomplete.gcl-autocomplete-menu .title-line,
ul.ui-autocomplete .title-line {
    display: block !important;
    width: 100% !important;
}