/*  tema cromatica AI  */
    
                :root {
                  --primary-AI: #4095ca;      /* Brand / Header */
                  --accent-AI: #ca7540;       /* Butoane principale / Alerte */
                  --secondary-AI: #40caba;    /* Hover effects / Decor */
                  --bg-light-AI: #f2f7fa;     /* Background / Carduri */
                  --text-main-AI: #1a2b36;    /* Text închis (contrastant cu albastrul) */
                }
    
        /*  end tema AI  */

nav {display: none;}

header {
    margin-bottom: 5px;
    padding-top: 5px;
}

@media (max-width: 767px) {
  /* code here */
}

header .container .row div + div {align-self: center;}

@media (min-width: 768px) {
    header .container .row div + div {padding-left: 0;}
}

header .container .row > div > form,
header .container .row > #cart {margin-bottom: 0 !important;}

@media (max-width: 767px) {
    header .container .row > div > form,
    header .container .row > #cart {margin-bottom: 10px !important;}
}

@media (max-width: 991px) and (min-width: 768px) {
    #logo img {max-width: 100%;}
}

#logo >  a:hover {
    filter: drop-shadow(1px 2px 0px black);
}

#logo a:active img {transform: scale(0.94);}

#cart .btn-lg {border: 1px solid lightgrey;}

@media (max-width: 569px) {
    #cart > div > ul.dropdown-menu {
        transform: translate3d(0, 50px, 0) !important; 
        padding: 2px !important;
    }
}

#cart ul li table td:nth-of-type(2) a,
#cart p.text-end a,
#output-cart table tbody tr td.text-start.text-wrap > a {font-weight: bold; color: #2335c3;}

#cart ul li table td:nth-of-type(2) a + ul li small {font-weight: bold; color: #5f1c71;}

#cart ul li table img,
#output-cart table tbody tr td a img {
    border-radius: 8px;
    border: 1px solid #0f092a5c;
}

#shopping-cart #accordion {display: none;}

@media (min-width: 992px) {
    #menu {background-color: transparent !important; background-image: none; border: none;}
    #menu .navbar-nav > li > a {color: black; font-size: larger;}
}

@media (max-width: 991px) {
    #menu {background-image: linear-gradient(to bottom, #060b0c, #1f90bb); border: none;}
}

@media (min-width: 992px) {li.cumpara {padding-left: 6px;}}
@media (max-width: 991px) {li.cumpara {padding-top: 6px; padding-bottom: 32px;}}

a.btnvinde, a.btncumpara {
    border: 1px solid #5fae86d9;
    border-radius: 12px;
    box-shadow: 0 0 2px aqua;
    padding: 8px 12px !important;
    background-color: #422e7c !important;
}

a.btnvinde {
    background-color: #373aadc9 !important;
}

@media (min-width: 992px) {
    a.btnvinde:hover,
    a.btncumpara:hover {
        background-color: #5431b07d !important;
        border-color: #9fc8fa8a;
    }
}

a.btnvinde:active,
a.btncumpara:active {
    transform: scale(0.97) !important;
}

#cart > div ul {box-sizing: border-box; max-width: 95vw; overflow: auto;}

#cart > div ul table form button:active {transform: scale(0.94);}

#cart > div > button:active {transform: scale(0.97);}

@media (min-width: 992px) {
    .nav-item:hover > a:not(.btnvinde, .btncumpara)  {
        transform: scale(1.05);
    }
    
    #menu .navbar-nav > li > a:hover {
        background-color: rgba(16, 129, 260, 0.1); 
        border-radius: 14px;
    }
    
    #menu .dropdown-menu {
        border-color: #a2b8f9; 
        border-radius: 15px;
    }
}

        /* ** uniformizare butoane mobil si desktop */

