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;
}#widget-container{width:100%;max-height:500px;overflow-y:auto;overflow-x:hidden;margin:0 auto;border-radius:10px;padding:2px;background-color:#f3f3f3;scrollbar-width:thin;scrollbar-color:#cccccc #f3f3f3;}
#widget-container::-webkit-scrollbar{width:8px;}
#widget-container::-webkit-scrollbar-track{background:#f3f3f3;border-radius:10px;}
#widget-container::-webkit-scrollbar-thumb{background:#cccccc;border-radius:10px;}
#widget-container::-webkit-scrollbar-thumb:hover{background:#a9a9a9;}
.race{display:flex;align-items:center;background-color:#f3f3f3;padding:10px;border-bottom:1px solid #cccccc !important;border-radius:10px;transition:background-color 0.3s ease, transform 0.3s ease;}
.race:hover{background-color:#e0e0e0;transform:translateX(3px);}
.race-date{text-align:center;color:#777777;margin-right:5px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;width:60px;}
.race-date .race-day{font-size:40px;font-weight:bold;margin-bottom:0px;line-height:1;}
.race-date .race-month{font-size:9px;color:#777777;margin-top:0;line-height:1;}
.race-info{flex-grow:1;padding-left:20px;border-left:2px solid #cccccc !important;color:#777777;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden;}
.sector-and-name{display:flex;align-items:center;width:100%;overflow:hidden;}
.sector-label{padding:2px 4px;border-radius:3px;color:white;background-color:#005f99;white-space:nowrap;flex-shrink:0;margin-right:10px;}
.race-name{font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;margin-left:1px;}
.race-info span {
font-weight: normal;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%; }