/* Tharwah Pay Admin Header Customizations */

/* Add bottom border to header using the admin interface header background color variable */
#header {
    border-bottom: 3px solid var(--admin-interface-header-background-color, #003a55) !important;
    box-shadow: 0 2px 4px rgba(0, 58, 85, 0.1) !important;
}

/* Replace any yellow colors with Tharwah blue */
.warning,
.messagelist .warning,
.errornote,
.alert-warning,
.form-row.errors,
.errorlist,
.error {
    background-color: #417690 !important;
    border-color: #003a55 !important;
    color: #ffffff !important;
}

/* Replace yellow text colors with Tharwah blue */
.help,
.help-text,
.form-help,
.helptext {
    color: #417690 !important;
}

/* Replace yellow links with Tharwah blue */
a.section:link,
a.section:visited {
    color: #417690 !important;
}

a.section:hover {
    color: #003a55 !important;
}

/* Replace yellow buttons with Tharwah blue */
.button.default,
input[type="submit"].default,
.submit-row input.default {
    background: #417690 !important;
    border-color: #003a55 !important;
}

.button.default:hover,
input[type="submit"].default:hover,
.submit-row input.default:hover {
    background: #003a55 !important;
}

/* Replace yellow highlights with Tharwah blue */
.selected,
.calendar td.selected a,
.timelist a.selected {
    background-color: #417690 !important;
    color: #ffffff !important;
}

/* Replace yellow focus states with Tharwah blue */
input:focus,
textarea:focus,
select:focus {
    border-color: #417690 !important;
    box-shadow: 0 0 0 2px rgba(65, 118, 144, 0.2) !important;
}

/* Replace yellow active states with Tharwah blue */
.button:active,
input[type="submit"]:active,
.submit-row input:active {
    background-color: #003a55 !important;
}

/* Replace yellow progress bars with Tharwah blue */
.progress-bar,
.upload-progress {
    background-color: #417690 !important;
}

/* Replace yellow badges with Tharwah blue */
.badge,
.count {
    background-color: #417690 !important;
    color: #ffffff !important;
}

/* Replace yellow table headers with Tharwah blue */
th.sorted.ascending,
th.sorted.descending {
    background-color: #417690 !important;
    color: #ffffff !important;
}

/* Replace yellow pagination with Tharwah blue */
.paginator .this-page {
    background-color: #417690 !important;
    color: #ffffff !important;
    border-color: #003a55 !important;
}

/* Replace yellow calendar highlights with Tharwah blue */
.calendar td.today a {
    background-color: #417690 !important;
    color: #ffffff !important;
}

/* Replace yellow form field highlights with Tharwah blue */
.form-row.field-required .required {
    color: #417690 !important;
}

/* Replace yellow admin interface elements with Tharwah blue */
.admin-interface-theme .module h2,
.admin-interface-theme .module caption {
    background-color: #417690 !important;
    color: #ffffff !important;
}

/* Ensure header logo area has proper spacing */
#branding {
    padding: 10px 20px !important;
}

/* Style the header user tools */
#user-tools {
    color: #003a55 !important;
}

#user-tools a {
    color: #003a55 !important;
}

#user-tools a:hover {
    color: #417690 !important;
}