@import url("./style.css");

:root {
    --cart_prod_size: 350px;
    --separators-color: #eee;
}

* {
    outline: none !important;
}

*:focus {
    outline: none !important;
}
body {
    font-family: var(--ltn-font-family);
}

.btn {
    background-color: black;
    color: white;
    font-weight: bolder;
}

.btn:hover {
    background-color: var(--ltn__secondary-color);
}

i {
    color: var(--ltn__primary-color) !important;
}

.cell:hover {
    color: var(--ltn__secondary-color-2) !important;
    animation: scale 0.3s linear 1;
    -webkit-animation: scale 0.3s linear 1;
    border-color: var(--ltn__secondary-color-2);
}
@keyframes scale {
    0%,
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    50% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
    }
}
p {
    word-break: break-all;
    white-space: pre-line;
}
.desc {
    font-weight: 500;
    word-break: break-all;
    white-space: unset;
    background-color: var(--border-color-8);
}
.ctitle {
    width: 300px;
    margin-left: 100px;
    text-align: center;
    align-items: center;
}
.accordion-button {
    background-color: var(--border-color-8);
    border: none;
}
.accordion-button:hover {
    background-color: var(--ltn__secondary-color);
    border: black;
    border: none;
}
.accordion-body {
    word-break: break-all;
    white-space: pre-line;
}
.accordion {
    width: 77%;
}
.accordion h5 {
    color: black;
}
/* h5{
    word-break: break-all;
    white-space: pre-line;
} */

.accordion-item:hover h5 {
    color: white !important;
    border-radius: 0% !important;
    -webkit-border-radius: 0% !important;
    -moz-border-radius: 0% !important;
    -ms-border-radius: 0% !important;
    -o-border-radius: 0% !important;
}

.product-img {
    max-width: calc(var(--cart_prod_size) + 100px);
    min-height: 400px !important;
    border-radius: 0%;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    -ms-border-radius: 0%;
    -o-border-radius: 0%;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    border: 3px solid var(--separators-color);
    cursor: pointer;
}

.detail {
    max-width: 400px !important;
}

.container {
    max-width: 950px !important;
}

.controls {
    border: 2px solid var(--ltn__primary-color);
}

.add-to-cart:hover {
    color: white !important;
}

.prod-price {
    color: var(--ltn__primary-color-3);
}

.detail .title {
    color: var(--ltn__primary-color-3) !important;
}

.social i {
    color: white !important;
}