/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

.grecaptcha-badge { 
visibility: hidden; 
}

.wpcf7-response-output::before {
    content: "⚠️" !important; /* Emoji fallback */
    /* Sau foloseste un SVG: */
    /* content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="red"><path d="M12 2L1 21h22L12 2zm0 4l7 12H5l7-12z"/><circle cx="12" cy="16" r="1"/><path d="M12 10v4"/></svg>') !important; */
}

.custom-attributes p{
    color:#ffffff;
}

/* Badge reducere - The7 
.onsale {
    background-color: #2563EB !important; 
    color: #fff !important;               
    font-weight: bold;
    border-radius: 20px;                  
    padding: 5px 12px;
    font-size: 14px;
}

*/




.woocommerce ul.products li.product-category {
  text-align: center;
}

.woocommerce ul.products li.product-category a img {
  width: 100%;
  max-width: 300px;
  height: 300px;
  object-fit: cover;
  margin: 0 auto;
  display: block;
}

.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title {
  font-weight: bold;
  color: #000;
  font-size: 18px;
  margin-top: 10px;
}

.woocommerce ul.products li.product-category .count {
  display: none !important;
}

@media (max-width: 768px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  }
}


.the7-mpc img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
}

.the7-mpc .carousel-item {
  padding: 0 !important;
  margin: 0 !important;
}

.the7-mpc {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}


.wc-block-components-totals-footer-item-tax {
    display: none !important;
}

.wc-block-components-totals-footer-item-tax {
    display: none !important;
}

.woocommerce-cart-form__contents thead th {
    color: #000 !important;
}

.woocommerce-cart-form__contents thead th {
    font-weight: 600 !important;
}


/* Schimba culoarea butonului de stergere din cos cu mouseover  rosu */

/* Resetare stil buton stergere */
tr.cart_item .product-remove a.remove {
    all: unset !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    text-align: center !important;
    line-height: 18px !important;
    position: relative !important;
    font-family: Arial, sans-serif !important;
}

/* Caracter Unicode pentru X */
tr.cart_item .product-remove a.remove::after {
    content: "\2716"; 
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #585858 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

/* Ascunde elementele interne */
tr.cart_item .product-remove a.remove > * {
    display: none !important;
}

/* Efect hover + cursor pointer */
tr.cart_item .product-remove a.remove:hover::after {
    color: #405ed2 !important;
}
tr.cart_item .product-remove a.remove:hover {
    cursor: pointer !important;
}


/* Stiluri pentru TOATE campurile de formular WooCommerce (Cos & Checkout) */
.woocommerce-cart-form input[type="text"],
.woocommerce-cart-form input[type="email"],
.woocommerce-cart-form input[type="tel"],
.woocommerce-cart-form input[type="password"],
.woocommerce-cart-form textarea,
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout textarea,
.wc-coupon-input,
.select2-container--default .select2-selection--single {
    border: 2px solid #d1d1d1 !important;  /* Bordura mai groasa si vizibila */
    border-radius: 6px !important;          /* Colturi rotunjite moderne */
    background-color: #fff !important;      /* Fundal alb curat */
    padding: 12px 15px !important;          /* Spatiu interior generos */
    font-size: 16px !important;             /* Text mai mare */
    color: #333 !important;                 /* Culoare text intunecata */
    transition: all 0.3s ease !important;   /* Tranzitie fluida */
}

/* Stiluri la hover (cand treci cu mouse-ul peste) */
.woocommerce-cart-form input:hover,
.woocommerce-checkout input:hover,
.wc-coupon-input:hover,
.select2-container--default .select2-selection--single:hover {
    border-color: #999 !important;          /* Bordura mai inchisa la hover */
}

/* Stiluri la focus (cand selectezi campul) */
.woocommerce-cart-form input:focus,
.woocommerce-checkout input:focus,
.wc-coupon-input:focus,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #000 !important;          /* Bordura neagra puternica */
    box-shadow: 0 0 0 2px rgba(0,0,0,0.1) !important; /* Umbra subtila */
    outline: none !important;               /* Elimina conturul default */
}

