.accordion-button {
background-color: var(--bs-secondary-bg); /* Default */
}
.accordion-button.has-children {
background-color: var(--bs-primary-bg-subtle); /* Parents */
}
.accordion-button {
border-top: 1px solid var(--bs-border-color);
border-bottom: 1px solid var(--bs-border-color);
/*background-color: transparent;*/
}
.accordion-item,
.accordion-button:focus,
.accordion-button:not(.collapsed) {
border: none;
box-shadow: none;
}
#product_prices {
font-size: 1.5rem !important
}
.product-prices {
font-size: 1.1rem !important
}
#product_description {
white-space: pre-wrap;
}
.image-column {
width: 106px;
/*max-width: 100px;*/
}
.image-column img {
width: 100%;
max-width: 100px;
}
html, body {
height: 100%;
margin: 0;
}
body {
display: flex;
flex-direction: column;
min-height: 100vh;
}
main {
flex: 1 0 auto;
}
footer {
flex-shrink: 0;
}
.custom-input-group {
width: 90%;
}
@media (min-width: 992px) {
.custom-input-group {
width: 50%;
}
}
#movingHeart {
display: none;
position: fixed;
width: 2.5rem;
height: 2.5rem;
opacity: 1;
animation: moveTopRight 0.4s ease-in-out forwards;
z-index: 1000;
}
@keyframes moveTopRight {
0% {
opacity: 1;
transform: translate(10px, 0);
}
100% {
opacity: 0;
transform: none;
top: 0;
left: 80%;
}
}
.show-moving-heart {
display: block !important;
}
@keyframes blink {
0%, 100% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0;
transform: scale(3);
}
}
.blink {
animation: blink 0.5s ease-in-out 3;
}
.bi {
display: inline-block;
width: 1rem;
height: 1rem;
background-size: contain;
background-repeat: no-repeat;
}
.bi-bigger {
display: inline-block;
width: 1.5rem;
height: 1.5rem;
background-size: contain;
background-repeat: no-repeat;
}
/* Light mode (default) */
.bi-suit-heart {
background-image: url('data:image/svg+xml,');
}
.bi-suit-heart-fill {
background-image: url('data:image/svg+xml,');
}
.bi-spinner {
width: 1.5rem;
height: 1.5rem;
background-image: url('data:image/svg+xml,');
}
/* Dark mode */
[data-bs-theme="dark"] .bi-suit-heart {
background-image: url('data:image/svg+xml,');
}
[data-bs-theme="dark"] .bi-suit-heart-fill {
background-image: url('data:image/svg+xml,');
}
[data-bs-theme="dark"] .bi-spinner {
background-image: url('data:image/svg+xml,');
}