/* SEARCH POPUP CSS — CLEANED
   Removed only redundant declarations/rules; kept remaining rule order and
   cascade to preserve the current appearance and behavior.
*/

/*** #SEARCH ***/

.mobile .search-popup {
    font-family: "Geologica", sans-serif;
}
.search-featured-leagues .featured-leagues-header { color: var(--c-neutral-900) !important }
.search-featured-leagues .featured-league-name { color: var(--c-neutral-500) !important; font-size: 14px !important; font-weight: 400 !important; }

.search-popup .close-page-button { height: 24px !important; }
#root .search-popup .search-extras .search-popular-terms {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.search-popular-terms::-webkit-scrollbar { display: none; }

#root .search-popup .search-extras .search-best-matches-items {
  align-items: center;
  overflow-y: hidden;
  scrollbar-width: none;   
}
.search-best-matches-items::-webkit-scrollbar { display: none; }

.mobile .search-popup { height: 90% !important; border-radius: 24px 24px 0px 0px !important; }

.mobile .search-popup { animation: mobileSearchSlideUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) both; }
@keyframes mobileSearchSlideUp {
  from { translate: 0 100%; opacity: 1; }
  to { translate: 0 0; opacity: 1; }
}
.mobile .search-popup.is-drag-tap-closing {
  animation: mobileSearchSlideDown 0.3s cubic-bezier(0.22, 1, 0.36, 1) both !important;
}
@keyframes mobileSearchSlideDown {
  from { translate: 0 0; opacity: 1; }
  to { translate: 0 100%; opacity: 1; }
}
.mobile .search-popup.is-drag-closing {
  animation: none !important;
  transition: none !important;
  pointer-events: none !important;
}
.mobile .search-popup.is-drag-closing.is-drag-closing-active {
  translate: 0 100%;
  opacity: 0.5;
  transition:
    translate 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
/* Hide the search modal backdrop as the popup begins closing */
app-modal.general-modal:has(.search-popup.is-drag-tap-closing) > .ui-widget-overlay.ui-dialog-mask,
app-modal.general-modal:has(.search-popup.is-drag-closing-active) > .ui-widget-overlay.ui-dialog-mask {
  background-color: transparent !important;
  transition: none !important;
}
#root .search-popup input {
    font-family: "Geologica", sans-serif;
    border-radius: 8px !important; box-shadow: 0 0 0 rgba(255, 183, 27, 0);
    transition: border 0.4s ease;
}
#root .search-popup input:focus { border: 2px solid #FFB71B; outline: none; }
#root .search-popup app-search p-autocomplete > span {
    background-color: var(--c-neutral-100);
    box-shadow: 0px 4px 12px rgba(38, 38, 38, 12%);
    border-radius: 0px !important;
    position: sticky;
    top: 0;
    z-index: 1010 !important;
}
.search-popup {
    bottom: 54px;
    top: 10vh!important;
    width: 50vw;
    left: 50%!important;
    transform: translateX(-50%)!important;
    box-shadow: none!important;
    height:80%!important;
    padding: 0px !important;
    overflow:hidden;
    border-radius:20px!important;
}
.mobile .search-popup {
    width:100%!important;
    top:unset!important;
    bottom:0!important;
}
.mobile .search-popup input::placeholder {
    color: var(--c-neutral-400) !important;
    opacity: 1 !important;
}
 .search-popup.ui-dialog .ui-dialog-content {
   padding:0px;
   background-color:var(--c-background);
   border-top-left-radius:24px;
   border-top-right-radius:24px;
   height: 100%;
overflow:hidden;
}
 .search-popup.ui-dialog .ui-dialog-content > div {
     display:flex;
     height: 100%;
}
body .mobile  .close-page-button .close-modal-button:before {
    width:50px;
    height:4px;
    content:"";
    background-color:var(--c-shade);
    display:block;
    border-radius:4px;
    
}
 .search-popup .close-page-button {
    position:unset;
    width:100%;
    height:18px;
    text-align:center;
    margin:0px;
    background-color: var( --c-neutral-100);
    position:sticky;
    top:0px
}
.desktop .search-popup .close-page-button a {
    justify-content:flex-end
}
.search-popup .close-page-button a {
    width:100%;
    display:flex;
    justify-content:center;
    height:100%;
    padding:8px 8px 4px 8px;
    z-index:111;
    
}
body .desktop .search-popup.ui-dialog .ui-dialog-titlebar {
    display: none
}