a.btnvinde.dropdown-item { /* cod nou */
	display: block;
    /* flex: 1; */
    border-radius: 14px;
    border-color: #174ae2;
    color: #121316;
    /* font-weight: bold; */
    /* box-shadow: 2px 3px 8px #17345dc9; */
    background-image: linear-gradient(to bottom, #e3faff, #65b6f6 /* #1f90bb */);
}

a.btnvinde.dropdown-item > .fa-wallet,
a.btnvinde.dropdown-item > b.buyback {
    /* color: #0e520e; */
    text-shadow: 0 0 2px #fbd4d4, 0 0 12px white;
} /* end cod nou */


a.btncumpara.dropdown-item { /* cod nou */
	display: block;
    /* flex: 1; */
    border-radius: 14px;
    border-color: #174ae2;
    color: #121316;
    /* font-weight: bold; */
    /* box-shadow: 2px 3px 8px #17345dc9; */
    background-image: linear-gradient(to bottom, #e3faff, #65b6f6 /* #1f90bb */);
}

a.btncumpara.dropdown-item > .fa-cart-shopping,
a.btncumpara.dropdown-item > b.buyback {
    /* color: #351bbd; */
    text-shadow: 0 0 2px #fbd4d4, 0 0 12px white;
} /* end cod nou */

        /* ** end uniformizare */

@media (min-width: 992px) {
    .nav-item:hover > a.btnvinde > *,
    .nav-item:hover > a.btncumpara > * {transform: scale(1.05);}
}

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

.breadcrumb {font-weight: bold;}

.breadcrumb {border-color: transparent; background-color: transparent;}

aside#column-left .carousel {
    border: 1px solid #c7d8e4;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    margin-bottom: 50px;
}

aside#column-left .carousel:hover a {background-color: white;}

/* extend carousel full width */
    #content .carousel-item > div,
    #content .carousel-item > div > div {margin: 0; width: 100%; padding: 0;}
    #carousel-banner-0 > div.carousel-inner > div > div > div > a {display: inline-block; width: 100% !important;}
    #carousel-banner-0 > div.carousel-inner > div > div > div > a > img {width: 100% !important; height: auto;}
    
@media (min-width: 768px) {
    .rafinaretitlu, .rafinaretitlu + div {display: none;}
}

/*  text produse, linkuri sus  */

.product-thumb {border-radius: 9px; padding-top: 15px;}
.product-thumb:hover {box-shadow: 3px 3px 11px grey; transform: translate(-3px, -2px); background-color: #ecf0ff73;}

.product-thumb h4 > a,
.breadcrumb-item > a {color: #247594; color: var(--primary-AI); text-wrap: wrap;}

#alert a {font-weight: bold; color: #247594; text-shadow: 0 0 2px white;}

#product #button-cart:active {transform: scale(0.94);}

.product-thumb .price {
    text-align: center;
    font-size: 1.6em;
    /* text-shadow: 1px 1px 1px #4d29c3; // original */
            color: #5072b2;
}

            .price-new {font-weight: bold;}

.product-thumb .description h4 {min-height: 47px;}
.product-thumb .description p {min-height: 70px;}

/* product thumb button */

#content div.product-thumb > div.content .button {
  justify-content: center;
  border-left: none !important;
}

#content div.product-thumb > div.content .button button[type='submit'] {
  width: 70%;
  max-width: 318px;
  border-radius: 12px;
  border: 2px solid #cccccc;
  margin-bottom: 10px;
  color: rebeccapurple;
        color: #733399;
  font-weight: bold;
}

@media (max-width: 575px) {
  #content div.product-thumb > div.content .button button[type='submit'] {
    width: 45%;
  }
}

#content div.product-thumb > div.content .button button[type='submit']:hover {
  color: white;
  background-color: #20639c /* #541962d1 original */ /* #800080 initial opencart */;
  border-color: black;
}

#content div.product-thumb > div.content .button button[type='submit']:active {
    transform: scale(0.94); color: #f5eee0;
}

/* end thumb button */

#product-info #content span[class^="price"] {text-shadow: 1px 1px 1px rebeccapurple;}

#product-info #content .nostock {
    background-image: linear-gradient(to left, orange, yellow, yellow, yellow, yellow, orange);
}

