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

.proax-footer-legal {
  color: #ffffff;
  font-size: 11px;
  line-height: 1.9;
  font-weight: 500;
}

.proax-footer-legal br {
  display: none;
}

.proax-footer-legal a {
  color: #ffffff;
  text-decoration: none;
}

.proax-footer-legal a:hover {
  text-decoration: underline;
}

.proax-footer-legal .flag {
  width: 22px;
  height: 11px;
  display: inline-block;
  vertical-align: -2px;
  margin: 0 4px;
  border-radius: 2px;
  overflow: hidden;
}

.proax-map-wrap {
    overflow: hidden;
    border-radius: 8px;
}

.proax-map-wrap iframe {
    display: block;
    width: 100%;
}

.elementor-element-ef1610a a.cmplz-show-banner,
.elementor-element-ef1610a a.cmplz-show-banner:visited {
    color: rgba(255, 255, 255, 0.6) !important;
    font-family: Montserrat, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 16.9px !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    padding: 8px 0 !important;
    transition: all 0.25s ease !important;
}

.elementor-element-ef1610a a.cmplz-show-banner:hover {
    color: rgba(255, 255, 255, 1) !important;
}

/* ==========================================================================
   PROAX - Stilizare liste din descrierile produselor

   Se aplică tuturor listelor HTML care folosesc:
   <ul class="proax-list">

   Obiectiv:
   - marker (bullet) în culoarea albastră PROAX;
   - spațiere uniformă între elemente;
   - separare clară între liste și secțiunile următoare;
   - lizibilitate mai bună în descrierile produselor.

   Nu modifică culoarea textului, doar markerul listei.
   ========================================================================== */

.proax-list {
    margin: 0 0 28px 0;      /* spațiu după listă */
    padding-left: 24px;
}

.proax-list li {
    margin-bottom: 10px;      /* spațiu între elemente */
    line-height: 1.7;
}

.proax-list li:last-child {
    margin-bottom: 0;
}

.proax-list li::marker {
    color: #1E5B7A;
}

/* ==========================================================================
   PROAX - Ascundere etichetă „Stoc epuizat” pentru utilaje profesionale

   Se aplică produselor din categoria:
   /service-roti/utilaje/

   Include automat toate subcategoriile categoriei „Utilaje”.
   ========================================================================== */

body.single-product.proax-professional-equipment .product-labels .out-of-stock,
.product.proax-professional-equipment .product-labels .out-of-stock {
    display: none !important;
}

/* ==========================================
   PROAX RO - PNRR BANNER
   Responsive layout + clickable areas
   ========================================== */

/* 1. Banner SVG */
.proax-pnrr-banner {
    position: relative;
    width: 100%;
    line-height: 0;
}

.proax-pnrr-banner img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}

/* 2. Clickable areas */
.proax-pnrr-banner .pnrr-hotspot {
    position: absolute;
    display: block;
    z-index: 5;
    background: transparent;
    cursor: pointer;
}

/* Website PNRR */
.proax-pnrr-banner .pnrr-website {
    left: 0%;
    top: 78%;
    width: 24%;
    height: 18%;
}

/* Facebook PNRR */
.proax-pnrr-banner .pnrr-facebook {
    left: 24%;
    top: 78%;
    width: 38%;
    height: 18%;
}

/* Afla mai multe */
.proax-pnrr-banner .pnrr-details {
    left: 84%;
    top: 35%;
    width: 13%;
    height: 30%;
}

/* Sageti tricolore */
.proax-pnrr-banner .pnrr-arrows {
    left: 91%;
    top: 75%;
    width: 7%;
    height: 22%;
}

/* ==========================================
   3. TABLET - 768px - 1024px
   ========================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .wd-hb-wrapp {
        --wd-hb-h: 100px;
        --wd-hb-opt-h: 100px;
    }

    .wd-hb-wrapp .header-banner.wd-hb {
        height: 100px !important;
        max-height: none !important;
    }

    /* Aliniere la partea superioara */
    .wd-hb-wrapp .header-banner .container {
        display: flex;
        align-items: flex-start;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Pozitionare banner */
    .wd-hb-wrapp .proax-pnrr-banner {
        margin-left: -5px;
        transform: translateY(-5px);
    }
}

/* ==========================================
   4. MOBILE - pana la 767px
   ========================================== */

@media (max-width: 767px) {

    .wd-hb-wrapp .proax-pnrr-banner {
        margin-left: -5px;
        width: calc(100% + 10px);
        max-width: none;
    }

    .wd-hb-wrapp .proax-pnrr-banner img {
        width: 100%;
        height: auto;
        max-width: none;
    }
}

/* PROAX RO - test stabilitate banner mobil */
@media (max-width: 767px) {

    .wd-hb-wrapp.wd-display {
        display: block !important;
        visibility: visible !important;
    }

    .wd-hb-wrapp .header-banner.wd-hb {
        height: 50px !important;
        min-height: 50px !important;
    }

}