/* common */
#logo img {
    max-width: 180px !important;
}

@media (min-width: 768px) {
    header .row > div + div {padding-top: 42px;}
}

a.show-all {font-weight: 700; color: rgb(15 70 199);}

#cart button {background-color: #575294;}
#cart button:hover {background-color: #0000cc;}

#cart table form .btn-danger[title="Elimina"], #cart table form .btn-danger[aria-label="Elimina"] {border: none; background-color: #912780;}
#cart table form .btn-danger[aria-label="Elimina"]:hover {border: none; background-color: #ff0026;}

#cart > div > ul > li > table > tbody > tr > td:nth-child(2) > a,
#output-cart > table > tbody > tr > td.text-start.text-wrap > a,
#checkout-total > tr:last-of-type > td[class='text-end']:nth-child(2) {font-weight: 700; color: rgb(15 70 199);}

#cart table.table small {font-weight: bold;}
#cart > div > ul > li > table > tbody > tr > td:nth-child(4),
#cart > div > ul > li > div > table > tbody > tr:last-of-type > td:nth-child(2) {font-weight: bold; color: navy;}

#cart > div > ul > li > div > p > a:nth-child(1) > strong,
#cart > div > ul > li > div > p > a:nth-child(2) > strong {font-weight: bold; color: #7b23d1;}

#checkout-confirm > div.table-responsive > table > tbody > tr > td:nth-child(1) > a {font-weight: bold; color: rgb(15 70 199);}
#checkout-confirm > div.table-responsive > table > tfoot > tr:nth-child(3) > td:nth-child(2) {font-weight: bold; color: #7b23d1;}

#shopping-cart > div.row > div.col.text-end > a,
#common-success #content > div > a,
#checkout-cart #shopping-cart > div > a {background-color: #912780; font-size: larger; padding: 8px 25px;} /* btn custom largi */

#checkout-shipping-method > fieldset > div.input-group > span,
#checkout-payment-method > fieldset > div.input-group > span,
#checkout-payment-method > div.form-check.form-switch.form-switch-lg.form-check-reverse.mt-3 > label > a > b {color: #a72d2d; font-size: larger;}

#checkout-confirm > div.table-responsive > table > tfoot > tr:last-of-type > td:nth-child(2) {font-weight: 700; font-size: larger; color: rgb(15 70 199);}

#input-checkout-agree {font-size: larger; margin-right: -52px;} /* se pot schimba aici svg-urile  */

/* butoane cu tema custom */
#button-shipping-methods, #button-payment-methods, #button-register, #button-shipping-method, #button-payment-method, #checkout-payment > div > button {background-color: #912780; padding: 8px 25px;}

#account-login #content > div > div:nth-child(1) > div > div > a,
#form-login > div.text-end > button,
#form-contact > div > button,
#product-search #content > div > a,
#product-category #content > div > a {background-color: #912780; font-size: larger; padding: 8px 25px;}

#product-category #content > div > div > ul > li > a,
#form-product > div > div.input-group > div {font-weight: 700; color: rgb(15 70 199);}

#information-sitemap #content > div > div > ul > li > a {color: #7b23d1;  font-weight: bold;}
#information-sitemap #content > div > div ul * {color: #4d1d7b;}

#menu {background-image: linear-gradient(to bottom, #7b23d1, #03040e); border: none;}

@media (min-width: 992px) { /* center buttons in menu */
    .navbar-expand-lg .navbar-nav {
        justify-content: center;
    }
}

#menu .navbar-nav > li > a {padding: 10px 10px 10px 14px;}

#product #button-cart {background-color: #912780;}
/* checkout */
#accordion {display: none;}


/* Button To TOP*/
#backToTop {
  position: fixed;
  bottom: 30px;
  right: 40px;
  width: 60px;
  height: 60px;
  background-color: #1d248f;
  color: white;
  border: none;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  display: none;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  z-index: 30;
}

#backToTop:hover {
  background-color: #3c45d0;
}

/* carousel full width */
.img-fluid {width: 1312px;}

/* product design */

.breadcrumb {background-color: #e5f6ff7d; border-color: #96a5ffad;}

.product-thumb .description {
    height: 208px;
    display: flex;
    flex-direction: column;
}
.description > h4 {
    min-height: 64px;
    max-height: 62px;
}
.description > h4 a, ul.breadcrumb > li > a {color: #7b23d1; font-weight: bold;}

#column-left > div > a.list-group-item.active {background-color: #7b23d1; color: white; border-color: navy;}

.description > h4 + p {
    flex: 1;
    margin-bottom: 0;
}
.description .price {
    text-align: center;
    font-size: 20px;
}

footer {background-color: #39026f;}