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

/* ============================= */
/* MOBILE – TITLURI MAI MICI     */
/* ============================= */
@media (max-width: 768px) {
  h1 {
    font-size: 22px;
    line-height: 1.25;
  }
}

/* ============================= */
/* CANTITATE – ALINIERE + / -    */
/* ============================= */
.woocommerce div.quantity {
  display: flex;
  align-items: center;
  gap: 6px;
}

.woocommerce div.quantity input.qty {
  height: 42px;
  width: 70px;
  text-align: center;
}

.woocommerce div.quantity .plus,
.woocommerce div.quantity .minus {
  height: 42px;
  width: 42px;
  line-height: 42px;
}

/* ============================= */
/* CONTACT – FORMULAR (DOAR CONTINUT) */
/* ============================= */
body.page-id-23 .entry-content form {
  max-width: 600px;
}

/* inputuri DOAR în formularul de contact */
body.page-id-23 .entry-content input[type="text"],
body.page-id-23 .entry-content input[type="email"],
body.page-id-23 .entry-content input[type="tel"],
body.page-id-23 .entry-content textarea {
  border: 2px solid #d6d6d6;   /* <-- AICI border mai gros */
  border-radius: 6px;
  padding: 12px 14px;
  font-size: 15px;
  box-shadow: none;
}

body.page-id-23 .entry-content textarea {
  min-height: 140px;
}

/* buton trimite – DOAR în contact */
body.page-id-23 .entry-content input[type="submit"],
body.page-id-23 .entry-content button[type="submit"] {
  background-color: #1a8f2f;
  color: #fff;
  border: none;
  padding: 14px 32px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
}

body.page-id-23 .entry-content input[type="submit"]:hover,
body.page-id-23 .entry-content button[type="submit"]:hover {
  background-color: #157726;
}

/* spațiere în formular */
body.page-id-23 .entry-content form p {
  margin-bottom: 14px;
}

/* focus DOAR pe contact */
body.page-id-23 .entry-content input:focus,
body.page-id-23 .entry-content textarea:focus {
  outline: none;
  border-color: #1a8f2f;
  box-shadow: 0 0 0 1px rgba(26,143,47,0.15);
}

/* ============================= */
/* CHECKOUT – COMPACTARE         */
/* ============================= */
.woocommerce-checkout .form-row {
  margin-bottom: 6px !important;
}

.woocommerce-checkout .form-row label {
  margin-bottom: 2px !important;
  line-height: 1.2 !important;
}

.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
  padding: 6px 10px !important;
  min-height: 36px !important;
}

.woocommerce-checkout h3 {
  margin-bottom: 8px !important;
}

/* ============================= */
/* CHECKOUT – CARD COMANDĂ       */
/* ============================= */
.woocommerce-checkout-review-order {
  background: #ffffff;
  border-radius: 10px;
  padding: 20px 22px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  border: 1px solid #eee;
}

#place_order {
  width: 100%;
  margin-top: 12px;
  border-radius: 8px;
  padding: 14px;
  font-size: 16px;
}

/* ============================= */
/* THANK YOU PAGE – CARDURI      */
/* ============================= */
.woocommerce-order-received .woocommerce-customer-details address {
  font-style: normal !important;
}

