body.wp-race-search {
background-color: #f9f9f9;
color: #333;
margin: 0;
padding: 0;
margin-top: -70px !important;
} h1.wp-race-search { text-align: center; color: #0056a4; } form.wp-race-search{
--gap:12px;
max-width:1200px;
margin:20px auto;
padding:16px;
background:#fff;
border-radius:16px;
box-shadow:0 4px 15px rgba(0,0,0,.08);
border:none !important;
display:flex;
flex-wrap:wrap; align-items:flex-end;
gap:var(--gap); } label.wp-race-search{ font-weight:600; color:#0056a4; } select.wp-race-search,
input.wp-race-search,
button.wp-race-search{
border:1px solid #d0d7de !important;
border-radius:12px;
padding:12px 14px;
font-size:16px;
background:#fff;
transition:all .2s ease;
box-shadow:0 1px 2px rgba(0,0,0,.05);
box-sizing:border-box; flex:1 1 180px; min-width:160px;
} .wp-race-search-container{
flex:2 1 280px; max-width:none;
width:auto;
border:none !important; box-sizing:border-box;
}
.wp-race-search-container input.wp-race-search{ width:100%; } select.wp-race-search:hover,
input.wp-race-search:hover{ border-color:#999 !important; }
select.wp-race-search:focus,
input.wp-race-search:focus{
outline:none;
border-color:#0056a4 !important;
box-shadow:0 0 0 3px rgba(0,86,164,.15);
} select.wp-race-search{
appearance:none; -webkit-appearance:none; -moz-appearance:none;
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
background-repeat:no-repeat;
background-position:right 12px center;
background-size:16px;
padding-right:36px;
} button.wp-race-search{
background:#0056a4;
color:#fff;
font-weight:700;
cursor:pointer;
border:none !important;
height:auto; line-height:normal;
}
button.wp-race-search:hover{ background:#004494; } .wp-race-info{ padding:12px; margin:10px 0; cursor:pointer; border-radius:8px; transition:background .2s; }
.wp-race-info:hover{ background:#f2f6fa; }
.wp-race-separator{ border-bottom:1px solid #ddd !important; margin:16px 0; }
.wp-race-details{ font-size:1.05em; }
.wp-race-class{ display:inline-block; padding:4px 10px; border-radius:8px; color:#fff; font-size:.85em; }
.wp-race-id-class{ font-size:1em; margin-bottom:5px; }
.wp-race-date{ font-weight:700; margin-bottom:5px; }
.wp-race-location{ text-transform:uppercase; } .pagination{ text-align:center; margin:20px 0; }
.pagination a{
color:#0056a4; padding:8px 14px; text-decoration:none;
border:1px solid #ddd; margin:0 4px; border-radius:8px;
}
.pagination a.active{ background:#0056a4; color:#fff; border-color:#0056a4; }
.pagination a:hover{ background:#004494; color:#fff; } @media (max-width: 700px){
form.wp-race-search{
flex-direction:column; align-items:stretch;
}
select.wp-race-search,
input.wp-race-search,
button.wp-race-search,
.wp-race-search-container{
flex:none;
width:100%;
min-width:0;
}
.pagination a{ font-size:12px; padding:6px 10px; }
} form.wp-race-search {
border: none !important;
outline: none !important;
box-shadow: 0 4px 15px rgba(0,0,0,.08); } form.wp-race-search:focus,
form.wp-race-search:focus-within {
outline: none !important;
box-shadow: 0 4px 15px rgba(0,0,0,.08) !important;
} form.wp-race-search .wp-race-search-container {
border: none !important;
outline: none !important;
box-shadow: none !important;
background: transparent;
padding: 0; } form.wp-race-search .wp-race-search-container input.wp-race-search {
border: 1px solid #d0d7de !important;
border-radius: 12px;
width: 100%;
} form.wp-race-search {
border: none !important;
outline: none !important;
box-shadow: 0 4px 15px rgba(0,0,0,.08); } .ss-element.gusta-post-content form.wp-race-search {
border: none !important;
}
.ss-element.gusta-post-content form.wp-race-search * {
border-style: initial !important;
border-width: initial !important;
} form.wp-race-search select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid #d0d7de !important;
border-radius: 12px;
padding: 10px 14px;
font-size: 15px;
background-color: #fff;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 14px;
padding-right: 36px;
cursor: pointer;
} form.wp-race-search select:focus {
outline: none;
border-color: #0056a4 !important;
box-shadow: 0 0 0 3px rgba(0,86,164,0.15);
} form.wp-race-search select option {
padding: 8px;
font-size: 15px;
}