/* =========================================================
   DEWPOINT CONFIGURATION PAGE
   EXACT SELECTED-THEME OVERRIDES
   ========================================================= */


/* =========================================================
   COURT CARDS
   ========================================================= */

.owner-courts-config .owner-court-price-card{
    background:#fff !important;
    border-color:#dbe3e8 !important;
}


/* ON toggle */
.owner-courts-config .court-live-switch.on{
    background:
        linear-gradient(
            90deg,
            var(--dp-accent),
            var(--dp-accent-2)
        ) !important;
}


/* Toggle knob stays white */
.owner-courts-config .court-live-switch i{
    background:#fff !important;
}


/* ON text */
.owner-courts-config .court-live-control > span{
    color:var(--dp-accent-text) !important;
}


/* =========================================================
   SAVE NAME / SAVE RATE
   ========================================================= */

.owner-courts-config
.owner-inline-name-form > button,

.owner-courts-config
.owner-inline-rate-form > button{
    color:var(--dp-accent-text) !important;
    background:#fff !important;
    border-color:var(--dp-accent) !important;
}


/* Hover */
.owner-courts-config
.owner-inline-name-form > button:hover:not(:disabled),

.owner-courts-config
.owner-inline-rate-form > button:hover:not(:disabled){
    background:var(--dp-theme-soft) !important;
}


/* Peso symbol */
.owner-courts-config
.owner-inline-rate-input > i{
    color:var(--dp-accent-text) !important;
}


/* =========================================================
   COURT NAME / RATE INPUT FOCUS
   ========================================================= */

.owner-courts-config
.owner-inline-name-form input:focus,

.owner-courts-config
.owner-inline-name-form input:focus-visible,

.owner-courts-config
.owner-inline-rate-form input:focus,

.owner-courts-config
.owner-inline-rate-form input:focus-visible{
    border-color:var(--dp-accent) !important;

    outline:none !important;

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--dp-accent) 16%,
            transparent
        ) !important;
}


/* =========================================================
   ADD COURT
   ========================================================= */

.owner-courts-config .add-court-button,
.owner-courts-config .add-court-wide{
    color:var(--dp-accent-text) !important;

    background:
        var(--dp-theme-faint) !important;

    border-color:var(--dp-accent) !important;
}


.owner-courts-config .add-court-button:hover,
.owner-courts-config .add-court-wide:hover{
    background:var(--dp-theme-soft) !important;
}


/* =========================================================
   PEAK / SPECIAL PRICING HEADING
   ========================================================= */

.owner-peak-pricing
.owner-pricing-head small{
    color:var(--dp-accent-text) !important;
}


/* =========================================================
   PEAK PRICING CONTAINER
   ========================================================= */

.owner-peak-pricing
.owner-peak-pricing-form{
    border-color:var(--dp-theme-border) !important;
}


/* =========================================================
   APPLY TO COURTS CHIPS
   ========================================================= */

/* Default */
.owner-peak-pricing
.owner-court-chip-grid button{
    color:#172033 !important;
    background:#fff !important;
    border-color:var(--dp-theme-border) !important;
}


/* Active */
.owner-peak-pricing
.owner-court-chip-grid button.active{
    color:#fff !important;

    background:
        linear-gradient(
            90deg,
            var(--dp-accent),
            var(--dp-accent-2)
        ) !important;

    border-color:var(--dp-accent) !important;

    box-shadow:
        0 5px 14px
        color-mix(
            in srgb,
            var(--dp-accent) 16%,
            transparent
        ) !important;
}


/* Check mark */
.owner-peak-pricing
.owner-court-chip-grid button.active span{
    color:#fff !important;
}


/* =========================================================
   DAY CHIPS
   ========================================================= */

/* Default */
.owner-peak-pricing
.owner-day-chip-grid button{
    color:#172033 !important;
    background:#fff !important;
    border-color:var(--dp-theme-border) !important;
}


/* Active */
.owner-peak-pricing
.owner-day-chip-grid button.active{
    color:#fff !important;

    background:
        linear-gradient(
            90deg,
            var(--dp-accent),
            var(--dp-accent-2)
        ) !important;

    border-color:var(--dp-accent) !important;
}


/* =========================================================
   PEAK PRICING INPUTS
   ========================================================= */

.owner-peak-pricing
.owner-pricing-time-row input:focus,

.owner-peak-pricing
.owner-pricing-time-row input:focus-visible,

.owner-peak-pricing
.owner-pricing-rate input:focus,

.owner-peak-pricing
.owner-pricing-rate input:focus-visible{
    border-color:var(--dp-accent) !important;

    outline:none !important;

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--dp-accent) 16%,
            transparent
        ) !important;
}


/* Peso symbol */
.owner-peak-pricing
.owner-pricing-rate i{
    color:var(--dp-accent-text) !important;
}


/* =========================================================
   ADD PRICING RULE
   ========================================================= */

.owner-peak-pricing
.owner-add-pricing-rule{
    color:#fff !important;

    background:
        linear-gradient(
            90deg,
            var(--dp-accent),
            var(--dp-accent-2)
        ) !important;

    border-color:var(--dp-accent) !important;

    box-shadow:
        0 7px 18px
        color-mix(
            in srgb,
            var(--dp-accent) 16%,
            transparent
        ) !important;
}


/* =========================================================
   ACTIVE PRICING RULES
   ========================================================= */

.owner-peak-pricing
.owner-pricing-rules-head > span{
    color:var(--dp-accent-text) !important;
    background:var(--dp-theme-soft) !important;
}


/* Price amount */
.owner-peak-pricing
.owner-pricing-rule-main > strong{
    color:var(--dp-accent-text) !important;
}


/* Delete remains destructive red */
.owner-peak-pricing
.owner-pricing-rule-foot > button{
    color:#b91c1c !important;
    background:#fff1f2 !important;
    border-color:#fecdd3 !important;
}


/* =========================================================
   VENUE SETUP SUPPORT
   ========================================================= */

.owner-profile-settings
.day-picker button.active{
    color:#fff !important;

    background:
        linear-gradient(
            90deg,
            var(--dp-accent),
            var(--dp-accent-2)
        ) !important;

    border-color:var(--dp-accent) !important;
}


.owner-profile-settings
.owner-save-setup{
    color:#fff !important;

    background:
        linear-gradient(
            90deg,
            var(--dp-accent),
            var(--dp-accent-2)
        ) !important;
}


/* =========================================================
   SMOOTH THEME CHANGES
   ========================================================= */

.owner-courts-config .court-live-switch,
.owner-courts-config .owner-inline-name-form > button,
.owner-courts-config .owner-inline-rate-form > button,
.owner-courts-config .add-court-wide,
.owner-peak-pricing .owner-court-chip-grid button,
.owner-peak-pricing .owner-day-chip-grid button,
.owner-peak-pricing .owner-add-pricing-rule{
    transition:
        background .18s ease,
        color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}