/* #region ACCORDION */

/* Titre */
.p-accordion {
    --p-acc-padx: 0;
    --p-acc-bg: var(--bs-body-bg);
    --p-acc-bg-active: var(--bs-body-bg);
    --p-acc-border-color: var(--bs-primary);
    --p-acc-border-width: var(--bs-border-width);
}

.bg-primary .p-accordion {
    --p-acc-bg: var(--bs-primary);
    --p-acc-bg-active: var(--bs-primary);
    --p-acc-border-color: var(--bs-white);
}

.bg-secondary .p-accordion {
    --p-acc-bg: var(--bs-secondary);
    --p-acc-bg-active: var(--bs-secondary);
    --p-acc-border-color: var(--bs-primary);
}

.bg-dark .p-accordion {
    --p-acc-bg: var(--bs-dark);
    --p-acc-bg-active: var(--bs-dark);
    --p-acc-border-color: var(--bs-primary);
}

.p-accordion .group-title {
    border-top: var(--p-acc-border-width) solid var(--p-acc-border-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 0.4em var(--p-acc-padx);

    background: var(--p-acc-bg);
}

.p-accordion .group-title>* {
    margin: 0;
}

.p-accordion .group-wrapper:first-of-type .group-title {
    border-top-width: 0;
}

.p-accordion-open .group-title,
.p-accordion .group-title:hover {
    background: var(--p-acc-bg-active);
    color: var(--p-acc-border-color);
}

/* Contenu pour padding et bg */
.p-accordion .group-rows-inner {
    padding: .5em var(--p-acc-padx);
    background: var(--p-acc-bg);
}

/* #endregion accordion */


/* #region TABS */

.p-tabs {
    --p-tab-bg: var(--bs-body-bg);
    --p-tab-bg-active: var(--bs-body-bg);
    --p-tab-padx: 0;
    --p-tab-border-width: var(--bs-border-width);
    --p-tab-border-color: rgb(var(--bs-dark-rgb), .5);
    --p-tab-border-color-active: var(--bs-primary);
}

.bg-primary .p-tabs {
    --p-tab-bg: var(--bs-primary);
    --p-tab-bg-active: var(--bs-primary);
    --p-tab-border-color: rgb(var(--bs-light-rgb), .5);
    --p-tab-border-color-active: var(--bs-light);
}

.bg-secondary .p-tabs {
    --p-tab-bg: var(--bs-secondary);
    --p-tab-bg-active: var(--bs-secondary);
    --p-tab-border-color: rgb(var(--bs-dark-rgb), .5);
    --p-tab-border-color-active: var(--bs-primary);
}

.bg-dark .p-tabs {
    --p-tab-bg: var(--bs-dark);
    --p-tab-bg-active: var(--bs-dark);
    --p-tab-border-color: rgb(var(--bs-light-rgb), .5);
    --p-tab-border-color-active: var(--bs-light);
}

.p-tabs-on,
.p-tabs .view-content {
    position: relative;
    display: flex;
}

.p-tabs .contextual-region {
    position: static;
}

.p-tabs .group-title {
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    z-index: 1;
    cursor: pointer;
}

.p-tabs-on .group-rows {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
}

.p-tabs-open .group-rows {
    display: block;
}

/* Titre */
.p-tabs-on .group-title {
    border: var(--p-tab-border-width) solid var(--p-tab-border-color);
    color: var(--p-tab-border-color);
    border-bottom: 0 none;
    margin-left: .5rem;
    padding: .5rem .8rem;
    background: var(--p-tab-bg);
    position: relative;
}

.p-tabs .group-title>* {
    font-size: 1rem;
    margin: 0;
}

.p-tabs-open .group-title,
.p-tabs .group-title:hover {
    color: var(--p-tab-border-color-active);
}

.p-tabs-open .group-title,
.p-tabs-open .group-title:hover {
    border-color: var(--p-tab-border-color-active);
    background: var(--p-tab-bg-active);
}

.p-tabs-open .group-title::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(-2 * var(--p-tab-border-width));
    height: calc(3 * var(--p-tab-border-width));
    background: var(--p-tab-bg-active);
}

/* Contenu pour padding et bg */

.p-tabs .group-rows-inner {
    border-top: var(--p-tab-border-width) solid var(--p-tab-border-color-active);
    background: var(--p-tab-bg-active);
    padding: 15px var(--p-tab-padx);
}

/* #endregion tabs */