﻿:root {
    --mud-palette-primary: var(--primary-color);
    --mud-palette-primary-rgb: 243, 186, 41;
    --mud-palette-primary-hover: var(--primary-hover);
    --mud-palette-primary-darken: var(--primary-dark);
    --mud-palette-primary-lighten: #f5c647;
    --mud-palette-primary-text: var(--text-primary);
}

.mud-search-btn .mud-button-filled,
.mud-search-btn .mud-button-filled.mud-button-filled-primary,
.mud-button-filled.mud-button-filled-primary {
    background-color: #f3ba29 !important;
    color: #1a1a1a !important;
    border-color: #f3ba29 !important;
}

.mud-search-btn .mud-button-filled:hover,
.mud-search-btn .mud-button-filled.mud-button-filled-primary:hover,
.mud-button-filled.mud-button-filled-primary:hover {
    background-color: #e6a821 !important;
    color: #1a1a1a !important;
}

.mud-input-outlined.mud-input-outlined-focused .mud-input-outlined-border,
.mud-input.mud-input-outlined.mud-focused .mud-input-slot::before {
    border-color: #f3ba29 !important;
    box-shadow: inset 0 0 0 1px #f3ba29 !important;
}

.mud-input-outlined.mud-focused .mud-input-outlined-border {
    border-color: #f3ba29 !important;
    border-width: 2px !important;
}

.mud-picker .mud-button-filled.mud-button-filled-primary,
.mud-picker-calendar-container .mud-button-filled.mud-button-filled-primary {
    background-color: #f3ba29 !important;
    color: #1a1a1a !important;
}

.mud-picker-calendar-day.mud-selected .mud-button-root,
.mud-picker-calendar-day.mud-selected {
    background-color: #f3ba29 !important;
    color: #1a1a1a !important;
}

.mud-picker-calendar-day.mud-picker-calendar-day-selected .mud-button-root {
    background-color: #f3ba29 !important;
    color: #1a1a1a !important;
}

.mud-picker-calendar-day .mud-button-root:hover {
    background-color: #fff8e1 !important;
    color: #1a1a1a !important;
}

.mud-picker-calendar-header .mud-icon-button:hover {
    color: #f3ba29 !important;
}

.mud-picker-calendar-header .mud-button-text {
    color: #f3ba29 !important;
}

.mud-input-adornment .mud-icon-root,
.mud-input-adornment-start .mud-icon-root {
    color: #86868b !important;
}

.mud-input-outlined.mud-focused .mud-input-adornment .mud-icon-root,
.mud-input-outlined.mud-focused .mud-input-adornment-start .mud-icon-root {
    color: #f3ba29 !important;
}

.mud-progress-circular .mud-progress-circular-circle {
    stroke: #f3ba29 !important;
}

button.mud-button-filled.mud-button-filled-primary,
.mud-button.mud-button-filled.mud-button-filled-primary {
    background-color: #f3ba29 !important;
    color: #1a1a1a !important;
}

button.mud-button-filled.mud-button-filled-primary:hover,
.mud-button.mud-button-filled.mud-button-filled-primary:hover {
    background-color: #e6a821 !important;
}

.mud-input-control:focus-within .mud-input-outlined-border,
.mud-input-control.mud-input-input-control:focus-within .mud-input-outlined-border {
    border-color: #f3ba29 !important;
    box-shadow: inset 0 0 0 1px #f3ba29 !important;
}

.mud-picker-input:focus-within .mud-input-outlined-border,
.mud-picker.mud-picker-open .mud-picker-input .mud-input-outlined-border {
    border-color: #f3ba29 !important;
    box-shadow: inset 0 0 0 1px #f3ba29 !important;
}

.mud-picker-calendar-day.mud-current .mud-button-root {
    color: #f3ba29 !important;
    font-weight: 600 !important;
}

.mud-ripple {
    background-color: rgba(243, 186, 41, 0.12) !important;
}

.mud-theme-primary,
[class*="mud-primary"] {
    --mud-palette-primary: #f3ba29 !important;
    --mud-palette-primary-rgb: 243, 186, 41 !important;
}

.mud-primary,
.mud-color-primary {
    color: #f3ba29 !important;
}

.mud-fill-primary {
    fill: #f3ba29 !important;
}

.mud-border-primary {
    border-color: #f3ba29 !important;
}

.mud-background-primary {
    background-color: #f3ba29 !important;
    color: #1a1a1a !important;
}

/* --- Search Control Specific Overrides --- */

/* Ensure the input text is vertically centered */
.mud-input-control.mud-input-outlined .mud-input-slot {
    align-items: center;
    display: flex;
}

/* Adjust the search icon button to be perfectly centered */
.mud-input-adornment-end.mud-input-adornment-icon .mud-button-root {
    min-width: unset;
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Adjust the search icon itself for better centering within the button */
.mud-input-adornment-end .mud-icon-root {
    margin: 0;
}

/* Specific styling for the search button within the text field for better alignment */
.mud-input-adornment-end.mud-input-adornment-icon > .mud-button-root.mud-button-icon {
    width: 48px;
    height: 48px;
    border-radius: 0 4px 4px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: -1px;
}

/* Adjust for smaller screens if the icon still looks off */
@media (max-width: 768px) {
    .mud-input-adornment-end.mud-input-adornment-icon > .mud-button-root.mud-button-icon {
        width: 40px;
        height: 40px;
    }
}