@charset "utf-8";
/* CSS Document */

.search-page-head .hero-title {
  margin: 0;
  font-size: 20px;
  line-height: 1.2;
}

/*=====================================
SEARCH RESULT CARD
======================================*/

.search-result-card{
    border:1px solid #d6d6d6;
    background:#f6f6f6;
}


/*------------------------------------
Desktop
------------------------------------*/

.search-desktop{
    display:grid;
    grid-template-columns:90px 1fr 220px;
    column-gap:28px;
    align-items: flex-start;
    padding:22px 20px;
}

.search-mobile{
    display:none;
}

.search-seat-no{
    font-size:16px;
    font-weight:700;
    color:#4a4a4a;
}

.search-seat-content{
    min-width:0;
}

.search-seat-title{
    margin:0 0 8px;
    font-size:16px;
    font-weight:700;
    color:#4a4a4a;
}


.search-candidate{
    margin:0;
    font-size:14px;
    line-height:1.5;
    color:#4a4a4a;
}

.search-view-link{
   justify-self:end;
    align-self:end;
    display:inline-flex;
    align-items:center;
    gap:4px;
    color:var(--brand-red);
    font-size:14px;
    font-weight:700;
    text-decoration:none;
}

.search-view-link .material-symbols-rounded{
    font-size:18px;
}

.search-results{
    width:100%;
	margin-top: 30px;
}

/* Search */

.search-results-search{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 16px;
    margin-bottom:40px;
    border:1px solid var(--line,#d6d6d6);
    border-radius:8px;
    background:#fff;
	height: 37px;
}

.search-results-search .material-symbols-rounded{
    font-size:24px;
    color:#888;
}

.search-results-search input{
    width:100%;
    border:0;
    outline:0;
    background:none;
    font-size:16px;
    color:#4a4a4a;
}

.search-results-header{
    display:grid;
    grid-template-columns:90px 1fr 220px;
    column-gap:28px;
    align-items:end;
    padding:0 20px 6px;
    margin-bottom:0;
}

.search-col-seat,
.search-col-name,
.search-col-action{
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    color:#333;
}

.search-col-action{
    justify-self:end;
}

/*=====================================
Mobile
======================================*/

@media (max-width:767px){
.search-results-header {
  display: none;
}
	
.search-desktop{
    display:none;
}

.search-mobile{
    display:block;
    padding:20px;
}

.search-mobile-label{
    margin-bottom:10px;
    color:#4a4a4a;
    font-size:14px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.search-seat-heading{
    display:flex;
    align-items:baseline;
    gap:12px;
    margin-bottom:6px;
}

.search-seat-heading .search-seat-no{
    font-size:16px;
    font-weight:700;
    color:#4a4a4a;
}

.search-seat-heading .search-seat-title{
    margin:0;
    font-size:18px;
    font-weight:700;
}

.search-mobile .search-candidate{
    margin:0;
    font-size:14px;
    line-height:1.5;
    color:#4a4a4a;
}

.search-mobile .search-view-link{
    display:inline-flex;
    align-items:center;
    gap:4px;
    margin-top:22px;
    color:var(--brand-red);
    font-size:14px;
    font-weight:700;
}

}


/*===========================
  AI SEARCH
==============================*/
.ai-results {
  min-height: 90vh;
}

.ai-results .search-page-head {
	text-align: center;
}

.ai-results .search-page-head p {
	font-size: 12px;
	color: #4a4a4a;
	margin-top: 6px;
}

.field.ai-search-input {
	padding-left: 0;
}