/* Common CSS
Styles common to all portals : Espace Pro, Back office, Front
*/

:root {
    --body-bg: #f4f6f9;
    --body-color: #48494c;
    --light-color: #ebeef3;
    --link-color: #174192;
    --heading-color: #363636;
    --primary: #a7934e;
    --primary-hover: #958343;
    --default-color: #174192;
    --default-color-darker: #0d3179;
    --default-color-rgb: 255, 116, 67;
    --on-default-color: #fff;

    --border-radius: 6px;
    --border-radius-xl: 12px;
    --heading-font-family: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --heading-font-weight: 600;
    --bs-body-font-family: 'Poppins', 'Open Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --link-color: var(--primary);
    --link-hover-color: var(--primary-hover);
    --link-decoration: underline;
    --link-hover-decoration: none;

    --font-size-root: 15px;
    --shadow: 0px 0px 20px 10px rgb(93 102 135 / 4%);
    --border: 1px solid #e0e0e0;
    --spacer: 1.5rem;

    --card-border-style: none;
    --header-padding-y: 3rem;
    --img-header-height: 70px;
}

/* Modal */
div.opaque {
    opacity: .4;
}

.btn-primary {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}

.btn-primary.focus,
.btn-primary:focus {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
    box-shadow: 0 0 0 0.2rem rgb(255 116 67 / 20%);
}

.item-activate {
    cursor: pointer;
}

#tags-list span.badge {
    cursor: pointer;
}