/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ============================
   Setari generale / neutre
   ============================ */
.comment-form .submit {
    width: 100%;
}

.whb-col-left .wd-header-search.wd-tools-element .wd-tools-inner{
  width: 440px !important;
  flex: 1 1 auto !important;
}

.wd-product-img-link{
  aspect-ratio: 1 / 1;
  display: block;
  overflow: hidden;
}
.wd-product-img-link img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}

.entry-title.title {
  font-size: 20px !important;
}
.wd-toolbar{
  background-color: rgba(255, 255, 255, .75) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

/* ============================
   CARD PRODUS - stil identic cu cardurile de categorii
   ============================ */
.wd-product .wd-product-wrapper {
    background: #fff;
    border: 1px solid #f3d9e6;
    border-radius: 16px;
    overflow: hidden;
    gap: 0 !important;
}

.product-element-bottom {
    display: block !important;
    padding: 10px 12px 12px !important;
}

.product-element-bottom .wd-entities-title {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin: 0 0 4px !important;
}

.product-element-bottom .wd-entities-title a {
    display: block !important;
    color: #2b2b2b !important;
    white-space: normal !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    text-overflow: clip !important;
}

.product-element-bottom .price {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    text-align: left !important;
    font-weight: 700 !important;
    color: #ff2f90 !important;
}

.product-element-bottom .price del {
    order: 0 !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #999 !important;
    text-decoration: line-through !important;
    margin: 0 !important;
}

.product-element-bottom .price ins {
    order: 1 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    margin: 0 !important;
}

.product-element-bottom .wd-product-cats {
    display: none;
}

@media (max-width: 767px) {
    .product-element-bottom {
        padding: 10px 10px 10px !important;
    }
    .product-element-bottom .wd-entities-title {
        font-size: 12px !important;
    }
}

/* ============================
   Widget categorii (sidebar)
   ============================ */
.widget_product_categories .widget-title{
  font-size:15px;
  font-weight:800;
  color:#111;
  margin:0 0 14px;
  letter-spacing:-0.01em;
}
.widget_product_categories ul.product-categories{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.widget_product_categories ul.product-categories li.cat-item{
  margin:0 !important;
  padding:0 !important;
}
.widget_product_categories ul.product-categories li.cat-item a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 14px;
  border-radius:10px;
  font-size:13.5px;
  font-weight:600;
  color:#3a3a3a;
  text-decoration:none;
  margin:0 !important;
  box-sizing:border-box !important;
  transition:background-color .15s ease, color .15s ease;
}
.widget_product_categories ul.product-categories li.cat-item a:hover{
  background:#fff0f6;
  color:#fa288a;
}
.widget_product_categories ul.product-categories li.cat-item a::before{
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1.5px solid #e3c3d3;
  background: #fff;
  flex: 0 0 auto;
  box-sizing: border-box;
  transition: border-color .15s ease, background .15s ease;
}
.widget_product_categories ul.product-categories li.cat-item a:hover::before{
  border-color: #fa288a;
}
.widget_product_categories ul.product-categories li.cat-item.current-cat > a{
  background: #fff0f6;
  color: #fa288a;
}
.widget_product_categories ul.product-categories li.cat-item.current-cat > a::before{
  border-color: #fa288a;
  background: #fa288a;
  box-shadow: inset 0 0 0 3px #fff;
}

/* ============================
   Bara sticky "adauga in cos"
   ============================ */
.wd-sticky-btn{
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.wd-sticky-btn-content{ display: none !important; }
.wd-sticky-btn-cart .wd-wishlist-btn{ display: none !important; }
.wd-sticky-btn-cart{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  background: #fa288a !important;
  border-radius: 30px !important;
  padding: 4px 22px !important;
  min-height: 56px !important;
  gap: 12px !important;
}
.wd-sticky-btn-cart .price{
  order: 2 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  line-height: 1.2 !important;
}
.wd-sticky-btn-container{ padding: 12px 16px !important; }
.wd-sticky-btn-cart .wd-sticky-add-to-cart{
  order: 1 !important;
  background: none !important;
  border: none !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 0 !important;
  flex: 1 1 auto !important;
  text-align: left !important;
  box-shadow: none !important;
}
.wd-sticky-btn-cart .quantity{ display: none !important; }
.wd-sticky-btn-cart form.cart{ display: flex !important; flex: 1 1 auto !important; order: 1 !important; }
.wd-sticky-btn-cart .single_add_to_cart_button{
  background: none !important; border: none !important; color: #fff !important;
  font-size: 16px !important; font-weight: 700 !important; padding: 0 !important;
  text-align: left !important; box-shadow: none !important; width: 100% !important;
}
.wd-sticky-btn-cart .wd-sticky-add-to-cart,
.wd-sticky-btn-cart .single_add_to_cart_button{
  justify-content: flex-start !important;
  display: flex !important;
}
.wd-sticky-btn .price del{
  order: 1 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,.75) !important;
  text-decoration: line-through !important;
}
.wd-sticky-btn .price ins{
  order: 2 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  color: #fff !important;
}

@media (max-width: 768.98px){
  :root{ --wd-sticky-btn-height: 64px; }
  .wd-sticky-btn{
    background-color: #fff !important;
    box-shadow: 0 -2px 10px rgba(0,0,0,.08) !important;
    border-top: 1px solid #eee !important;
    display: flex !important;
  }
  .wd-sticky-btn-container{ padding: 8px 16px !important; width: 100% !important; }
  .wd-sticky-btn-cart{
    margin-inline: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #fa288a !important;
    border-radius: 30px !important;
    padding: 4px 20px !important;
    gap: 10px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 52px !important;
  }
  .wd-sticky-btn .price{
    display: flex !important;
    order: 2 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    margin: 0 !important;
  }
  .wd-sticky-btn form.cart{
    width: auto !important;
    flex: 1 1 auto !important;
    order: 1 !important;
    position: static !important;
  }
  .wd-sticky-btn :is(.single_add_to_cart_button, .wd-sticky-add-to-cart){
    width: 100% !important;
    height: auto !important;
    border-radius: 30px !important;
    background: none !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: left !important;
    padding: 0 !important;
    box-shadow: none !important;
  }
  .wd-sticky-btn .quantity{ display: none !important; }
  .wd-sticky-btn-content{ display: none !important; }
  .wd-sticky-btn .wd-wishlist-btn{ display: none !important; }
}

.mobile-categories-menu .woodmart-nav-link{
  position:relative;
}
.mobile-categories-menu .woodmart-nav-link::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  border-radius:50%;
  background:#fa288a;
  z-index:0;
}
.mobile-categories-menu .woodmart-nav-link{
  position:relative;
  padding-left:44px;
}
.mobile-categories-menu .woodmart-nav-link::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  border-radius:50%;
  background:#fa288a;
  z-index:0;
}
.mobile-categories-menu .woodmart-nav-link{
  position:relative;
  padding-left:60px;
}
.mobile-categories-menu .woodmart-nav-link::before{
  content:"";
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  border-radius:50%;
  background:#fa288a;
  z-index:0;
}
.mobile-categories-menu .wd-nav-img{
  position:absolute !important;
  left:16px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  z-index:1 !important;
  width:34px !important;
  height:34px !important;
  max-height:34px !important;
  padding:9px !important;
  box-sizing:border-box !important;
  object-fit:contain !important;
  filter:brightness(0) invert(1) !important;
}

/* ============================
   Swatch-uri variatii produs (curbura, mix) - inlocuiesc select-ul nativ
   ============================ */
.lsh-swatch-hidden-select {
    display: none !important;
}

.lsh-swatch-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lsh-swatch-pill {
    border: 1.5px solid #e3c3d3;
    background: #fff;
    color: #3a3a3a;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 16px;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.lsh-swatch-pill:hover {
    border-color: #fa288a;
}

.lsh-swatch-pill.lsh-active {
    background: #fa288a;
    border-color: #fa288a;
    color: #fff;
}

@media (max-width: 480px) {
    .lsh-swatch-pill {
        padding: 7px 14px;
        font-size: 12.5px;
    }
}

@media (max-width: 768.98px) {
  .wd-sticky-btn {
    height: auto !important;
    overflow: visible !important;
  }
  .wd-sticky-btn-container {
    padding: 0 !important;
  }
  .wd-sticky-btn-cart {
    border-radius: 0 !important;
    width: 100% !important;
    padding: 5px 20px !important;
    min-height: 2px !important;
  }
}