/* HEADER peste continut */
header,
.site-header,
.elementor-location-header,
.elementor-sticky--active {
  z-index: 99999 !important;
  background: #ffffff !important;
}

/* Corectie pentru bara de admin WordPress cand esti logat */
body.admin-bar header,
body.admin-bar .site-header,
body.admin-bar .elementor-location-header,
body.admin-bar .elementor-sticky--active {
  top: 32px !important;
}

@media (max-width: 782px) {
  body.admin-bar header,
  body.admin-bar .site-header,
  body.admin-bar .elementor-location-header,
  body.admin-bar .elementor-sticky--active {
    top: 46px !important;
  }
}

/* Sectiunea de landing sa ramana sub header */
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget {
  position: relative;
}

/* Cardurile sa nu urce peste header */
.elementor-widget-wrap,
.elementor-column-wrap,
.elementor-element {
  z-index: auto !important;
}



/* ECOTIS - Badge Sale -> doar text "Redus!" rosu (fara bulina) */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  position: relative;
}

.woocommerce span.onsale{
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 9 !important;

  /* anulam bulina */
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  /* ascund textul original */
  font-size: 0 !important;
  line-height: 1 !important;
}

/* Textul "Redus!" */
.woocommerce span.onsale::before{
  content: "Redus!" !important;
  font-size: 13px !important;
  font-weight: 400 !important;  /* fara bold */
  color: #e30613 !important;    /* rosu */
  letter-spacing: 0.2px !important;
}

/* Pe mobil foarte mic, putin mai mic */
@media (max-width: 420px){
  .woocommerce span.onsale{ top: 6px !important; right: 6px !important; }
  .woocommerce span.onsale::before{ font-size: 12px !important; }
}



/* ECOTIS - Add to cart modern: degrade rosu->albastru + banda dreapta discreta + icon */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product .button.product_type_simple,
.woocommerce ul.products li.product .button.ajax_add_to_cart {
  width: 100% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;

  position: relative;
  overflow: hidden;

  /* degrade modern */
  background: linear-gradient(90deg, #e11d48 0%, #2563eb 100%) !important;
  border: 0 !important;
  color: #ffffff !important;

  padding: 12px 54px 12px 14px !important; /* loc pt banda dreapta */
  border-radius: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.2px;

  box-shadow: 0 10px 22px rgba(17, 24, 39, 0.14);
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}

/* Banda din dreapta (12-14%), mai "soft" */
.woocommerce ul.products li.product .button.add_to_cart_button::after,
.woocommerce ul.products li.product .button.product_type_simple::after,
.woocommerce ul.products li.product .button.ajax_add_to_cart::after {
  content: "";
  position: absolute;
  top: 0; right: 0;
  width: 13%;
  min-width: 46px;
  height: 100%;

  /* banda usor mai inchisa + luciu subtil */
  background: linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(0,0,0,0.18) 100%);

  /* icon cos (alb) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f8fafc' d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2zM7.2 6l.94 2h8.96c.75 0 1.12.9.7 1.5l-2.6 3.75c-.19.28-.5.45-.84.45H9.1l-.38.7c-.14.25.04.55.32.55H19v2H8.5c-1.5 0-2.42-1.62-1.7-2.95l.75-1.35L4 4H2V2h3c.38 0 .72.21.89.55L6.16 4H20v2H7.2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;

  box-shadow: inset 1px 0 0 rgba(255,255,255,0.18);
}

/* Hover: putin mai "lift", fara strident */
.woocommerce ul.products li.product .button.add_to_cart_button:hover,
.woocommerce ul.products li.product .button.product_type_simple:hover,
.woocommerce ul.products li.product .button.ajax_add_to_cart:hover {
  transform: translateY(-1px);
  filter: saturate(1.05) brightness(1.02);
  box-shadow: 0 12px 26px rgba(17, 24, 39, 0.18);
  color: #ffffff !important;
}

/* Focus (accesibilitate) */
.woocommerce ul.products li.product .button:focus {
  outline: 2px solid rgba(37, 99, 235, 0.45);
  outline-offset: 2px;
}

:root{
  --ecotis-atc-h: 54px;
  --ecotis-vv-top: 0px;
}

.ecotis-mobile-atc{ display:none; }

@media (max-width: 768px){

  .ecotis-mobile-atc{
    display:block;
    position: fixed;
    top: var(--ecotis-vv-top);
    left: 0;
    right: 0;
    z-index: 999999;
    background: transparent;
    padding: 0;
    margin: 0;
  }

  .ecotis-mobile-atc__btn{
    width: 100% !important;
    height: var(--ecotis-atc-h) !important;
    border-radius: 0 !important;

    background: #e30613 !important;
    border: 0 !important;
    color: #ffffff !important;

    font-size: 17px !important;
    font-weight: 800 !important;

    margin: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;

    /* modern */
    letter-spacing: .2px;
    -webkit-tap-highlight-color: transparent;
  }

  .ecotis-mobile-atc__icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: rgba(255,255,255,.18); /* mic “badge” modern */
  }

  .ecotis-mobile-atc__text{
    line-height: 1;
  }

  /* feedback la apasare */
  .ecotis-mobile-atc__btn:active{
    filter: brightness(.95);
  }

  /* impinge continutul in jos */
  body.single-product{
    padding-top: calc(var(--ecotis-atc-h) + 10px) !important;
  }
}




/* Adaugă spațiu deasupra containerului de produse pe pagina de magazin */
.post-type-archive-product .site-content, 
.post-type-archive-product .content-area {
    margin-top: 50px !important;
}

/* Dacă vrei să țintești strict lista de produse */
ul.products {
    margin-top: 40px !important;
}



/* 1. Caseta de recenzii foarte mica (aprox. 150px) si fara spatiu gol dedesubt */
.wl-product-reviews .commentlist,
#reviews .commentlist,
.woocommerce-Reviews .commentlist {
    max-height: 150px !important; 
    overflow-y: auto !important;
    border: 1px solid #e1e5eb;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 10px !important; /* Aici am redus masiv spatiul de dedesubt */
    background-color: #ffffff;
    display: block;
}

/* Ascunde punctele de la lista (daca apar) */
.wl-product-reviews .commentlist li,
#reviews .commentlist li,
.woocommerce-Reviews .commentlist li {
    list-style: none !important;
}

/* Stilizare bara de scroll pentru a fi subtire si eleganta */
.wl-product-reviews .commentlist::-webkit-scrollbar,
#reviews .commentlist::-webkit-scrollbar,
.woocommerce-Reviews .commentlist::-webkit-scrollbar {
    width: 6px;
}

.wl-product-reviews .commentlist::-webkit-scrollbar-track,
#reviews .commentlist::-webkit-scrollbar-track,
.woocommerce-Reviews .commentlist::-webkit-scrollbar-track {
    background: #f1f1f1; 
    border-radius: 10px;
}

.wl-product-reviews .commentlist::-webkit-scrollbar-thumb,
#reviews .commentlist::-webkit-scrollbar-thumb,
.woocommerce-Reviews .commentlist::-webkit-scrollbar-thumb {
    background: #c1c1c1; 
    border-radius: 10px;
}

/* 2. Micsorarea si apropierea textului "Numai clientii autentificati..." */
.woocommerce-verification-required,
.must-log-in {
    font-size: 13px !important; /* Text mai mic, subtil */
    color: #777777 !important; /* Culoare gri mai putin stridenta */
    margin-top: 0 !important; /* Il tragem in sus spre caseta */
    margin-bottom: 15px !important;
    line-height: 1.4 !important;
}