/* Shared palette for green action controls. Informational badges keep their own colors. */
:root {
    --action-green: #00845a;
    --action-green-hover: #006c49;
    --action-green-active: #005a3d;
}
body.site-shell :is(
    .site-action-green,
    .card-details-cta,
    .host-contact-nudge__btn,
    .green-btn,
    .thm_btn.green,
    .button-order,
    .guests-apply-btn,
    .mobile-order-book-now,
    .mobile-order-apply,
    .btn-search-mobile,
    .mobile-search-trigger,
    .guests__content .start-button,
    .src-filter-wrp > a,
    .Vacation__form > a,
    .packege__options a,
    .owner-submit,
    .owner-app-download-android):not(:disabled, .disabled, [aria-disabled='true']) {
    /* Color-only overrides also cover component styles rendered later by Razor/AJAX. */
    background: var(--button-green-state, var(--action-green)) !important;
    border-color: var(--button-green-state, var(--action-green)) !important;
    color: #fff !important;
}
body.site-shell :is(
    .site-action-green,
    .card-details-cta,
    .host-contact-nudge__btn,
    .green-btn,
    .thm_btn.green,
    .button-order,
    .guests-apply-btn,
    .mobile-order-book-now,
    .mobile-order-apply,
    .btn-search-mobile,
    .mobile-search-trigger,
    .guests__content .start-button,
    .src-filter-wrp > a,
    .Vacation__form > a,
    .packege__options a,
    .owner-submit,
    .owner-app-download-android):not(:disabled, .disabled, [aria-disabled='true']):is(:hover, :focus-visible) {
    --button-green-state: var(--action-green-hover);
}
body.site-shell :is(
    .site-action-green,
    .card-details-cta,
    .host-contact-nudge__btn,
    .green-btn,
    .thm_btn.green,
    .button-order,
    .guests-apply-btn,
    .mobile-order-book-now,
    .mobile-order-apply,
    .btn-search-mobile,
    .mobile-search-trigger,
    .guests__content .start-button,
    .src-filter-wrp > a,
    .Vacation__form > a,
    .packege__options a,
    .owner-submit,
    .owner-app-download-android):not(:disabled, .disabled, [aria-disabled='true']):active {
    --button-green-state: var(--action-green-active);
}
body.site-shell .place-card--clear-details .main-complex-link:is(:hover, :focus-visible) .card-details-cta {
    --button-green-state: var(--action-green-hover);
}
body.site-shell .place-card--clear-details .main-complex-link:active .card-details-cta {
    --button-green-state: var(--action-green-active);
}
body.site-shell .place-card--clear-details .main-complex-link:focus-visible {
    outline-color: var(--action-green);
}