body .desktop .search-popup.ui-dialog .ui-dialog-titlebar a > span {
    color: var(--c-white)
}
.search-popup .search-wrapper > .search-label {
    display: none
}
.search-popup app-block.sports-search >app-widget-host{
    display:flex;
    flex-direction:column;
    height: 100%;
}
.search-popup .search-wrapper {
    background-color: var(--c-white-e);
    /* position:relative; */
    /* display:flex; */
    flex-direction:row;
    flex-wrap:wrap;
}
.search-popup .sports-search-block {
    overflow:auto;
    display: flex;
    flex-direction:column;
    width:100%;
    height:100%;
}
.search-popup app-search span:not(.default-sport):not(.featured-league-sportcode) {
    background-color: transparent;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
}
/* Autocomplete input wrapper styling is defined above. */
/* Clear/trash icon rules consolidated in the final icon section below. */
#root .search-popup input {
    height: 44px;
    width: 100%;;
    display: inline-flex;
    background-size: 20px;
    background-image: url(/v1.180/r/images/site/icons/Icons_Search_Dark.svg), linear-gradient(to bottom, var(--c-white-e),var(--c-white-e));
    background-position: 12px, 95%,center;
    background-repeat: no-repeat, no-repeat, repeat;
    color: var(--c-neutral-900);
    text-indent: 36px;
    border-radius:12px;
    font-size:16px;
    border: 1.5px solid var(--c-neutral-500);
    padding-right:48px;
}
.search-popup .close-page-button .close-modal-button:before {
    color: var(--c-primary)
}
.search-result.search-match-wrapper,
.search-result.search-category-wrapper{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    height: 100%;
    align-items: center
}
.search-popup .close-page-button .close-modal-button:before {
    font-weight: normal
}
body .ui-inputtext:enabled:focus:not(.ui-state-error) {
    border-color: 1px solid var(--c-primary)
}
#root .search-popup .search-extras .search-popular,
#root .search-popup .search-extras .search-best-matches{
    display:flex;
    flex-direction:column;
    gap:11px;
    margin-top:10px;
}
#root .search-popup .search-extras .search-popular-title,
#root .search-popup .search-extras .search-best-matches-title{
    /* text-transform:uppercase; */
    font-size: 16px;
    margin:0;
}
#root .search-popup .search-extras .search-popular-terms,
#root .search-popup .search-extras .search-best-matches-items{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:8px;
}
#root .search-popup .search-extras .search-popular-terms a,
#root .search-popup .search-extras .search-best-matches-items button {
    display:block;
    white-space:nowrap;
    padding:8px 16px;
    border-radius:32px;
    border:1px solid var(--c-neutral-500);
    color:var(--c-neutral-500);
    font-size: 14px;
    font-weight:400;
    font-style:normal!important;
    text-transform:none!important;
    line-height:1;
}
#root .search-popup .search-extras .search-popular-terms .search-popular-separator {
    display:none;
}
.search-popular-title, .search-best-matches-title, .featured-leagues-title { text-transform: capitalize !important; }
#root .search-popup .search-extras .search-quick-links {
    margin-top: 16px;
    margin-bottom: 0px;
    padding-bottom:4px;
    gap: 8px;
}
#root .search-popup .search-extras .search-quick-links button {
   white-space: nowrap;
   display:flex;
   max-height: 40px !important;
   min-width: 60px !important;
   flex-direction: column;
   align-items: center;
   justify-content:center;
   z-index: 1;
   padding: 14px 16px;
   border:1px solid var(--c-neutral-800);
   background-color:var(--c-emphasis);
   box-shadow:0px 2px 4px #2626264f;
   font-size: 14px;
   border-radius:8px;
   font-weight: 400;
   /* max-width:25%; */
   /* flex:unset; */
}
.search-popup .search-result .search-match-type {
   padding-right: 10px;
   height: 100%;
   
}
.search-popup .search-result.search-match-wrapper .search-match-type {
    align-items: flex-end;
    font-size: 13px;
    line-height: 13px
}
.search-popup .search-result.search-category-wrapper, .search-popup .search-result.search-tournament-wrapper {
    height: 100%
}
.search-popup .search-result.search-tournament-wrapper .search-match-type , .search-popup .search-result.search-category-wrapper .search-match-type {
    position: unset;
    height: 100%
}
.search-popup .search-result .search-result-type,
.search-popup .search-result .search-match-type .search-match-code,
.search-popup .search-result .search-match-type .search-match-tournament-category > div {
    display: none
}
.search-popup .search-result .search-match-type .default-flag{
    margin-right: 10px
}
.search-popup .search-result.search-tournament-wrapper .search-match-type, .search-popup .search-result.search-tournament-wrapper .search-match-type > div, .search-popup .search-result.search-category-wrapper .search-match-type > div, .search-popup .search-result .search-match-type .search-match-tournament-category, .search-popup .search-result .search-match-type .search-match-tournament-category .search-match-tournament {
    display: flex
}
.search-popup .search-result.search-tournament-wrapper .search-match-type .search-match-sport {
    display: none
}
.search-popup .search-result.search-tournament-wrapper .search-match-type .default-flag {
    order: -1
}
.search-popup .search-result.search-tournament-wrapper .search-match-type > div:not(.default-flag), 
.search-popup .search-result.search-category-wrapper .search-match-type > div:not(.default-flag) {
    margin-left: 10px
}
.search-popup .search-result.search-tournament-wrapper .search-match-type .default-sport, 
.search-popup .search-result.search-category-wrapper .search-match-type .default-sport {
    order: -1
}
.search-popup .search-result .search-match-data {
   flex: 1;
   flex-wrap: wrap;
   overflow: hidden;
}