/* Stiluri speciale pentru campul cupon */
.wc-coupon-field .wc-coupon-input {
    min-width: 220px !important;            /* Latime minima marita */
    background-color: #f9f9f9 !important;   /* Fundal usor diferit */
}







/* Stiluri pentru Total si Subtotal in cos */
.woocommerce-cart .cart_totals .shop_table th,
.woocommerce-cart .cart_totals .shop_table td {
    color: #5f5f5f !important;

}

/* Stiluri speciale pentru randurile Total */
.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td {
    color: #5f5f5f !important;  /* Sau #5f5f5f daca preferi */
    font-size: 1.1em !important;
}

/* Optional: Bordura sub totaluri */
.woocommerce-cart .cart_totals .shop_table {
    border-bottom: 2px solid #e0e0e0 !important;
}






/* Forteaza header-ul sa fie deasupra tuturor elementelor */
.elementor-sticky--active {
    z-index: 999999 !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    background: #fff !important; /* Adapteaza la culoarea header-ului tau */
    box-shadow: 0 2px 15px rgba(0,0,0,0.1) !important;
}

/* Corectie speciala pentru pagina de checkout */
body.woocommerce-checkout .elementor-sticky--active {
    z-index: 999999 !important;
}

/* Reseteaza z-index pentru elementele conflictuale */
body.woocommerce-checkout .elementor-section,
body.woocommerce-checkout .elementor-widget-wrap {
    position: relative;
    z-index: auto !important;
}

body.woocommerce-checkout .sticky-header {
    z-index: 999999 !important;
}

body.woocommerce-checkout .content {
    position: relative;
    z-index: 1 !important;
}

nav.checkout-breadcrumbs{
    display: none !important;
}






.post-entry-content .extra-btns {
    display: flex !important;
    gap: 10px !important; 
    flex-wrap: nowrap !important; 
    margin-top: 20px !important;
}


.post-entry-content .extra-btns a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    background-color: #405ED2 !important;
    color: #ffffff !important;
    margin-right: 20px;
}




.post-entry-content .extra-btns a:hover {
    background-color: #3349b5 !important; /* mai inchis la hover */
    color: #ffffff !important;
}



/* Force product images in The7 WooCommerce loop to max height */
.elementor-widget-the7-woocommerce-loop-product-image .img-css-resize-wrapper {
    --the7-img-max-height: 300px;  /* set your desired max height */
    --the7-img-object-fit: cover;  /* crop instead of squish */
}

/* If you want exact fixed height (not just max-height) */
.elementor-widget-the7-woocommerce-loop-product-image .img-css-resize-wrapper {
    height: 300px !important;
}
.elementor-widget-the7-woocommerce-loop-product-image .img-css-resize-wrapper img {
    height: 100% !important;
    object-fit: cover;
}



/* Containerul principal ramane cu flex */
.elementor-widget-wc-elements #customer_login {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    gap: 20px; /* distanta dintre login si register */
}

/* Coloanele egale, fara margin/padding exterior */
.elementor-widget-wc-elements #customer_login .u-column1,
.elementor-widget-wc-elements #customer_login .u-column2 {
    width: 48% !important;
    max-width: 48% !important;
    float: none !important;
    display: block !important;
    padding: 10 !important;
    margin: 0 !important;
}

/* Padding mic la interiorul formularelor */
.elementor-widget-wc-elements #customer_login .u-column1 form,
.elementor-widget-wc-elements #customer_login .u-column2 form {
    width: 100% !important;
    padding: 7px !important; /* padding interior */
    box-sizing: border-box;   /* ca padding-ul sa nu schimbe width */
}


@media (max-width: 767px) {
    .elementor-widget-wc-elements #customer_login {
        flex-direction: column !important;
    }

    .elementor-widget-wc-elements #customer_login .u-column1,
    .elementor-widget-wc-elements #customer_login .u-column2 {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 20px; /* distanta intre formulare */
    }
}



