body {}
nav#top {display: none;}
@media (min-width: 768px) {header > .container > div {margin-top: 8px;}}
header > .container > div div + div {padding-top: 6px;}
#menu {background-image: linear-gradient(to bottom, #172125, #b41fbb);}

#navbar-menu {justify-content: center;}

footer {background-color: #331330;}

.carousel {
    border-radius: 12px;
    box-shadow: 0 1px 4px rgb(71 11 11 / 45%);}
    
.img-fluid {width: 100%;}


/*  background blurat  */

.background-hero1 { /* black semitransparent */
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/image/Background-Ocazii-Dulci.png');
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.background-hero1 header input.form-control.form-control-lg {background-color: black; color: white; text-align: center;}

.background-hero1 header input.form-control::placeholder {color: #99cffb; /* #a685da;  #d36f6fd9; - sau -  #a95959d9; - sau - #fa9393d9; #93d7fa; #a685da; */}

.background-hero1 header input.form-control:focus {border-color: white;}

.background-hero1 #menu {
    background-image: linear-gradient(to bottom, #172125, #ac0b0b) !important;
    background-image: linear-gradient(to bottom, #190317, darkred) !important;
    background-image: linear-gradient(to bottom, #1b0719, var(--bs-danger-text-emphasis)) !important;
    
    border-color: black !important;}
    
.background-hero1 .breadcrumb {border: none; background-color: transparent;}
.background-hero1 li.breadcrumb-item {text-shadow: 0 0 7px #9b1818;}
.background-hero1 li.breadcrumb-item a {color: white;}


.background-hero1 #compare-total, .background-hero1 #compare-total:hover {background: #faebd72b; border-color: #5e0348;}

/*.background-hero1 #product-list > div > div > div.content > div > h4 a,*/
/*.background-hero1 #product-list > div > div > div.content > div > p,*/
/*.background-hero1 #product-list > div > div > div.content > div > .price,*/
/*    .background-hero1 #recomandate > div > div > div.content > div > h4 a,*/
/*    .background-hero1 #recomandate > div > div > div.content > div > p,*/
/*    .background-hero1 #recomandate > div > div > div.content > div > .price {color: white;}*/

/*.background-hero1 #product-list > div > div > div.content > div > h4,*/
/* .background-hero1 #recomandate > div > div > div.content > div > h4 {min-height: 48px;}*/


.background-hero1 { /* idem dar nested */
    #product-list, #recomandate, #similare {
        
        > div > div > div.content > div {
            h4 a, p, .price {color: white;}
            h4 {min-height: 48px;}
        }
    }
}

.background-hero1 h1, .background-hero1 h2, .background-hero1 h3, .background-hero1 h4, .background-hero1 h5, .background-hero1 h6, .background-hero1 #content h1 + p {
    color: var(--bs-gray-200);
    text-shadow: 0 0 2px #eedeea, 0 0 12px navy;
}

.background-hero1 #product-category #content h1 + h3 + div ul li a {color: #f7e5e5; font-size: larger;}

/*.background-hero1 #product-list .product-thumb {border: 2px solid #ddd; border-radius: 12px;}*/
/*.background-hero1 #product-list .product-thumb .img-fluid {border-radius: 11px 11px 0 0;}*/
/*.background-hero1 #product-list .product-thumb .button {border-radius: 0 0 11px 11px; overflow: hidden;}*/
/*    .background-hero1 #recomandate .product-thumb {border: 2px solid #ddd; border-radius: 12px;}*/
/*    .background-hero1 #recomandate .product-thumb .img-fluid {border-radius: 11px 11px 0 0;}*/
/*    .background-hero1 #recomandate .product-thumb .button {border-radius: 0 0 11px 11px; overflow: hidden;}*/


.background-hero1 {  /* idem dar nested */
    #product-list, #recomandate, #similare {
    
        .product-thumb {
            border: 2px solid #ddd; border-radius: 12px;

            .img-fluid {border-radius: 11px 11px 0 0;}

            .button {border-radius: 0 0 11px 11px; overflow: hidden;}
        }
    }
}

/*.background-hero1 #product-list .product-thumb .description {background: #33133073;}*/
/*.background-hero1 #product-list .product-thumb:hover .description {background: #331330;}*/
/*    .background-hero1 #recomandate .product-thumb .description {background: #33133073;}*/
/*    .background-hero1 #recomandate .product-thumb:hover .description {background: #331330;}*/

/*.background-hero1 #product-list .product-thumb .image a:hover {opacity: initial !important;}*/
/*.background-hero1 #product-list .product-thumb:hover img {filter: brightness(108%);}*/
/*    .background-hero1 #recomandate .product-thumb .image a:hover {opacity: initial !important;}*/
/*    .background-hero1 #recomandate .product-thumb:hover img {filter: brightness(108%);}*/

                            /*    .product-thumb .description p {min-height: 72px;}  */

.background-hero1 { /* idem dar nested */
    #product-list, #recomandate, #similare {
        
        .product-thumb {
            .description {background: #33133073;
                p {min-height: 72px;}
            }

            &:hover {
                .description {background: #331330;}
                img {filter: brightness(108%);}
            }

            .image a:hover {opacity: initial !important;}
        }
    }
}


.background-hero1 .text-end {
    a.btn-primary, a.btn-primary:hover, button.btn-primary, button.btn-primary:hover {
        background-color: #331330; border-color: #8b7d7c;
    }
}

.background-hero1 a.list-group-item.active {background: black !important; border-color: #6c0d0d;}


            /* product page, too */ 
            
                    .background-hero1 aside#column-left .list-group-item {background-color: #ffececf2;}
            
                    .background-hero1 #product .input-group-text,
                    .background-hero1 #product .input-group-text + input {background-color: #e1cfff; background-color: #ffcfe8; background-color: #ffdcecb0;}
                    .background-hero1 #product-info li,
                    .background-hero1 #tab-description * {color: white; text-shadow: 0 0 2px darkred;}  
                    .background-hero1 #button-cart {background-color: #331330; border-color: #a685da; color: #a685da;} 
                    .background-hero1 #button-cart:hover {border-color: #331330; border-color: white; color: white; transform: scale(1.02);}
                    
            /* info pages, too */
                    .background-hero1 #information-sitemap h1 + div {
                        li, a {color: white; font-weight: 600; text-shadow: 0 0 3px rebeccapurple;}
                        a:hover {color: #ffbaf9; text-shadow: 0 0 12px black;}
                    }
                    
                    .background-hero1 #information-contact fieldset {
                        legend, div label {color: white; font-weight: 600; text-shadow: 0 0 15px rebeccapurple;}
                    }
                    .background-hero1 #cart > div > ul > li > table, .background-hero1 #output-cart table {
                        td > a, td.text-start a, small /*, td.text-end */ {color: black; text-shadow: 1px 1px 3px #331330; font-weight: 600;}
                    }
                    .background-hero1 #cart > div > ul > li > table, .background-hero1 #output-cart table {
                        td.text-end {font-weight: 600;}
                    }
                    
                    .background-hero1 #cart table.table-bordered td.text-end:first-of-type {background: #daa8a824;}
                    .background-hero1 #cart table.table-bordered td + td.text-end {background: #f8dcdb85; border: 2px solid #4e050514; font-weight: 600; font-size: larger; padding-right: 16px;}
                    .background-hero1 #cart table.table-bordered + p.text-end {
                        a {color: rgb(51 19 48); text-shadow: 1px 1px 4px #770e6d61;}
                        a:hover {color: rgb(51 19 48); text-shadow: 1px 1px 6px darkred; transform: scale(1.08);}
                    }
                    .background-hero1 #checkout-total td + td.text-end {font-weight: 600; font-size: larger; padding-right: 14px;}
                    
                    .background-hero1 #account-login p, .background-hero1 #form-login label, .background-hero1 #form-login a {color: white;}
                    .background-hero1 #account-login h2 + p + p {flex: 1;}
                    
                    .background-hero1 #form-register {p, fieldset legend, fieldset label, label {color: white;} legend {text-shadow: 0 0 2px #eedeea, 0 0 12px navy;} p a, label a {color: #99cffb;} button.btn-primary, button.btn-primary:hover {color: white; background: #331330;} .invalid-feedback {color: yellow; background: red; padding-left: 14px;} .invalid-feedback::before {content: '💡 ';}}
                    .background-hero1 #checkout-shipping-method, .background-hero1 #checkout-payment-method, .background-hero1 #form-forgotten {legend, label {color: white;} legend {text-shadow: 0 0 2px #eedeea, 0 0 12px navy;} label a {color: #99cffb;} .input-group button.btn-primary {color: white; background: #331330;} .invalid-feedback {color: yellow; background: red; padding-left: 14px;} .invalid-feedback::before {content: '💡 ';}}
                    .background-hero1 #checkout-confirm {tbody td a {color: darkred; font-weight: 600; font-size: larger; text-shadow: 1px 1px 3px #331330a3;} tfoot td.text-end:first-of-type {background: #fff6f6;} tfoot tr td + td.text-end {background: #fff2f2; border: 2px solid #f1dedede; font-weight: 600; font-size: larger; padding-right: 14px;}}
                    
                        .background-hero1 #error-name.d-block, .background-hero1 #error-email.d-block, .background-hero1 #error-enquiry.d-block {color: yellow; background: red; padding-left: 14px;}
                        .background-hero1 #error-name.d-block::before, .background-hero1 #error-email.d-block::before, .background-hero1 #error-enquiry.d-block::before {content: '💡 ';}
                    
                    .background-hero1 h4.modal-title {color: #19162b;}
                    
                    .background-hero1 #shopping-cart > div.alert.alert-danger.alert-dismissible {text-shadow: 1px 1px 3px #331330; font-weight: 600;}
                    .background-hero1 #shopping-cart p {color: white;}
/*  end background blurat  */