.elementor-29064 .elementor-element.elementor-element-33b99840{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29064 .elementor-element.elementor-element-35d8952d .title{font-size:30px;}.elementor-29064 .elementor-element.elementor-element-35d8952d .title-after_title{font-size:25px;}.elementor-29064 .elementor-element.elementor-element-81e4440 .wd-text-block{font-size:16px;}.elementor-29064 .elementor-element.elementor-element-3efed174{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29064 .elementor-element.elementor-element-31864639{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29064 .elementor-element.elementor-element-31864639.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29064 .elementor-element.elementor-element-2aaac2bb .title-after_title{font-size:16px;}.elementor-29064 .elementor-element.elementor-element-80dc41c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29064 .elementor-element.elementor-element-13875814 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#CCCCCC;}.elementor-29064 .elementor-element.elementor-element-13875814 img{--wd-aspect-ratio:1/1;}.elementor-29064 .elementor-element.elementor-element-13875814{--wd-brd-radius:0px;}.elementor-29064 .elementor-element.elementor-element-7106428{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29064 .elementor-element.elementor-element-5226ea8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:769px){.elementor-29064 .elementor-element.elementor-element-31864639{--width:58.221%;}.elementor-29064 .elementor-element.elementor-element-80dc41c{--width:50%;}}/* Start custom CSS *//* =========================================
   CSS PENTRU ELEMENTOR / WOODMART
   Adaugă acest cod în secțiunea "Custom CSS" (CSS personalizat)
   din Elementor (Advanced > Custom CSS) sau tema WoodMart
   ========================================= */
.tabel-responsive-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Asigură un scroll lin pe dispozitivele mobile (iOS/Android) */
    margin-bottom: 2rem;
    width: 100%;
}

.tabel-flanse {
    width: 100%;
    min-width: 650px; /* Forțează tabelul să aibă o lățime minimă, activând scroll-ul pe ecrane mici */
    border-collapse: collapse;
    font-family: inherit;
    font-size: 15px;
    color: #666;
    border: 1px solid #f0f0f0;
    margin-bottom: 0; /* Marginea inferioară a fost mutată pe wrapper */
}

.tabel-flanse th {
    text-align: left;
    padding: 16px;
    font-weight: 700;
    color: #333;
    border-bottom: 2px solid #e5e5e5;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.tabel-flanse td {
    padding: 16px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}

/* Rânduri intercalate (Zebra striping) */
.tabel-flanse tbody tr:nth-child(even) {
    background-color: #fafafa;
}

/* Efect Hover (Trecere cu mouse) */
.tabel-flanse tbody tr:hover {
    background-color: #f4f6f8; /* Un ton foarte subtil pentru hover */
    transition: background-color 0.2s ease-in-out;
}/* End custom CSS */