.elementor-29070 .elementor-element.elementor-element-78de9004{--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-29070 .elementor-element.elementor-element-43c00dc0 .title{font-size:30px;}.elementor-29070 .elementor-element.elementor-element-43c00dc0 .title-after_title{font-size:25px;}.elementor-29070 .elementor-element.elementor-element-44d2a5d5{--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-29070 .elementor-element.elementor-element-34dab720 .wd-text-block{font-size:16px;}.elementor-29070 .elementor-element.elementor-element-4a137dab{--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-29070 .elementor-element.elementor-element-4363e268{--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-29070 .elementor-element.elementor-element-4363e268.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29070 .elementor-element.elementor-element-2fd9fc01 .title-after_title{font-size:16px;}.elementor-29070 .elementor-element.elementor-element-2bb5b033{--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-29070 .elementor-element.elementor-element-7c169289 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#CCCCCC;}.elementor-29070 .elementor-element.elementor-element-7c169289 img{--wd-aspect-ratio:1/1;}.elementor-29070 .elementor-element.elementor-element-7c169289{--wd-brd-radius:0px;}.elementor-29070 .elementor-element.elementor-element-7480cc83{--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;}@media(min-width:769px){.elementor-29070 .elementor-element.elementor-element-4363e268{--width:58.221%;}.elementor-29070 .elementor-element.elementor-element-2bb5b033{--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 */