:root {
    --bs-body-font-size: 0.9rem;
    --sid-modal-bg-color: #EBEEF2;
    --bs-table-bg: #EBEEF2;
    --bs-border-radius: 1rem;
}

.accordion-item:has(.accordion-button:not(.collapsed)) {
    background-color: #D8DCE6;
    border-radius: 1rem 1rem 0 0;
}

#dashboard .card {
    --bs-card-border-width: 0;
}

.table-active {
    border: 2px solid blue;
}

.go-to-selected-row {
    color: #4288F1; 
    cursor: pointer; 
    font-size: 20px;
}

.go-to-selected-row:hover {
    color: #1f57aa;
}

.select-row:hover {
    color: #B3D2FF;
}

.deselect-row {
    color: #EB0000;
}

.deselect-row:hover {
    color: #921313fa;
}

.table-secondary {
    --bs-table-bg: #EBEEF2;
}

.modal-content {
    background-color: var(--sid-modal-bg-color);
}

.notification-table > :not(caption) > * > * {
    color: var(--bs-primary-text-emphasis);
    background-color: var(--sid-modal-bg-color);
}

.btn-light {
    --bs-btn-bg: #EBEEF2;
}

.nav-link {
    color: rgba(0, 0, 0, 0.45);
}

.modal-xl {
    --bs-modal-width: 1340px;
}

.btn-outline-primary {
    background-color: white;
    --bs-btn-border-color: gray;
    color: black;
}

.loader {
    width: 60px;
    aspect-ratio: 2;
    --_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);
    background: 
        var(--_g) 0%   50%,
        var(--_g) 50%  50%,
        var(--_g) 100% 50%;
    background-size: calc(100%/3) 50%;
    animation: l3 1s infinite linear;
    margin: 10px auto 10px auto;
}
@keyframes l3 {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}

.offcanvas {
    --bs-offcanvas-width: 810px;
    background-color: var(--sid-modal-bg-color);
}

.dashboard-sidebar-link {
    padding-left: 8px;
    color: #737984;
    text-decoration: none;
}

.dashboard-sidebar-sublink {
    padding-left: 8px;
    color: #737984;
    text-decoration: none;
}

.dashboard-sidebar-sublink:hover {
    color: black;
    text-decoration: none;
}

.dashboard-sidebar-sublink-selected {
    padding-left: 8px;
    color: black;
    text-decoration: underline;
}

.dashboard-sidebar-link:hover {
    color: black;
    text-decoration: none;
}

.dashboard-sidebar-link img {
    filter: brightness(50%);
}

.dashboard-sidebar-link:hover img {
    filter: brightness(0%);
}

.dashboard-sidebar-link-selected {
    color: white;
    text-decoration: none;
}

.title-link {
    color: #ADB5C6;
    text-decoration: none;
    padding: 10px;
}

.title-link:hover {
    color: #6a6f7a;
}

.title-link-selected {
    color: black;
    text-decoration: none;
    padding: 12px;
    border-bottom: 2px solid black;
}

.favorite-card {
    font-size: 0.9rem;
    font-weight: 400;
    background-color: #EBEEF2;
    display: inline-block;
    float: none;
    width: auto;
    margin-right: 10px;
    cursor: pointer;
    vertical-align: top;
    border: 0;
}

.favorite-card .delete-icon {
    color: #bcbec0;
    display: none;
}

.favorite-card:hover .delete-icon {
    display: block;
}

.favorite-card .delete-icon:hover {
    color: red;
}

.favorite-card:has(.delete-icon:hover) {
    color: #bcbec0;
}

.favorite-card:has(.delete-icon:hover) .availability {
    opacity: 0.5;
}

.favorite-card .favorite-name {
    font-weight: bold;
}

.favorite-card .favorite-qualities {
    font-size: 0.8rem;
}

.favorite-card .favorite-surfaces {
    font-size: 0.8rem;
}

.favorite-card .favorite-sizes {
    font-size: 0.8rem;
}

#shippings-destinations-table tr:last-child td {
    border-bottom: none;
}

#dashboard-statistics-div .statistics-selection {
    cursor: pointer;
    color: #737984;
}

#dashboard-statistics-div .statistics-selection:hover {
    color: black;
}

#dashboard-statistics-div .statistics-selection.selected {
    color: black;
    text-decoration: underline;
}

.nav-link {
    font-size: 0.9rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.30);
}

.h3 {
    font-size: 1.5rem;
    font-weight: 500;
}

.section-title {
    font-size: 1rem;
    font-weight: 600;
}

.favorites-section * {
    font-size: 0.9rem;
    font-weight: 400;
}

.amount-widget * {
    font-size: 0.9rem;
    font-weight: 400;
}

.form-errors ul {
    color: red;
    list-style-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='red' class='bi bi-exclamation-triangle' viewBox='0 0 16 16'><path d='M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.15.15 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.2.2 0 0 1-.054.06.1.1 0 0 1-.066.017H1.146a.1.1 0 0 1-.066-.017.2.2 0 0 1-.054-.06.18.18 0 0 1 .002-.183L7.884 2.073a.15.15 0 0 1 .054-.057m1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767z'/><path d='M7.002 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/></svg>");
}