.woocommerce-order-received .woocommerce-customer-details .woocommerce-column {
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 12px;
  padding: 18px 20px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

/* ============================= */
/* HEADER – SEARCH (NU MODIFICAM BORDERUL) */
/* ============================= */
.whb-header .searchform,
.whb-header .wd-search-form {
  display: flex !important;
  align-items: stretch !important;
}

.whb-header .searchform input[type="search"],
.whb-header .wd-search-form input[type="search"] {
  height: 44px !important;
  line-height: 44px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.whb-header .searchform button,
.whb-header .wd-search-form button {
  height: 44px !important;
  line-height: 44px !important;
  margin: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* ============================= */
/* HEADER – COȘ (FĂRĂ HIGHLIGHT) */
/* ============================= */
.whb-header .cart-widget-opener {
  background: transparent !important;
  box-shadow: none !important;
  padding: 8px 12px !important;
  border-radius: 0 !important;
}

.whb-header .cart-widget-opener:hover {
  background: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.18) !important;
}

/* ============================= */
/* ASCUNDE SCROLL TO TOP         */
/* ============================= */
.scrollToTop,
.wd-scroll-top,
.wd-scroll-to-top {
  display: none !important;
}
/* Fortam meniul sa foloseasca stilul Woodmart, nu pluginul */
.mega-menu > li > a,
.mega-menu > li > a span{
  color: inherit !important;
  background: transparent !important;
  font-family: inherit !important;
}

.mega-menu > li > a:hover,
.mega-menu > li > a:hover span{
  color: inherit !important;
  background: transparent !important;
}
/* =====================================================
   PEPINIERA ZALĂU – MEGA MENU FINAL (curățat, fără “capsule” gri)
   ===================================================== */

/* =======================
   TOP MENU (bara sus)
   ======================= */
.mega-menu-wrap,
.mega-menu-wrap .mega-menu{
  background: transparent !important;
}

.mega-menu > li.mega-menu-item > a.mega-menu-link{
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .2px !important;
  text-transform: uppercase !important;

  color: #111 !important;
  padding: 0 14px !important;
  line-height: 44px !important;

  background: transparent !important;
}

.mega-menu > li.mega-menu-item:hover > a.mega-menu-link,
.mega-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
.mega-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link{
  color: #19324A !important;
}

/* =======================
   DROPDOWN (mega menu)
   ======================= */

/* panoul dropdown */
.mega-menu .mega-sub-menu{
  padding: 10px 12px !important;
  background: #f3f3f3 !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 35px rgba(0,0,0,.18) !important;
}

/* 🔥 elimină “capsulele” / benzile gri de pe coloane/row/widget */
.mega-menu .mega-sub-menu .mega-menu-row,
.mega-menu .mega-sub-menu .mega-menu-column,
.mega-menu .mega-sub-menu .mega-menu-widget,
.mega-menu .mega-sub-menu .mega-menu-widget-title,
.mega-menu .mega-sub-menu .mega-block-title{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* reduce spațiul dintre coloane (dacă e prea mare) */
.mega-menu .mega-sub-menu .mega-menu-column{
  padding-right: 14px !important;
}
.mega-menu .mega-sub-menu .mega-menu-column:last-child{
  padding-right: 0 !important;
}

/* elimină spacing-ul excesiv */
.mega-menu .mega-sub-menu,
.mega-menu .mega-sub-menu *{
  margin: 0 !important;
}

/* fiecare rând */
.mega-menu .mega-sub-menu > li{
  padding: 2px 0 !important;
}

/* BUTON – pe toată lățimea coloanei */
.mega-menu .mega-sub-menu > li > a{
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;

  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .25px !important;

  padding: 9px 12px !important;
  line-height: 1.1 !important;

  border-radius: 7px !important;
  background: transparent !important;
  color: #555 !important;

  transition: background .15s ease, color .15s ease;
}

/* HOVER – VERDE plin */
.mega-menu .mega-sub-menu > li > a:hover{
  background: #19324A !important;
  color: #ffffff !important;
}

/* activ */
.mega-menu .mega-sub-menu > li.mega-current-menu-item > a,
.mega-menu .mega-sub-menu > li.mega-current-menu-ancestor > a{
  background: #19324A !important;
  color: #ffffff !important;
}
/* =====================================================
   MAX MEGA MENU – FIX FINAL
   ===================================================== */

/* 1. Ascunde COMPLET coloanele goale (capsulele albe) */
.mega-menu .mega-menu-column:empty{
  display: none !important;
}

/* unele au whitespace, le prindem și așa */
.mega-menu .mega-menu-column:not(:has(li)){
  display: none !important;
}

/* 2. Panoul dropdown (fundalul mare) */
.mega-menu .mega-sub-menu{
  background: #f3f3f3 !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.18) !important;
  border-radius: 10px !important;
  padding: 14px !important;
}

/* 3. Linkurile = butoane pe TOATĂ lățimea coloanei */
.mega-menu .mega-sub-menu > li > a,
.mega-menu .mega-menu-column > ul > li > a{
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;

  padding: 10px 14px !important;
  margin: 4px 0 !important;

  font-size: 13px !important;
  font-weight: 600 !important;

  color: #555 !important;
  background: transparent !important;
  border-radius: 8px !important;
  transition: all .15s ease;
}

/* 4. Hover ALBASTRU – full width */
.mega-menu .mega-sub-menu > li > a:hover,
.mega-menu .mega-menu-column > ul > li > a:hover,
.mega-menu .mega-current-menu-item > a{
  background: #19324A !important;
  color: #fff !important;
}

/* 5. Titlurile de coloană (dacă există) */
.mega-menu .mega-menu-column > h4,
.mega-menu .mega-menu-column > .mega-block-title{
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #777 !important;
  margin: 6px 0 8px !important;
}
/* =========================================
   FIX FINAL – eliminare capsule albe Mega Menu
   ========================================= */

/* row / grid wrapper */
.mega-menu .mega-menu-row,
.mega-menu .mega-menu-row-inner,
.mega-menu .mega-menu-grid-wrapper,
.mega-menu .mega-menu-column-wrap {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* coloane (doar conținut, fără pastile) */
.mega-menu .mega-menu-column {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* siguranță extra – dacă pluginul mai injectează ceva */
.mega-menu .mega-sub-menu > li {
  background: transparent !important;
  box-shadow: none !important;
}
/* =========================================
   FIX: scoate “pastilele/capsulele” albe din mega menu
   (background + radius pe coloane / sub-UL-uri / pseudo elements)
   ========================================= */

/* coloanele (li.mega-menu-column) */
#mega-menu-wrap-main-menu .mega-menu .mega-menu-column,
#mega-menu-wrap-main-menu .mega-menu .mega-menu-column-standard,
#mega-menu-wrap-main-menu .mega-menu .mega-menu-column-clear{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* UL-ul din coloane (ăsta face cel mai des “capsula”) */
#mega-menu-wrap-main-menu .mega-menu .mega-menu-column > ul.mega-sub-menu{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* uneori pluginul pune “capsule” ca pseudo-element pe coloane */
#mega-menu-wrap-main-menu .mega-menu .mega-menu-column::before,
#mega-menu-wrap-main-menu .mega-menu .mega-menu-column::after{
  content: none !important;
  display: none !important;
}

/* dacă sunt “capsule” pe ROW */
#mega-menu-wrap-main-menu .mega-menu .mega-menu-row{
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* (siguranță) orice “panel/widget” care mai prinde background */
#mega-menu-wrap-main-menu .mega-menu .mega-menu-widget,
#mega-menu-wrap-main-menu .mega-menu .mega-menu-widget-title,
#mega-menu-wrap-main-menu .mega-menu .mega-block-title{
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
/* FIX TITLU PRODUS PE MOBIL */
@media only screen and (max-width: 768px){

.single-product h1.product_title,
.woocommerce div.product .product_title,
.woocommerce-page div.product .product_title,
.single-product .summary h1{
    
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    
    font-size:28px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    
    margin:10px 0 15px 0 !important;
    color:#222 !important;
}

}
.upsells-carousel h3.title.slider-title,
.related-products h3.title.slider-title{
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.upsells-carousel h3.title.slider-title::after{
    content: "S-ar putea să îți placă și";
    text-indent: 0;
    display: block;
    font-size: 26px;
    font-weight: 700;
    color: #000;
}

.related-products h3.title.slider-title::after{
    content: "Produse similare";
    text-indent: 0;
    display: block;
    font-size: 26px;
    font-weight: 700;
    color: #000;
}
@media (max-width: 767px) {

  /* bara de search */
  .copacei-relocated-mobile-search {
    margin-top: 0 !important;
    padding-top: 6px !important;
    margin-bottom: 12px !important;
    position: relative;
    z-index: 30;
    background: #fff;
  }

  /* header */
  .whb-header,
  .whb-sticky-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* formular search */
  .copacei-relocated-mobile-search form,
  .copacei-relocated-mobile-search .searchform,
  .copacei-relocated-mobile-search .wd-search-form {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* input */
  .copacei-relocated-mobile-search input[type="search"],
  .copacei-relocated-mobile-search input[type="text"] {
    height: 42px !important;
    font-size: 16px !important;
  }

  /* breadcrumb sub search */
  .woocommerce-breadcrumb,
  .wd-breadcrumbs,
  .yoast-breadcrumb,
  .breadcrumbs,
  nav.woocommerce-breadcrumb {
    display: block !important;
    margin-top: 12px !important;
    margin-bottom: 10px !important;
    position: relative;
    z-index: 1;
  }
}
/* =========================================================
   PEPINIERA ZALĂU – FIX GALERIE DESPRE NOI / WOODMART
   ========================================================= */

.woodmart-images-gallery,
.woodmart-images-gallery .gallery-images,
.woodmart-images-gallery .woodmart-gallery-item,
.woodmart-images-gallery .woodmart-gallery-item a {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Woodmart 3.7 lazy-load fix */
.woodmart-images-gallery img,
.woodmart-images-gallery img.woodmart-lazy-load,
.woodmart-images-gallery img.woodmart-lazy-fade,
.woodmart-images-gallery img.woodmart-loaded,
.woodmart-images-gallery .woodmart-lazy-fade.woodmart-loaded {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    -webkit-filter: none !important;
}

/* Eliminăm animația veche care poate rămâne blocată */
.woodmart-images-gallery.wpb_animate_when_almost_visible,
.woodmart-images-gallery.wpb_fadeIn,
.woodmart-images-gallery.fadeIn {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
    -webkit-animation: none !important;
}

/* Imaginile păstrează dimensiunea corectă */
.woodmart-images-gallery .woodmart-gallery-image {
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}