.search-popup .search-result.search-tournament-wrapper .search-match-type .default-sport,
.search-popup .search-result.search-category-wrapper .search-match-type .default-sport {
    margin: 0 6px 0 0 !important;
    align-items: center;
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 14px !important;
    width: 14px !important;
    min-width: 14px !important;
    border: 0;
}

.search-popup .search-result .search-match-data .search-match-info {   
    display: flex;
    flex: 1 1 100%;
    order: 5;
    font-size: 13px;
    line-height: 13px
}
.search-popup .search-result .search-match-data .search-match-info .search-match-date{
    padding-right: 5px
}
.search-popup .search-result .search-match-data:not(.match-is-live) .search-match-info .search-match-progress,
.search-popup .search-result .search-match-data:not(.match-is-live) .search-match-info .search-match-score{
    display: none
}
.search-popup .search-result .search-match-data.match-is-live .search-match-info .search-match-progress{
    margin-left: 10px
}
.search-popup .search-result .search-match-data.match-is-live .search-match-info .search-match-score{
    margin-left: 10px;
    font-weight: bold
}
.search-popup .search-result .search-match-data .search-match-info .search-match-live:before{
    content: "Live";
    display: block;
    font-weight: bold;
    color: red;
}
.search-popup .search-result .search-match-data .search-match-name {   
    color: var(--c-primary);
    font-weight: bold;
    padding: 0 10px 0 0;
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
    
}
body .search-popup .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item.ui-state-highlight {
    background-color: var(--c-primary-d);
    color: var(--c-primary)
}
.search-popup .search-match-favorite{
    background-repeat: no-repeat;
    background-position: center;
    background: url(/v1.100/r/images/cybet/icons/Star-Off-Dark.svg) center center no-repeat;
    width: 18px;
    height: 18px;
    z-index: 1;
    background-size: contain;
    position: absolute !important;
    right: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-left: 0 !important;
}
.search-popup .search-match-favorite.favorite{
    background-image: url(/v1.100/r/images/cybet/icons/Star-On.svg)
}
.search-featured-leagues -block {
    margin-bottom: 4px
}
.mobile .search-popup .search-featured-leagues { margin-top: -8px !important; }
.search-featured-leagues .featured-leagues-header {
    /* position: relative; */
    box-shadow: none;
    background-color: var(--c-background);
    justify-content: flex-start;
    color: var(--c-black-e);
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
}
#root.hide .search-featured-leagues .featured-leagues-header > div {
    display: none
}
.search-featured-leagues .featured-leagues-header .featured-leagues-title {
    padding: 0 8px;
    white-space: nowrap;
    text-transform:uppercase;
    font-size:16px;
}
.search-featured-leagues .featured-leagues-header .featured-leagues-toggle {
    margin-left: auto;
    display:none;
}
.search-featured-leagues .nav-sport, .desktop .nav-sport:hover {
    color: var(--c-primary)
}
.search-featured-leagues .nav-sports-header {
    background: var(--c-background);
    color: var(--c-black-e);
    text-transform: uppercase;
    font-weight: bold;
    border-top: 1px solid var(--c-shade);
    border-bottom: 0;
}
.search-featured-leagues .sports-menu .navbar-toggle {
    margin-left: auto
}
.search-featured-leagues .sports-menu .navbar-toggle:after, .search-featured-leagues .featured-leagues-header .featured-leagues-toggle:after {
    content: "";
    background-image: url(/v1.100/r/images/cybet/icons/arrow-down-dark.svg);
    background-position: center;
    transition: all .3s;
}
.search-featured-leagues .featured-leagues-content {
    background-color: var(--c-background)
}
.search-featured-leagues .featured-leagues-content .featured-league {
    display: flex;
    align-items: center;
    position: relative
}
.featured-leagues-content .featured-league a:hover {
    color: var(--c-primary);
    background-color: var(--c-shade)
}
#root.hide .search-featured-leagues .nav-sports-header {
    justify-content: center
}
#root.hide .search-featured-leagues .nav-sports-header {
    display: none
}
.search-featured-leagues .nav-sports-header .nav-sports-title {
    padding: 0 8px
}
#root .search-featured-leagues li a {
    color: var(--c-primary);
    width: 100%;
    height: 100%;
    padding:0px 12px;
}
#root.hide .search-featured-leagues li a span {
    display: none
}
#root.hide .search-featured-leagues li a {
    display: flex;
    justify-content: center
}
#root.hide .search-featured-leagues li a .featured-league-category {
    display: flex;
    margin: 0
}
#root .search-featured-leagues .featured-leagues-content .featured-league a .featured-league-category{
    width: 18px
}
.search-featured-leagues  .featured-league span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
[class*='europe>-champions-league'] {
    background-image: url(/v1.100/r/images/cybet/icons/europe.svg);
    /*filter: invert(50%) sepia(83%) saturate(890%) hue-rotate(345deg) brightness(95%) contrast(97%);*/
}
[class*='europe->-uefa-europa-league'] {
    background-image: url(/v1.100/r/images/cybet/icons/europe.svg);
}
[class*='europe>-europa-conference-league'] {
    background-image: url(/v1.100/r/images/cybet/icons/europe.svg);
}
 li a .featured-league-category.roland-garros,
 li a .featured-league-category.uefa-nations-league,
 li a .featured-league-category.atp,
 li a .featured-league-category.africa-cup-of-nations,
 li a .featured-league-category.wta,
 li a .featured-league-category.wta-125k,
 li a .featured-league-category.challenger{
    background-image:url(/v1.100/r/images/site/icons/rg.png);
    border-radius:50%;
    border:1px solid var(--c-shade)
}
 li a .featured-league-category.atp,
 li a .featured-league-category.challenger,