/* Campuri invalide (necompletate corect) */
.wpcf7-not-valid {
    border: 2px solid red !important;
    background-color: #fffaf8; /* optional, un fundal usor */
}

/* Mesajul de eroare sub camp */
.wpcf7-not-valid-tip {
    color: red;
    font-size: 13px;
}


#container_programare_serviciu {
    display: none;
}


.booking-msg {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}
.woocommerce-table__product-name .booking-msg p {
    margin: 0;
}





/* Pret vechi (del) Pret nou (ins) - stilizare */
.woocom-project span.price del,
.woocom-project span.price del span.woocommerce-Price-amount,
.woocom-project span.price del .woocommerce-Price-currencySymbol {
    color: #555 !important;  /* gri inchis, contrast bun */
}


.woocom-project span.price ins,
.woocom-project span.price ins span.woocommerce-Price-amount,
.woocom-project span.price ins .woocommerce-Price-currencySymbol {
    color: #000 !important;  /* negru, vizibilitate maxima */
    font-weight: 700 !important;
}



/* Corectie pentru avertismentul -ms-high-contrast */
@media (-ms-high-contrast: active) {
    .header-cart-count {
        background-color: highlight !important;
        color: highlighttext !important;
        border: 1px solid highlighttext !important;
    }
}

/* Forced Colors Mode (noul standard) */
@media (forced-colors: active) {
    .header-cart-count {
        background-color: Highlight !important;
        color: HighlightText !important;
        border: 1px solid HighlightText !important;
    }
}

/* Prevenire probleme lazy loading */
.header-cart-count {
    content-visibility: auto;
    contain-intrinsic-size: 20px;
}




.login-text, .elementor-widget-the7-login-widget .the7-login-wrapper .login-text {
    display: none !important;
}


@media (max-width: 767px) {
    .e-gallery-container.e-gallery-grid {
        max-height: none !important;
        overflow: visible !important;
        height: auto !important;
    }
    
    .elementor-gallery__container {
        height: auto !important;
    }
    
    .elementor-element.elementor-element-46bc78d {
        overflow: visible !important;
    }
}

a#madeby, a#madeby:hover, a#madeby:active{
    color: #ababab !important;
    text-decoration: underline;

}




#description-body {
  text-align: justify !important;
}









@media (max-width: 767px) {
  .elementor-element-c6c9ef0 .the7-search-expand__container, .the7-search-expand-wrap{
    width: 235px !important;
    min-width: 235px !important;
    max-width: 235px !important;
  }
  

}

.salon-only{
    padding: 5px 10px 5px 10px !important;
    border: 1px solid #fff !important;
    min-width: 100px;
    border-radius: 5px;
}





/* Containerul imaginii */
.post-content-wrapper .the7-simple-post-thumb {
  overflow: hidden;
}

/* Imagine normală */
.post-content-wrapper .the7-simple-post-thumb .img-css-resize-wrapper img {
  transform: scale(1);
  transform-origin: center center;
  transition: none; /* revenire instant */
}

/* Hover: zoom lent */
.post-content-wrapper .the7-simple-post-thumb .img-css-resize-wrapper:hover img {
  transform: scale(1.2); /* sau 1.2 dacă vrei mai mare */
  transition: transform 3s ease-in-out; /* doar la hover: lent */
}

/* implicit: închis */
.the7-search-expand-wrap,
.the7-search-expand__container {
  pointer-events: none;         /* nu interceptează click-uri */
}

/* elementele care rămân clicabile chiar și când e închis: butonul/toggle */
.the7-search-form-toggle,
.the7-search-form__submit,
.the7-search-form__input {
  pointer-events: auto;
}

/* când este deschisă: activezi interacțiunile pe tot containerul */
.the7-search-expand-wrap.is-open,
.the7-search-expand-wrap.is-open .the7-search-expand__container {
  pointer-events: auto;
}