/* =========================================================================
   Ladies League — Pastel / Pink theme
   Loaded LAST in _Host.cshtml so it wins over Telerik default + league.css.

   Palette:
     blush bg          #fdf6f8
     surface white     #ffffff
     primary deep rose #b9426c
     primary mid rose  #d96a8d
     primary lt rose   #f4c8d9
     accent rose-gold  #c9a76a
     pink border       #f0d3dd
     text body         #3b2a35
   ========================================================================= */

:root {
    --ll-bg:           #fdf6f8;
    --ll-surface:      #ffffff;
    --ll-rose-deep:    #b9426c;
    --ll-rose:         #d96a8d;
    --ll-rose-light:   #f4c8d9;
    --ll-rose-pale:    #fce6ee;
    --ll-rose-paler:   #fff0f5;
    --ll-rose-gold:    #c9a76a;
    --ll-border:       #f0d3dd;
    --ll-border-soft:  #f7e5ec;
    --ll-text:         #3b2a35;
    --ll-text-muted:   #7a5a68;

    /* Override Telerik / Kendo theme variables */
    --kendo-color-primary:                  var(--ll-rose-deep);
    --kendo-color-primary-hover:            var(--ll-rose);
    --kendo-color-primary-active:           #9c2f56;
    --kendo-color-on-primary:               #ffffff;

    --kendo-color-base:                     var(--ll-rose-paler);
    --kendo-color-base-hover:               var(--ll-rose-pale);
    --kendo-color-base-active:              var(--ll-rose-light);
    --kendo-color-on-base:                  var(--ll-text);

    --kendo-color-surface:                  var(--ll-surface);
    --kendo-color-surface-alt:              var(--ll-rose-paler);
    --kendo-color-on-surface:               var(--ll-text);

    --kendo-color-border:                   var(--ll-border);
    --kendo-color-border-alt:               var(--ll-border-soft);

    --kendo-color-app-surface:              var(--ll-bg);
    --kendo-color-on-app-surface:           var(--ll-text);

    --kendo-color-info:                     #6b8fb6;
    --kendo-color-success:                  #6b9e6b;
    --kendo-color-warning:                  #e0a657;
    --kendo-color-error:                    #c55a5a;
}

/* ---------- Page chrome ------------------------------------------------- */
html, body {
    background: var(--ll-bg) !important;
    color: var(--ll-text);
    font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}

/* league.css sets `* { font-family: Tahoma; font-size: 0.8rem; }` — soften it */
* {
    font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !important;
}

/* ---------- Page titles (h1/h2/h3) ------------------------------------- */
h1, h2, h3 {
    color: var(--ll-rose-deep) !important;
    letter-spacing: 0.3px;
    border-bottom: 2px solid var(--ll-rose-light);
    padding-bottom: 0.35rem;
    margin-bottom: 1rem;
    font-weight: 700;
}

h4, h5, h6 {
    color: var(--ll-rose-deep) !important;
}

a {
    color: var(--ll-rose-deep);
}
a:hover {
    color: var(--ll-rose);
}

