:root {
    --color-tde: #b32013;
    --color-tde-hover: #b32013;
    --color-tde-hover-border: #b32013;
    --color-tde-active-border: #b32013;
    --bg-color-footer-box: #f6f7f9;
    --bs-link-color-rgb: 179, 32, 19;
}

.bg-tde {
    background-color: var(--color-tde);
    color: #fff;
}

.fg-tde {
    color: var(--color-tde);
}

.btn-tde {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-tde);
    --bs-btn-border-color: var(--color-tde);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-tde-hover);
    --bs-btn-hover-border-color: var(--color-tde-hover-border);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-tde-hover-border);
    --bs-btn-active-border-color: var(--color-tde-active-border);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-tde);
    --bs-btn-disabled-border-color: var(--color-tde);
}

body.offset-navbar {
    --height-navbar: 60px;
    padding-block-start: var(--height-navbar);
}

.offcanvas.show,
.offcanvas.showing {
    --bs-offcanvas-width: 100%;

    .offcanvas-header {
        .btn-close {
            --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
            --bs-btn-close-opacity: 1;
        }
    }

    .offcanvas-title {
        svg {
            height: 1.5rem;
            .tde {
                fill: #fff;
            }
        }
    }

    .offcanvas-body {
        ul.navbar-nav {
            --bs-navbar-color: #fff;
            font-size: 1.5rem;
            padding-inline: 1rem;
            padding-block: 1rem;

            li.nav-item {
                padding-block: 1rem;
                border-bottom: 1px solid #fff;
            }

            li.nav-item:last-child {
                border-bottom-style: none;
            }
        }
    }
}

ul.navbar-nav {
    li.nav-item {
        a.nav-link {
            i.fa,
            i.fa-solid {
                display: none;
            }
        }
    }
}

.icon-input {
    position: relative;
    display: inline-block;

    .icon {
        position: absolute;
        right: 1.5rem;
        top: 50%;
        width: 2rem;
        height: 2rem;
        transform: translateY(-50%);
    }

    .svg-path {
        fill: #666;
    }

    input {
        padding-right: 2.5rem;
    }

    .form-control-lg {
        &::placeholder {
            --bs-secondary-color: #ccc;
        }
    }
}

.form-control.form-control-rounded,
.btn.btn-rounded {
    border-radius: 9999px;
}

.footer-box {
    background-color: var(--bg-color-footer-box);

    svg {
        max-height: 5rem;
    }
}

button.icon {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
}

.navbar-toggler {
    --bs-border-width: 0;
    --bs-navbar-toggler-border-radius: 0;
    --bs-navbar-toggler-border-color: transparent;
}