/* Shared presentation for static component helpers.
 * Load after site-compact.css. Dimensions and runtime visibility remain
 * with their widgets. These selectors deliberately use no !important.
 */

html:not(.special-aaVersion-on) .gos-site .site-component-icon-blue {
    color: var(--site-blue, #2d7bc6);
}

.gos-site .site-component-text-center {
    text-align: center;
}

html:not(.special-aaVersion-on) .gos-site .site-component-text-gray,
html:not(.special-aaVersion-on) .gos-site .site-component-text-muted {
    color: var(--site-muted, #4c6174);
}

.gos-site .site-component-weight-normal {
    font-weight: normal;
}

/* Keep vendor datepicker sources intact; only enabled theme states are recolored. */
html:not(.special-aaVersion-on) .gos-site .datepicker-panel > ul > li:not(.disabled):hover,
html:not(.special-aaVersion-on) .gos-site .datepicker-panel > ul > li.highlighted:not(.disabled) {
    background-color: var(--site-pale, #eaf2f9);
}

html:not(.special-aaVersion-on) .gos-site .datepicker-panel > ul > li.highlighted:not(.disabled):hover {
    background-color: var(--site-accent-soft, #dceaf6);
    border-color: var(--site-border, #d0dfeb);
}

html:not(.special-aaVersion-on) .gos-site .datepicker-panel > ul > li.picked:not(.disabled),
html:not(.special-aaVersion-on) .gos-site .datepicker-panel > ul > li.picked:not(.disabled):hover {
    color: var(--site-link, #2469aa);
}

.special-aaVersion-on .gos-site :is(.site-component-icon-blue, .site-component-text-gray, .site-component-text-muted) {
    color: inherit;
}