/* ---------- Top Navigation --------------------------------------------- */
nav.ll-nav,
.ll-nav {
    background: linear-gradient(180deg, #d96a8d 0%, #b9426c 100%) !important;
    border-bottom: 3px solid var(--ll-rose-gold) !important;
    color: #fff;
}

/* ---------- Telerik Grid ----------------------------------------------- */
.k-grid {
    background: var(--ll-surface);
    color: var(--ll-text);
    border: 1px solid var(--ll-border);
    border-radius: 6px;
    overflow: hidden;
}

.k-grid .k-grid-header,
.k-grid .k-grid-header-wrap,
.k-grid .k-grid-header table,
.k-grid .k-grid-header th,
.k-grid .k-header {
    background: linear-gradient(180deg, #fce6ee 0%, #f7d4e1 100%) !important;
    color: var(--ll-rose-deep) !important;
    font-weight: 700;
    border-color: var(--ll-border) !important;
}

.k-grid td,
.k-grid .k-table-td {
    border-color: var(--ll-border-soft) !important;
}

/* alternating rows */
.k-grid .k-master-row.k-alt,
.k-grid tr.k-alt > td {
    background: var(--ll-rose-paler) !important;
}

/* row hover — strong, dark, unmistakable
   Modern Telerik renders rows as .k-table-row inside .k-table-tbody; older
   themes used .k-master-row. Cover both, and override league.css defaults. */
.k-grid .k-table-tbody .k-table-row:hover,
.k-grid .k-table-tbody .k-table-row:hover > td,
.k-grid .k-table-tbody .k-table-row.k-hover,
.k-grid .k-table-tbody .k-table-row.k-hover > td,
.k-grid .k-master-row:hover,
.k-grid tr.k-master-row:hover > td,
.k-grid tr.k-master-row.k-hover > td,
.k-grid tr.k-master-row.k-hover {
    background-color: var(--ll-rose-deep) !important;   /* deep rose */
    color: #fff !important;
    font-weight: 700;
}

/* override the faint rgba(0,0,0,0.08) hover from league.css */
.k-table-tbody .k-table-row:hover,
.k-table-list .k-table-row:hover,
.k-table-tbody .k-table-row.k-hover,
.k-table-list .k-table-row.k-hover {
    background-color: var(--ll-rose-deep) !important;
    color: #fff !important;
}

/* gold left bar on hovered row for an extra accent */
.k-grid .k-table-tbody .k-table-row:hover > td:first-child,
.k-grid .k-table-tbody .k-table-row.k-hover > td:first-child,
.k-grid tr.k-master-row:hover > td:first-child,
.k-grid tr.k-master-row.k-hover > td:first-child {
    box-shadow: inset 4px 0 0 var(--ll-rose-gold) !important;
}

/* keep alt-row hover dark too — same deep rose */
.k-grid .k-table-tbody .k-table-row.k-table-alt-row:hover,
.k-grid .k-table-tbody .k-table-row.k-table-alt-row:hover > td,
.k-grid .k-master-row.k-alt:hover > td,
.k-grid tr.k-alt:hover > td {
    background-color: var(--ll-rose-deep) !important;
    color: #fff !important;
}

/* force any inherited cell text (links, spans, etc.) white on hover so nothing fades */
.k-grid .k-table-tbody .k-table-row:hover > td *,
.k-grid .k-table-tbody .k-table-row.k-hover > td *,
.k-grid tr.k-master-row:hover > td * {
    color: #fff !important;
}

/* show a pointer so it's clear rows are interactive */
.k-grid .k-master-row,
.k-grid .k-table-row,
.k-grid .k-table-tbody .k-table-row {
    cursor: pointer;
}

/* ----- Prize/winnings cell highlight -----
   Cells in Amount → YTD ParPot with a non-zero value get a dark-red background
   so winnings stand out at a glance.                                        */
.k-grid td.prize-cell-hot,
.k-grid .k-table-td.prize-cell-hot {
    background: #7a1f2c !important;   /* dark red */
    color: #fff !important;
    font-weight: 700;
    text-align: center;
}

/* keep the highlight visible even when the row is hovered, selected, or alt */
.k-grid tr:hover > td.prize-cell-hot,
.k-grid tr.k-master-row:hover > td.prize-cell-hot,
.k-grid tr.k-master-row.k-hover > td.prize-cell-hot,
.k-grid tr.k-alt > td.prize-cell-hot,
.k-grid tr.k-selected > td.prize-cell-hot {
    background: #7a1f2c !important;
    color: #fff !important;
}

/* ============================================================
   Group headers / footers — pull them into the rose theme
   ============================================================ */

/* The chip area above the grid where you drag-to-group fields */
.k-grid .k-grouping-header,
.k-grid .k-grouping-header-flex {
    background: var(--ll-rose-paler) !important;
    border-bottom: 1px solid var(--ll-border) !important;
    color: var(--ll-rose-deep) !important;
    padding: 8px 12px !important;
    font-weight: 500;
}

.k-grid .k-grouping-header .k-group-indicator,
.k-grid .k-grouping-header .k-chip {
    background: linear-gradient(180deg, var(--ll-rose) 0%, var(--ll-rose-deep) 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 4px 12px !important;
    font-family: 'Oswald', 'Arial Narrow', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 12px;
    box-shadow: 0 1px 3px rgba(185,66,108,0.35);
}

.k-grid .k-grouping-header .k-chip .k-chip-remove-action,
.k-grid .k-grouping-header .k-group-indicator .k-button {
    color: #fff !important;
    opacity: 0.9;
}
.k-grid .k-grouping-header .k-chip .k-chip-remove-action:hover {
    opacity: 1;
}

/* Group header rows in the grid body (e.g. "Type: PAR POT (CASH)") */
.k-grid .k-grouping-row,
.k-grid tr.k-grouping-row,
.k-grid tr.k-grouping-row > td,
.k-grid .k-table-group-row,
.k-grid tr.k-table-group-row > td {
    background: linear-gradient(180deg, var(--ll-rose) 0%, var(--ll-rose-deep) 100%) !important;
    color: #fff !important;
    font-family: 'Oswald', 'Arial Narrow', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 13px;
    border-top: 1px solid rgba(255,255,255,0.18) !important;
    border-bottom: 2px solid var(--ll-rose-gold) !important;
}

/* The group-collapse triangle / chevron */
.k-grid .k-grouping-row .k-icon,
.k-grid .k-grouping-row .k-svg-icon,
.k-grid tr.k-table-group-row .k-icon,
.k-grid tr.k-table-group-row .k-svg-icon {
    color: var(--ll-rose-gold) !important;
}

/* Keep nested aggregate values legible against the rose background */
.k-grid .k-grouping-row .k-format-container,
.k-grid tr.k-table-group-row .k-format-container {
    color: #fff !important;
    font-weight: 700;
}

/* Group footer / per-group summary row (e.g. "Golfers: 6 ... $144.00") */
.k-grid .k-group-footer,
.k-grid tr.k-group-footer,
.k-grid tr.k-group-footer > td,
.k-grid .k-table-group-footer,
.k-grid tr.k-table-group-footer > td {
    background: var(--ll-rose-light) !important;
    color: var(--ll-rose-deep) !important;
    font-weight: 700 !important;
    border-top: 1px solid var(--ll-border) !important;
    border-bottom: 1px solid var(--ll-rose) !important;
}

/* Selected-row styling is intentionally NOT customised here — Telerik's
   default selection look is preserved. Only hover is themed above. */

/* footer / aggregate row */
.k-grid .k-grid-footer,
.k-grid .k-footer-template,
.k-grid tfoot td,
.k-grid .k-grid-footer td {
    background: linear-gradient(180deg, #fce6ee 0%, #f7d4e1 100%) !important;
    color: var(--ll-rose-deep) !important;
    font-weight: 600;
}

.k-grid .k-grouping-row td {
    background: var(--ll-rose-pale) !important;
    color: var(--ll-rose-deep) !important;
    font-weight: 600;
}

/* command / toolbar row */
.k-grid .k-toolbar,
.k-grid .k-grid-toolbar {
    background: var(--ll-rose-paler) !important;
    border-bottom: 1px solid var(--ll-border) !important;
}

/* ---------- Buttons ---------------------------------------------------- */
.k-button-solid-primary {
    background-color: var(--ll-rose-deep) !important;
    border-color: var(--ll-rose-deep) !important;
    color: #fff !important;
}
.k-button-solid-primary:hover {
    background-color: var(--ll-rose) !important;
    border-color: var(--ll-rose) !important;
}

.k-button-solid-base,
.k-button {
    background: linear-gradient(180deg, #ffffff 0%, var(--ll-rose-paler) 100%) !important;
    border: 1px solid var(--ll-border) !important;
    color: var(--ll-rose-deep) !important;
}
.k-button-solid-base:hover,
.k-button:hover {
    background: var(--ll-rose-pale) !important;
    border-color: var(--ll-rose) !important;
    color: var(--ll-rose-deep) !important;
}

/* the bold top-right command icons (edit/delete) */
.k-grid .k-command-cell .k-button {
    color: var(--ll-rose-deep) !important;
}

/* ---------- Inputs / Dropdowns / DatePickers --------------------------- */
.k-input,
.k-input-inner,
.k-textbox,
.k-numerictextbox,
.k-dropdownlist,
.k-datepicker,
.k-timepicker,
.k-combobox,
.k-multiselect,
.k-picker {
    background: var(--ll-surface) !important;
    color: var(--ll-text) !important;
    border-color: var(--ll-border) !important;
}

.k-input:focus-within,
.k-picker:focus-within,
.k-input.k-focus,
.k-picker.k-focus {
    border-color: var(--ll-rose) !important;
    box-shadow: 0 0 0 2px rgba(217,106,141,0.15) !important;
}

/* ---------- Telerik Window (modal popups) ------------------------------ */
.k-window {
    border: 1px solid var(--ll-border) !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 28px rgba(185,66,108,0.18) !important;
    background: var(--ll-surface) !important;
}

.k-window .k-window-titlebar,
.k-window-title {
    background: linear-gradient(180deg, #d96a8d 0%, #b9426c 100%) !important;
    color: #fff !important;
    border-bottom: 2px solid var(--ll-rose-gold) !important;
}

.k-window .k-window-titlebar .k-button,
.k-window .k-window-actions .k-button {
    color: #fff !important;
    background: transparent !important;
    border: none !important;
}

/* ---------- DropDownList popup ---------------------------------------- */
.k-list-container,
.k-popup {
    background: var(--ll-surface) !important;
    border: 1px solid var(--ll-border) !important;
}

.k-list .k-list-item.k-selected {
    background: var(--ll-rose-light) !important;
    color: var(--ll-rose-deep) !important;
}

.k-list .k-list-item:hover {
    background: var(--ll-rose-pale) !important;
}

/* ---------- Bootstrap default button overrides on this site ----------- */
.btn-primary {
    background-color: var(--ll-rose-deep) !important;
    border-color: var(--ll-rose-deep) !important;
}
.btn-primary:hover {
    background-color: var(--ll-rose) !important;
    border-color: var(--ll-rose) !important;
}

/* ---------- Cards / panels --------------------------------------------- */
.card,
.panel,
.k-card {
    background: var(--ll-surface);
    border: 1px solid var(--ll-border) !important;
    box-shadow: 0 2px 6px rgba(185,66,108,0.06);
    border-radius: 8px;
}

/* ---------- Misc -------------------------------------------------------- */
hr {
    border-color: var(--ll-border-soft);
}

::selection {
    background: var(--ll-rose-light);
    color: var(--ll-rose-deep);
}