/*
 * Turfsport Rennprogramm – DESKTOP/LAPTOP
 * Ausschließlich für den separaten Desktop-Renderer.
 * Diese Datei wird in day.php nur mit media="(min-width: 761px)" geladen.
 */
.rc-runner-mobile-shell{display:none !important;}
.rc-runner-desktop-shell{display:block !important;width:100%;min-width:0;}

.rc-desktop-runner-table-wrap{
    width:100%;
    max-width:none;
    overflow-x:visible;
}

.rc-desktop-runner-table{
    width:100%;
    max-width:none;
    border-collapse:separate;
    border-spacing:0;
    table-layout:fixed;
    background:#fff;
    color:#293a32;
}

/* Ein einziges Spaltenraster für THEAD und TBODY. */
.rc-desktop-runner-table .rc-col-number{width:7%;}
.rc-desktop-runner-table .rc-col-horse{width:27%;}
.rc-desktop-runner-table .rc-col-gag{width:6%;}
.rc-desktop-runner-table .rc-col-jockey{width:20%;}
.rc-desktop-runner-table .rc-col-trainer{width:14%;}
.rc-desktop-runner-table .rc-col-owner{width:18%;}
.rc-desktop-runner-table .rc-col-quote{width:8%;}

.rc-desktop-runner-table.has-results .rc-col-place{width:4%;}
.rc-desktop-runner-table.has-results .rc-col-number{width:6%;}
.rc-desktop-runner-table.has-results .rc-col-horse{width:25%;}
.rc-desktop-runner-table.has-results .rc-col-gag{width:6%;}
.rc-desktop-runner-table.has-results .rc-col-jockey{width:19%;}
.rc-desktop-runner-table.has-results .rc-col-trainer{width:13%;}
.rc-desktop-runner-table.has-results .rc-col-owner{width:19%;}
.rc-desktop-runner-table.has-results .rc-col-quote{width:8%;}

.rc-desktop-runner-table thead th{
    padding:15px 12px;
    background:#3f6554;
    color:#fff;
    border:0;
    font-size:13px;
    line-height:1.15;
    font-weight:800;
    text-align:left;
    text-transform:uppercase;
    letter-spacing:.02em;
    vertical-align:middle;
    white-space:normal;
}
.rc-desktop-runner-table thead th:first-child{border-radius:15px 0 0 0;}
.rc-desktop-runner-table thead th:last-child{border-radius:0 15px 0 0;}
.rc-desktop-runner-table .rc-head-number,
.rc-desktop-runner-table .rc-head-gag,
.rc-desktop-runner-table .rc-head-quote,
.rc-desktop-runner-table .rc-head-place{text-align:center;}

