@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    /* Background */
    --bg-default: #242831;
    --bg-secondary: #424254;
    --bg-white: #e8caa4;
    --bg-danger: #cc2a41;
    --bg-green: #64908a;
    --bg-gray: #ececec;

    /* Textos */
    --text-color-default: #212530;
    --text-color-secondary: #e8caa4;

    /* Fontes */
    --font-default: "Inter", sans-serif !important;
}

/*---- CONFIGURAR BARRA DE SCROLL ----*/
::-webkit-scrollbar {
    width: 16px;
    background-color: var(--bg-default);
}

::-webkit-scrollbar-thumb {
    background-color: var(--bg-white);
    border-radius: 6px;
    border: 3px solid var(--bg-secondary);
}

::-webkit-scrollbar-thumb:vertical:active {
    background-color: #999999;
}

::-webkit-scrollbar-corner {
    background-color: #dddddd;
}

::-webkit-scrollbar-button {
    display: none;
}

body {
    /*font-family: "Ubuntu", sans-serif !important;*/
    font-family: "Inter", sans-serif !important;
}

.container {
    max-width: 1366px;
}

#page-content {
    flex: 1 0 auto;
}

#sticky-footer {
    flex-shrink: 0;
}

.bg-primary {
    background: var(--bg-default) !important;
}

#registration .sub-heading span {
    background-color: #f1f1f1;
    padding: 10px 20px;
    top: -24px;
    font-size: 18px;
    color: var(--text-color-default);
    text-transform: uppercase;
    font-weight: bold;
}

/*---- BOTÕES ----*/
.btn-primary {
    color: #fff;
    background: var(--bg-default);
    border: 0;
}
.btn-primary:hover {
    background: var(--bg-white);
    color: var(--text-color-default);
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background: var(--bg-default);
    box-shadow: none !important;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none !important;
}

.product-details-tab-container .text-left {
    text-align: left !important;
    background: #f5f5f5;
    margin-bottom: 1vh;
    padding: 1em;
    overflow-wrap: break-word;
    font-size: 12px;
    font-family: monospace;
}

.box-produtos p {
    line-height: 1.4 !important;
    margin-bottom: 0 !important;
}

.product-desc {
    font-size: 14px !important;

    & ul {
        list-style: none;
        padding: 0;
    }
}

#order-standard_cart .products .product header span {
    font-weight: 800;
}

#order-standard_cart .products .product {
    margin: 0 0 35px 0 !important;
}

#order-standard_cart .cart-sidebar {
    width: 25% !important;
}
#order-standard_cart .cart-body {
    width: 75% !important;
}