#product-info #content .instock {
    /*background-image: linear-gradient(to left, blue, cyan, white, white, white, white, white, cyan, blue);*/
    /*background-image: linear-gradient(to left, #056bcec7, #6a98a8bd, #a5daeebd, #a5daeebd, #a5daeebd, #a5daeebd, #a5daeebd, #6a98a8bd, #056bcec7);*/
}

#product-info #content .instock:hover {background-image: linear-gradient(to left, #056bcec7, #6a98a8bd, #a5daeebd, #a5daeebd, #a5daeebd, #a5daeebd, #a5daeebd, #6a98a8bd, #056bcec7);}

#product-info #content .redd {
    color: #e90c1486;
    background-color: #f5ff00b8;
    padding: 2px 8px 4px;
}

#product-info #content .standardd {
    color: #44950bc2;
    padding: 2px 12px 4px 14px;
}

/* 

*/

/* !! GENERIC */

.btn-primary {background-color: #247594;}
.btn-primary:hover {background-color: rebeccapurple;}

.btn-danger {background-color: #922824;}
#column-left a.active,
#column-left a:not(.active):hover {color: white; background-color: #247594; border-color: #21647d;}

#content.col ul > li > a {color: #247594; font-weight: bold;}

select option:checked {
    background-color: blue; color: cyan;
}

button.vindecumpara {
    width: 70%;
    max-width: 280px;
    border-radius: 12px;
    border: 2px solid #a0a0a0;
    margin-bottom: 10px;
    color: rebeccapurple;
    font-weight: bold;
    font-size: 18px;
}
button.vindecumpara:hover {color: black; background-color: white;}
button.vindecumpara:active {transform: scale(0.97);}

/* 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;
}

#backToTop:active {transform: scale(0.94);}

#information-information h1:not(.show) {display: none;}

section.info {
    font-family: system-ui;
    max-width: 450px;
    margin: 16px auto 62px;
}

section.info > p, section.info li {font-size: larger;}

section.info .show {text-align: center;}

section.info > p > img.coperta {
    width: 440px;
    height: 159px;
    border: 1px solid cyan;
    border-radius: 18px;
    box-shadow: 2px 4px 12px lightgrey;
}

@media (max-width: 600px) {
    section.info > p > img.coperta {
        display: inline-block;
        margin-left: 2px;
        width: 440px;
        height: auto;
        max-width: 100%;
    }
}
  
/* Overlay translucid peste pagina */
    #popupOverlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    #popupOverlay img {
      max-height: 90%;
      max-width: 90%;
      /* cursor: pointer; */
      box-shadow: 0 0 20px #000;
      border-radius: 8px;
    }
    
    #popupClose {
      position: absolute;
      top: 5vh;
      right: 5vw;
      background: #fff;
      border: 1px solid #ccc;
      cursor: pointer;
      border-radius: 12px;
    }
    
    #popupClose:active {transform: scale(0.94);}
    
    /* end overlay */

@media (max-width: 767px) {
    main {margin-bottom: 40px;}
}

footer {
    background-color: #002d50;
    border-top: 1px solid #05243c;
    padding: 30px 30px 0;
}
footer h5 {text-shadow: 0 0 8px #ffffff;}
footer a:hover {color: #0299ff;}
footer .row p {color: #41a9ef !important;}

footer .container .row:first-of-type {padding-left: 8.2vw;}

@media (max-width: 767px) {
    footer .container .row:first-of-type {padding-left: 22px;}
}

footer div.mb-2.anpc {padding: 9px 0;}

/*  logo customizat -- > MARIT  */
@media (max-width: 767px) {
    #logo img {max-width: 245px;}
}

@media (min-width: 992px) {
    #logo img {max-width: 245px;}
}
/*  end logo  */

/*  mici modificari sectiune VINDE  */

    main .container > h5 + div {justify-content: center;}
    main .container .category-item > span {flex-basis: 32px;}

/*  end mici */