.outrights-coupon .events-category-flag.tennis.atp{
    background-image:url(/v1.100/r/images/site/icons/atp.png);
}
 li a .featured-league-category.wta:not(.roland-garros),
 li a .featured-league-category.wta-125k{
    background-image:url(/v1.100/r/images/site/icons/wta.png);
}
 li a .featured-league-category.uefa-nations-league {
    background-image:url(/v1.100/r/images/site/icons/unl.png);
}
 li a .featured-league-category.africa-cup-of-nations {
    background-image:url(/v1.100/r/images/site/icons/caf.png);
}
.search-featured-leagues  li a .featured-league-category {
    margin-right: 0
}
.search-featured-leagues  .featured-league-sport {
    display: none
}
.search-featured-leagues  .featured-league-sportcode {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    order: -1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 20px;
    background-size: 14px;
    top: 10px;
}
.search-featured-leagues  .featured-league-name {
    padding: 0 5px 0 10px;
    color:var(--c-neutral-500);
    font-size: 14px;
    font-weight:500;
}


/*
=========================================================
SEARCH POPUP — AUTOCOMPLETE DROPDOWN REDESIGN
Modern surface, rounded corners, spacing and highlighting.
=========================================================
*/
.search-popup .ui-autocomplete .ui-autocomplete-panel {
    background: var(--c-white-e, #FFFFFF) !important;
    border: 1px solid var(--c-neutral-grey-1, #E5E5E5) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(38, 38, 38, 0.12) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: 65vh !important;
    top: 58px !important;
    margin-top: 6px !important;
    padding: 6px !important;
    box-sizing: border-box;
}
/* On mobile, align the dropdown with the input's 12px side gutters. */
.mobile .search-popup .ui-autocomplete .ui-autocomplete-panel {
    left: 10px !important;
    right: auto !important;
    width: calc(100% - 20px) !important;
    min-width: calc(100% - 20px) !important;
    box-sizing: border-box !important;
}
.search-popup .ui-autocomplete .ui-autocomplete-panel ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.search-popup .ui-autocomplete .ui-autocomplete-panel ul > li {
    min-height: 54px !important;
    height: auto !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent;
    transition: background-color 0.2s ease;
}
.search-popup .ui-autocomplete .ui-autocomplete-panel ul > li:hover {
    background-color: rgba(255, 183, 27, 0.10) !important;
}
body .search-popup .ui-autocomplete-panel .ui-autocomplete-items
.ui-autocomplete-list-item.ui-state-highlight {
    background-color: rgba(255, 183, 27, 0.16) !important;
    color: var(--c-primary, #222222) !important;
}
.search-popup .ui-autocomplete-panel .ui-autocomplete-list-item.ui-state-highlight
.search-match-name {
    color: var(--c-primary, #222222) !important;
}
.search-popup .search-result .search-match-data .search-match-name {
    font-family: "Geologica", sans-serif !important;
    font-weight: 600 !important;
}
.search-popup .search-result .search-match-data .search-match-info {
    font-family: "Geologica", sans-serif !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    color: var(--c-neutral-500, #777777) !important;
    margin-top: 3px;
}
.search-popup .ui-autocomplete .ui-autocomplete-panel ul > li + li {
    border-top: 1px solid rgba(38, 38, 38, 0.06) !important;
}

/* =========================================================
   FINAL CONSOLIDATED RULES — MOBILE SEARCH RESULTS OVERLAY
   ========================================================= */

/* The input wrapper stays above the results panel, including its shadow. */
.mobile .search-popup app-search p-autocomplete > span {
    position: sticky !important;
    top: 0 !important;
    z-index: 1010 !important;
    box-sizing: border-box !important;
}

/* Trash icon — hidden by default, but remains in the DOM for animation */
.mobile .search-popup app-search .search-clear {
    display: block !important;
    position: fixed !important;
    top: 45px !important;
    right: 20px !important;
    left: auto !important;
    bottom: auto !important;
    width: 24px !important;
    height: 24px !important;
    z-index: 1012 !important;
    cursor: pointer !important;
    font-size: 0 !important;

    opacity: 0 !important;
    transform: scale(0.85) !important;
    pointer-events: none !important;

    transition:
        opacity 200ms ease,
        transform 200ms ease !important;
}
/* Show the trash only when the search input contains text */
.mobile .search-popup app-search .search-wrapper:has(input:not(:placeholder-shown)) .search-clear {
    opacity: 1 !important;
    transform: scale(1) !important;
    pointer-events: auto !important;
}
.mobile .search-popup app-search .search-clear::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 2px !important;
    background-image: url("/v1.107/r/images/cybet/icons/icon_Trash_Can.svg") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    pointer-events: none !important;
}

/* Preloader intentionally disabled. */
.search-popup .ui-autocomplete .ui-autocomplete-loader,
.search-popup app-search p-autocomplete .ui-autocomplete-loader {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Reserve space for the clear icon inside the input. */
.search-popup app-search p-autocomplete input {
    padding-right: 48px !important;
}

/* Full-width, opaque results overlay. It sits below the input wrapper,
   so the input's shadow and the clear icon remain visible above it. */
.mobile .search-popup .ui-autocomplete .ui-autocomplete-panel,
.mobile .search-popup .ui-autocomplete-panel {
    position: fixed !important;
    top: 90px !important;
    left: 50% !important;
    right: auto !important;
    bottom: 0 !important;
    transform: translateX(-50%) !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0px 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: var(--c-white-e, #FFFFFF) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    z-index: 1009 !important;
}

/* Keep the results list clean and full-width inside the overlay. */
.mobile .search-popup .ui-autocomplete-panel ul,
.mobile .search-popup .ui-autocomplete-panel .ui-autocomplete-items {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

.mobile .search-popup .ui-autocomplete-panel ul > li,
.mobile .search-popup .ui-autocomplete-panel .ui-autocomplete-list-item {
    min-height: 54px !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    padding: 4px 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--c-white-e, #FFFFFF) !important;
}

.mobile .search-popup .ui-autocomplete-panel ul > li + li {
    border-top: 1px solid rgba(38, 38, 38, 0.06) !important;
}

.mobile .search-popup .ui-autocomplete-panel ul > li:hover,
.mobile .search-popup .ui-autocomplete-panel .ui-autocomplete-list-item.ui-state-highlight {
    background-color: rgba(255, 183, 27, 0.10) !important;
}

/* Remove the standalone sport-ball gutter so result content can use the row.
   The sport icon can be styled beside the flag once its markup is confirmed. */
.mobile .search-popup .search-result .default-sport,
.mobile .search-popup .search-result .default-sport::before {
    display: none !important;
    content: none !important;
    border: 0 !important;
}

.mobile .search-popup .search-result .search-match-data {
    min-width: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
}


/* =========================================================
   SEARCH RESULT TYPOGRAPHY — FINAL OVERRIDES
   ========================================================= */
.search-popup .search-result .search-match-data .search-match-info {
    font-size: 13px !important;
    line-height: normal !important;
    color: var(--c-neutral-400) !important;
}

.search-popup .search-result .search-match-data .search-match-name {
    font-size: 15px !important;
    line-height: normal !important;
    color: var(--c-neutral-900) !important;
}

.mobile .search-popup .search-result.search-match-wrapper .search-match-type .search-match-tournament {
    font-family: "Geologica", sans-serif !important;
    font-size: 14px !important;
    line-height: normal !important;
    color: var(--c-neutral-500) !important;
}


/* POPULAR SEARCH — remove all icons */
.mobile .search-popup .search-popular-terms a img,
.mobile .search-popup .search-popular-terms a svg,
.mobile .search-popup .search-popular-terms a .default-sport,
.mobile .search-popup .search-popular-terms a .default-flag,
.mobile .search-popup .search-popular-terms a [class*="sport"],
.mobile .search-popup .search-popular-terms a [class*="flag"],
.mobile .search-popup .search-popular-terms a::before,
.mobile .search-popup .search-popular-terms a::after {
    display: none !important;
    content: none !important;
    background-image: none !important;
}

.mobile .search-popup .search-popular-terms a {
    background-image: none !important;
}

/* BEST MATCHES — hide flags, retain sports icons */
.mobile .search-popup .search-best-matches-items .default-flag {
    display: none !important;
}
/* BEST MATCHES — align sports icon beside match text */
.mobile .search-popup .search-best-matches-items button {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    text-align: left !important;
}

/* Keep the sports icon inline */
.mobile .search-popup .search-best-matches-items .default-sport {
    position: static !important;
    display: inline-block !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

/* Prevent the match text from occupying a separate row */
.mobile .search-popup .search-best-matches-items button span:not(.default-sport):not(.default-flag) {
    width: auto !important;
    padding: 0 !important;
}
/* SEARCH EXTRAS — reduce horizontal padding from 16px to 12px */
.mobile .search-popup .search-extras.ng-star-inserted {
    padding: 12px 12px !important;
}