:root {
    --partout-color: #99cc00;
    --canopee-color: #f28b19;
    --aventure-color: #0970bf;
}

.text-partout {
    color: var(--partout-color);
}

.text-canopee {
    color: var(--canopee-color);
}

.text-aventure {
    color: var(--aventure-color);
}

#tarifs {
    .card {
        background-color: transparent;
        box-shadow: none;
    }

    .card-body {
        border-radius: 10px;
    }

    .card-body.p-partout {
        background-color: var(--partout-color);
    }

    .card-body.p-canopee {
        background-color: var(--canopee-color);
    }

    .card-body.p-aventure {
        background-color: var(--aventure-color);
    }
}

.table {
    border-radius: 10px;
    overflow: hidden;

    tbody {
        border-style: hidden;
    }

    &.table-partout {
        tr {
            border-top: 3px solid var(--partout-color);
            border-bottom: 3px solid var(--partout-color);
        }

        td {
            border-left: 3px solid var(--partout-color);
            border-right: 3px solid var(--partout-color);
        }
    }

    &.table-canopee {
        tr {
            border-top: 3px solid var(--canopee-color);
            border-bottom: 3px solid var(--canopee-color);
        }

        td {
            border-left: 3px solid var(--canopee-color);
            border-right: 3px solid var(--canopee-color);
        }
    }

    &.table-aventure {
        tr {
            border-top: 3px solid var(--aventure-color);
            border-bottom: 3px solid var(--aventure-color);
        }

        td {
            border-left: 3px solid var(--aventure-color);
            border-right: 3px solid var(--aventure-color);
        }
    }


    tr:first-child {
        border-top: none;
    }

    tr:last-child {
        border-bottom: none;
    }

    td:first-child {
        border-left: none;
    }

    td:last-child {
        border-right: none;
        min-width: 50px !important;
    }

}