.rc-desktop-runner-row > td{
    height:112px;
    padding:14px 12px;
    border:0;
    border-bottom:1px solid #e8e2d9;
    background:#fff;
    vertical-align:middle;
    box-sizing:border-box;
}
.rc-desktop-runner-row.is-favorite > td{background:#fff8e9;}
.rc-desktop-runner-row.is-non-runner > td{opacity:.72;}

.rc-desktop-number-cell,
.rc-desktop-place-cell,
.rc-desktop-gag-cell,
.rc-desktop-quote-cell{text-align:center;}

.rc-desktop-number-wrap{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    min-width:0;
}
.rc-desktop-number-wrap .rc-silks{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
}
.rc-desktop-number-wrap .rc-silks img{max-width:38px;max-height:38px;object-fit:contain;}
.rc-desktop-start-number{font-size:14px;line-height:1.1;font-weight:800;color:#263c32;}
.rc-desktop-box{font-size:11px;line-height:1.15;color:#756b60;font-weight:500;white-space:nowrap;}

.rc-desktop-horse-cell{min-width:0;}
.rc-desktop-horse-title{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
}
.rc-desktop-horse-title .rc-horse-profile-link{
    min-width:0;
    text-decoration:none;
}
.rc-desktop-horse-title .rc-horse-profile-link strong{
    color:#174e39;
    font-size:17px;
    line-height:1.16;
    font-weight:850;
    overflow-wrap:anywhere;
}
.rc-desktop-horse-title .rc-horse-watch-star{flex:0 0 auto;}
.rc-desktop-sex-age{
    display:block;
    min-height:16px;
    margin-top:4px;
    color:#6b6258;
    font-size:12.5px;
    line-height:1.2;
    font-weight:400;
}
.rc-desktop-forms{
    display:block;
    width:auto;
    max-width:100%;
    margin:5px 0 0;
    padding:0;
    border:0;
    background:none;
    color:#575047;
    font-family:inherit;
    font-size:13px;
    line-height:1.22;
    font-weight:400;
    text-align:left;
    white-space:normal;
}
button.rc-desktop-forms{cursor:pointer;}
.rc-desktop-forms > span{color:#7f7467;font-weight:400;}
button.rc-desktop-forms:hover,
button.rc-desktop-forms.is-open{color:#176044;}
.rc-desktop-forms-empty{cursor:default;}

.rc-desktop-gag-cell{
    color:#9a6517;
    font-size:14px;
    line-height:1.2;
    font-weight:700;
}

.rc-desktop-jockey-cell,
.rc-desktop-trainer-cell,
.rc-desktop-owner-cell{
    min-width:0;
    color:#2d4037;
    font-size:13.5px;
    line-height:1.28;
    font-weight:400;
    overflow-wrap:anywhere;
}
.rc-desktop-jockey-cell .rc-profile-link,
.rc-desktop-trainer-cell .rc-profile-link{
    color:#255343;
    font-weight:500;
    text-decoration:none;
}
.rc-desktop-jockey-cell .rc-profile-link:hover,
.rc-desktop-trainer-cell .rc-profile-link:hover{text-decoration:underline;}
.rc-desktop-weight{
    display:block;
    margin-top:4px;
    color:#574f47;
    font-size:13px;
    line-height:1.2;
    font-weight:400;
}

.rc-desktop-quote-cell{padding-left:8px !important;padding-right:8px !important;}
.rc-desktop-quote-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    width:100%;
    min-width:0;
}
.rc-desktop-quote-wrap .rc-quote{
    margin:0;
    flex:0 0 auto;
}
.rc-desktop-quote-wrap .rc-horse-form-toggle-circle{flex:0 0 auto;}

/* Formular-/Historienzeilen spannen bewusst über dieselbe echte Tabelle. */
.rc-desktop-form-toggle-row > td,
.rc-desktop-form-row > td{
    width:auto !important;
    max-width:none !important;
    box-sizing:border-box;
}

.rc-desktop-runner-empty td{
    padding:24px;
    text-align:center;
    color:#766d63;
}

/* Laptop: keine andere Struktur, nur etwas kompaktere Typografie/Innenabstände. */
@media (max-width:1280px){
    .rc-desktop-runner-table thead th{padding-left:9px;padding-right:9px;font-size:12px;}
    .rc-desktop-runner-row > td{padding-left:9px;padding-right:9px;}
    .rc-desktop-horse-title .rc-horse-profile-link strong{font-size:16px;}
    .rc-desktop-jockey-cell,
    .rc-desktop-trainer-cell,
    .rc-desktop-owner-cell{font-size:13px;}
}


/* Feinschliff – Abstand und hochwertiger Formanzeige-Bereich */
.rc-desktop-runner-table-wrap{
    margin-top:14px;
}

.rc-desktop-form-toggle-row > td{
    padding:8px 12px 18px !important;
    background:#fff !important;
    border:0 !important;
}

.rc-desktop-form-toggle-cell{
    border-bottom:12px solid #fff !important;
}

.rc-desktop-runner-row + .rc-desktop-form-toggle-row > td{
    padding-top:10px !important;
}

.rc-horse-form-toggle-line{
    display:flex !important;
    align-items:center;
    gap:12px;
    width:100%;
    min-height:46px;
    padding:11px 16px !important;
    border:1px solid #d8e6dd !important;
    border-radius:12px;
    background:linear-gradient(180deg,#f7fcf8 0%,#edf6f0 100%) !important;
    color:#19533d !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.25;
    text-align:left;
    box-shadow:0 1px 0 rgba(255,255,255,.85) inset;
    cursor:pointer;
}

.rc-horse-form-toggle-line:hover,
.rc-horse-form-toggle-line:focus-visible{
    background:linear-gradient(180deg,#f9fdf9 0%,#e7f3eb 100%) !important;
    border-color:#bcd3c5 !important;
    color:#0f4a34 !important;
}

.rc-horse-form-toggle-line.is-open{
    border-color:#bfd7c7 !important;
    background:linear-gradient(180deg,#eef8f2 0%,#e2f0e7 100%) !important;
}

.rc-desktop-form-toggle-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:26px;
    height:26px;
    flex:0 0 26px;
    border-radius:50%;
    background:#ffffff;
    color:#1a5b42;
    font-size:16px;
    line-height:1;
    box-shadow:0 0 0 1px rgba(26,91,66,.15);
}

.rc-desktop-form-toggle-text{
    display:block;
    flex:1 1 auto;
    min-width:0;
}

.rc-horse-form-toggle-circle{
    width:34px;
    height:34px;
}
.rc-horse-form-toggle-circle span{
    font-size:16px;
}

.rc-desktop-form-row > td{
    padding:0 12px 18px !important;
    background:#fff !important;
    border:0 !important;
}

.rc-desktop-form-row.is-open > td{
    padding-bottom:18px !important;
}

.rc-desktop-form-row .rc-horse-form-inner{
    margin-top:0;
}

.rc-desktop-runner-table .rc-desktop-runner-row + .rc-desktop-form-toggle-row + .rc-desktop-form-row + .rc-desktop-runner-row > td{
    border-top:6px solid #fff;
}


/* Korrekturen nach Sichtprüfung */
body.rc-is-race-detail .rc-race-single-nav{
    margin-bottom:16px !important;
}

body.rc-is-race-detail .rc-detail-head-desktop.rc-race-head-premium{
    padding-top:16px !important;
    padding-bottom:14px !important;
}

body.rc-is-race-detail .rc-race-head-premium .rc-race-title-block h2,
body.rc-is-race-detail .rc-detail-head-desktop.rc-race-head-premium h2{
    font-size:18px !important;
    line-height:1.22 !important;
    letter-spacing:-0.01em !important;
    font-weight:700 !important;
    color:#204f3e !important;
}

.rc-desktop-runner-table-wrap{
    margin-top:18px;
}

/* nur ein Start-Icon im Formanzeige-Link */
.rc-horse-form-toggle-line::before,
.rc-horse-form-toggle-line::after,
.rc-horse-form-toggle-circle::before,
.rc-horse-form-toggle-circle::after{
    content:none !important;
    display:none !important;
    background:none !important;
}

.rc-desktop-form-toggle-row > td{
    padding:10px 12px 22px !important;
}

.rc-desktop-form-toggle-cell{
    border-bottom:18px solid #fff !important;
}

.rc-horse-form-toggle-line{
    min-height:48px;
    padding:12px 16px !important;
    border-color:#d3e1d9 !important;
    box-shadow:0 1px 0 rgba(255,255,255,.85) inset, 0 1px 2px rgba(24,64,46,.04);
}

.rc-desktop-form-toggle-icon{
    width:24px;
    height:24px;
    flex:0 0 24px;
    font-size:15px;
}

.rc-desktop-form-row > td{
    padding:0 12px 22px !important;
}

.rc-desktop-runner-table .rc-desktop-form-row + .rc-desktop-runner-row > td{
    border-top:10px solid #fff;
}


/* Weitere Abgrenzung zwischen Formanzeige und nächstem Pferd */
.rc-desktop-form-toggle-row > td{
    padding:12px 14px 26px !important;
}

.rc-desktop-form-toggle-cell{
    border-bottom:24px solid #ffffff !important;
}

.rc-horse-form-toggle-line{
    min-height:50px;
    border-radius:14px;
    border-color:#cfe0d6 !important;
    background:linear-gradient(180deg,#f8fcf9 0%,#eef5f1 100%) !important;
}

.rc-desktop-form-row > td{
    padding:0 14px 26px !important;
}

.rc-desktop-form-row .rc-horse-form-inner{
    padding:16px 18px;
    border:1px solid #d7e4dc;
    border-radius:12px;
    background:#fbfdfb;
    box-shadow:0 1px 2px rgba(23,66,47,.04);
}

.rc-desktop-form-row .rc-horse-form-placeholder{
    color:#6d7f74;
}

.rc-desktop-runner-table .rc-desktop-form-row + .rc-desktop-runner-row > td{
    border-top:14px solid #ffffff;
}


/* V6 – dauerhaftes Desktop-Icon per CSS; Toggle-JS darf Text ersetzen */
.rc-desktop-form-toggle-row .rc-horse-form-toggle-line::before{
    content:"↳" !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    flex:0 0 24px;
    margin-right:12px;
    border-radius:50%;
    background:#fff !important;
    color:#1a5b42;
    font-size:15px;
    line-height:1;
    box-shadow:0 0 0 1px rgba(26,91,66,.15);
}
.rc-desktop-form-toggle-row .rc-horse-form-toggle-line::after{
    content:none !important;
    display:none !important;
}
