﻿/*
    CW Azores - Radzen overrides
    Restores SelectBar look close to the original CW site:
    - selected tab: CW blue
    - unselected tabs: white
    - dark text on inactive tabs
    - white text on active tab
*/

.rz-selectbar {
    display: inline-flex;
    border-radius: 0.25rem;
    overflow: hidden;
}

    .rz-selectbar .rz-button {
        background-color: #ffffff !important;
        color: #333333 !important;
        border: 1px solid #d6d6d6 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        padding: 0.45rem 1rem !important;
    }

        .rz-selectbar .rz-button:hover {
            background-color: #f7f7f7 !important;
            color: #333333 !important;
            border-color: #c8c8c8 !important;
        }

        .rz-selectbar .rz-button:focus {
            background-color: #f7f7f7 !important;
            color: #333333 !important;
            border-color: #c8c8c8 !important;
            box-shadow: none !important;
            outline: none !important;
        }

        .rz-selectbar .rz-button.rz-state-active,
        .rz-selectbar .rz-button[aria-pressed="true"],
        .rz-selectbar .rz-button.rz-primary {
            background-color: #0099ff !important;
            color: #ffffff !important;
            border-color: #0099ff !important;
            box-shadow: none !important;
        }

            .rz-selectbar .rz-button.rz-state-active:hover,
            .rz-selectbar .rz-button[aria-pressed="true"]:hover,
            .rz-selectbar .rz-button.rz-primary:hover {
                background-color: #0099ff !important;
                color: #ffffff !important;
                border-color: #0099ff !important;
            }

            .rz-selectbar .rz-button.rz-state-active:focus,
            .rz-selectbar .rz-button[aria-pressed="true"]:focus,
            .rz-selectbar .rz-button.rz-primary:focus {
                background-color: #0099ff !important;
                color: #ffffff !important;
                border-color: #0099ff !important;
                box-shadow: none !important;
                outline: none !important;
            }

        /* Keeps adjoining buttons visually compact */
        .rz-selectbar .rz-button + .rz-button {
            margin-left: -1px !important;
        }

        /* Optional: disabled state */
        .rz-selectbar .rz-button:disabled,
        .rz-selectbar .rz-button.rz-state-disabled {
            opacity: 0.65 !important;
            cursor: default !important;
        }
