/* generale in templaturi ----------------------------------------------------*/

.woocommerce-js input[type=number] {
    max-width: 100%;

}



    .section-separator {
        margin: 30px 0;  /* Adds space above and below the separator */
        height: 3px;
        background-color: #333;  /* Color of the separator */
    }
    
    .subsection-separator {
        margin: 30px 0;  /* Adds space above and below the separator */
        height: 1px;
        background-color: #333;  /* Color of the separator */
    }



/*accordion-------------------------------------------------------------------*/

    .accordion-toggle {
         cursor: pointer;
         padding: 5px;
         background-color: #f7f7f7;
         border-bottom: 1px solid #ddd;
    }

    .accordion-content {
         display: none;
         padding: 10px;
         background-color: #fff;
    }
  
.accordion-toggle.active {
    background-color: #18267c; /* Change this to your desired color */
    color: white; /* Change text color if needed */
}

/* Optional: Style the accordion content when the toggle is active */
/*.accordion-toggle.active + .accordion-content {
    background-color: #e0e0e0; /* Background color for the content */


.accordion-toggle.active .details-text {
    color: white; /* White when the accordion is open */
}




/*accordion fullscreen--------------------------------------------------------*/


/* Accordion section */
.fullscrren-accordion-section {
    position: relative;
}

/* Default hidden content */
.fullscrren-accordion-content {
    transition: all 0.3s ease;
    overflow: hidden;
    display: none; /* Hidden by default */
}

/* Open state */
.fullscrren-accordion-content.open {
    display: block;
    position: fixed;
    top: 15%;
    left: 5%;
    width: 90%;
    height: 80%;
    background: #fff;
    padding: 20px;
    z-index: 99999;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    overflow-y: auto;
}

/* Close button */
.fullscrren-accordion-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #18267c;
    border: none;
    padding: 5px 10px;
    font-size: 18px;
    cursor: pointer;
    z-index: 999991;
}

/* Accordion toggle button */
.fullscrren-accordion-toggle {
    cursor: pointer;
    padding: 5px;
    background-color: #18267c; /* Default color */
    border-bottom: 1px solid #ddd;
    color: #FFFFFF;
    transition: background-color 0.3s ease;
}

/* Hover state */
.fullscrren-accordion-toggle:hover {
    background-color: #2348a3; /* Change to a different shade on hover */
} 








/* ascundere coloane cu filtre, pastrand functionalitatea filtrului */
.hidden-column {
    display: none;
}


.sortable {
    cursor: pointer;
}

.sortable:hover {
    text-decoration: underline;
}


.sortable-actiuni {
    cursor: pointer;
}

.sortable-actiuni:hover {
    text-decoration: underline;
}

.container{
    border:1px solid #ddd;
    padding: 5px;
}



        
    



/* start single-proiect-personalizat ----------------------------------------*/









/*---------------------------------------------------------------------------*/
/*stop single-proiect-personalizat-------------------------------------------*/
/*---------------------------------------------------------------------------*/



/* single-sistem ------------------------------------------------------------*/

.tabel-produse-sistem tr {
    border: 1px solid #cccccc; /* Border for each row */
}

.tabel-produse-sistem thead th {
    position: sticky;
    top: 0;
    background-color: #f7f7f7;
    z-index: 1;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
}

.tabel-produse-sistem {
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */
    max-height: 600px; /* Adjust as needed */
}


/* archive-actiuni-agenti ---------------------------------------------------*/

/*container tabel*/

.tabel-actiuni thead th {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;
}

.tabel-actiuni {
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */
    max-height: 600px;
    width: 100%;
}



/*tabel*/



#actiuni-table th,
#actiuni-table td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */

}

/*
#actiuni-table th:nth-child(4),
#actiuni-table td:nth-child(4) {
    width: 200px; 
}
*/





/* Change background color of the first column */
table#actiuni-table th:first-child,
table#actiuni-table td:first-child {
    background-color: #f7f7f7;
    border: 1px solid #ddd;      
}

/* Change background color of the second column */
table#actiuni-table th:nth-child(2),
table#actiuni-table td:nth-child(2) {
    background-color: #f7f7f7;
    border: 1px solid #ddd;      
}


/* Change background color of the second column */
table#actiuni-table th:nth-child(3),
table#actiuni-table td:nth-child(3) {
    background-color: #f7f7f7;
    border: 1px solid #ddd;      
}


.filter-section{
    margin-bottom: 10px;
}

/* Target the Select2 container within the filter-section specifically */
.filter-section .select2-container {
    width: 48%!important; /* This will make the Select2 box full width of its parent container */
}






.tabel-info-actiuni{
    height: 400px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */ 
}



.actiune-agenti-fields-table tr td:first-child {
    width: 30%; /* Adjust this value as needed */
}
.actiune-agenti-fields-table tr td:nth-child(2) {
    width: 70%; /* Adjust this value as needed */
}







/* -------------------- -----------------------------------------------------*/





/* Remove bottom border from last cell of each product row */
.materiale-table .product-row td:last-child {
    border-bottom: none;
}

/* Remove top border from first cell of each accordion row */
.materiale-table .accordion-row td:first-child {
    border-top: none;
}

.unelte-table .accordion-row td:first-child {
    border-top: none;
}


/* Remove border from the image cell */
.materiale-table .product-row td.image-cell {
    border-bottom: none;
}

/* Remove border from the images themselves, if they have a border */
.materiale-table .product-row td.image-cell img {
    border: none;
}


.materiale-table .product-row td.image-cell {
    width: 20%;
}


/*-->tabel produse tip-proiect-----------------------------------------------*/


.tabel-produse {
    border-collapse: collapse; /* Ensures borders are neat */
}

.tabel-produse tr {
    border: 1px solid #cccccc; /* Border for each row */
}


/*container tabel*/

.tabel-produse {
    max-height: 800px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */

}

.tabel-produse thead th {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;
}



/*tabel*/

.custom-table-materiale-table th,
.custom-table-materiale-table td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */
}

.custom-table-materiale-table th:nth-child(1),
.custom-table-materiale-table td:nth-child(1) {
    width: 110px;
}


.custom-table-materiale-table th:nth-child(3),
.custom-table-materiale-table td:nth-child(3) {
    width: 180px;
}

.custom-table-materiale-table th:nth-child(4),
.custom-table-materiale-table td:nth-child(4) {
    width: 150px;
}


.custom-table-materiale-table td:nth-child(1),
.custom-table-materiale-table td:nth-child(1),
.custom-table-materiale-table td:nth-child(4),
.custom-table-materiale-table td:nth-child(4){
    text-align:center;
}



.custom-table-materiale-table .button.alt.ajax_add_to_cart.add-to-cart-button{
    width: 100%;
    margin-top: 10px;
}



.price-details ul {
    padding-left: 10px; /* Reduces left padding */
    list-style-type: none; /* Removes bullet points */
    margin: 0; /* Reduces default margin */
}

.price-details li {
    margin-bottom: 2px; /* Reduces space between list items */
}

.price-details {
    font-size: 14px; /* Adjusts font size for compactness */
}



/*input my custom cart*/

.custom-table-materiale-table .input-text-qty-text {
  border: 1px solid #ddd;
  width: 100%;
  margin-bottom: 10px;
  padding: 8px 4px; 
  font-size: 14px;
}













  
 .calculator th:nth-child(1),
 .calculator td:nth-child(1) {
    width: 30%;
    text-align:left; 
}  

 .calculator th:nth-child(2),
 .calculator td:nth-child(2) {
    text-align:left; 
} 


 .product-attributes-table th:nth-child(1),
 .product-attributes-table td:nth-child(1) {
    width: 30%;
    text-align:left; 
}  

 .product-attributes-table th:nth-child(2),
 .product-attributes-table td:nth-child(2) {
    text-align:left; 
}  



.link-documente{
    text-align:left;
}
  


  
  
/*tabel produse tip-proiect <----------------------------------------------*/  
    

    


    .custom-table td .suprafata-input, .custom-table td .product-qty {
        max-width: 65px !important;
        padding: 5px !important;
        border: 1px solid red !important;
    }


    
    
    .button.alt.ajax_add_to_cart.add-to-cart-button{
        padding:10px;
    }


  
  
  
  



@media (min-width: 1024px) {
    .image-tabel-sistem {
        width: 150px !important; /* Set the width to 100px on laptops */
    }
}


   /* Lightbox (background) */
.image-lightbox-bg {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
}

/* Lightbox Content */
.image-lightbox-content {
    margin: 15% auto;
    display: block;
    width: 80%;
    max-width: 700px;
    position: relative;
}

/* Close Button */
.image-lightbox-close {
    position: absolute;
    top: 25%;
    right: 25%;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.image-lightbox-close:hover,
.image-lightbox-close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}



@media only screen and (max-width: 767px) {
    .image-lightbox-content {
        margin-top: 50%;
    }
}

@media only screen and (max-width: 767px) {.image-lightbox-close {
    top: 25%;
    right: 15%;
    color: #18267c;
    }
}




   


    
    
    .produse-comandate{
        overflow-x: auto;  /* Enables horizontal scrolling */
        overflow-y: auto; /* Keeps vertical scrolling disabled */
        max-width: 100%; /* Adjust as needed */
        max-height: 450px; /* Adjust as needed */
    }
    
    .tabel-produse-comandate thead th{
        position: sticky;
        top: 0;
        background-color: white;
        z-index: 1;        
    }
    
    .tabel-produse-comandate th, .tabel-produse-comandate td{
        border: 1px solid #ddd; /* Adding a light border for clarity */
    }
    
    
    
/*archive-beneficiari---------------------------------------------------------*/
  
    .tabel-beneficiari{
        max-height: 300px;
        overflow-x: auto;  /* Enables horizontal scrolling */
        overflow-y: auto; /* Keeps vertical scrolling disabled */
    }
    
    .tabel-beneficiari thead th {
       position: sticky;
       top: 0;
       background-color: white;
       z-index: 1;
    }

    .tabel-proiecte-beneficiari{
        max-height: 300px;
        overflow-x: auto;  /* Enables horizontal scrolling */
        overflow-y: auto; /* Keeps vertical scrolling disabled */
        
    }
    
    .tabel-proiecte-beneficiari table {
    /* Your custom styles here */
       width: 100%;
       border-collapse: collapse;
    }

   .tabel-proiecte-beneficiari th, .custom-table-wrapper td {
    /* Styles for table cells */
       border: 1px solid #ddd;
       padding: 8px;
    }


/*archive-executanti----------------------------------------------------------*/    





/* archive-proiect-personalizat --------------------------------------------- */  



 
    
/* single-tip-proiect --------------------------------------------------------*/

    .etape-proiect-table{
       max-height: 400px;
       min-height: 400px;
       overflow-x: auto;  /* Enables horizontal scrolling */
       overflow-y: auto; /* Keeps vertical scrolling disabled */         
     }
     
    .etape-proiect-table thead th {
       position: sticky;
       top: 0;
       background-color: white;
       z-index: 1;   
    }

.denumire-etapa-col{
    width:20%;
}
.categorie-materiale-col{
    width:26.66%;
}
.categorie-unelte-col{
    width:26.66%;
}
.categorie-manopere-col{
    width:26.66%;
}

.etape-proiect-table th, .etape-proiect-table td {
    /* Styles for table cells */
       border: 1px solid #ddd;
       
    }


.info-tip-proiect-etapa{
   max-height: 400px;
   overflow-x: auto;  /* Enables horizontal scrolling */
   overflow-y: auto; /* Keeps vertical scrolling disabled */    
}



@media (min-width: 768px) {
    .meniu-sistem {
        width: 50%;
        /* Any other desktop-specific styles */
    }
}




/* archive-tip-proiect--------------------------------------------------------*/


/*container tabel*/

.tabel-tip-proiecte {
    height: 600px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */
}
     
.tabel-tip-proiecte thead th {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;
}



/*tabel*/

#tabel-tip-proiecte-table th,
#tabel-tip-proiecte-table td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */

}



#tabel-tip-proiecte-table th:nth-child(1),
#tabel-tip-proiecte-table td:nth-child(1) {
    width: 150px; 
}

#tabel-tip-proiecte-table th:nth-child(2),
#tabel-tip-proiecte-table td:nth-child(2) {
    width: 70px; 
}

#tabel-tip-proiecte-table th:nth-child(3),
#tabel-tip-proiecte-table td:nth-child(3) {
    width: 300px; 
}
    
#tabel-tip-proiecte-table th:nth-child(4),
#tabel-tip-proiecte-table td:nth-child(4) {
    width: 300px; 
}



/* archive-comparator --------------------------------------------------------*/






/* archive-sistem -----------------------------------------------------------*/ 

   .tabel-sisteme{
       max-height: 600px;
       overflow-x: auto;  /* Enables horizontal scrolling */
       overflow-y: auto; /* Keeps vertical scrolling disabled */
   }

    .tabel-sisteme thead th {
       position: sticky;
       top: 0;
       background-color: white;
       z-index: 1;
    }



#tabel-sisteme-table th:first-child, #tabel-sisteme-table td:first-child {
    width: 15%;
}

#tabel-sisteme-table th:nth-child(2), #tabel-sisteme-table td:nth-child(2) {
    width: 45%;
}

.tabel-sisteme-single{
   min-height: 500px;
}


.filter-section-tabel-sisteme .select2-container {
    width: 55%!important; /* This will make the Select2 box full width of its parent container */
}

.filter-section-tabel-sisteme{
    margin-bottom:10px;
}




















/* archive-transport--------------------------------------------------------- */


/*container tabel*/






.filter-section-comparator-table .select2-container {
    width: 48%!important; /* This will make the Select2 box full width of its parent container */
}





.archive-button {
    display: inline-block;
    background-color: #18267c; /* Bootstrap primary button color */
    color: #ffffff;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border-radius: 1px;
    transition: background-color 0.2s ease-in-out;
    text-transform: uppercase;
}

.archive-button:hover, .archive-button:focus {
    background-color: #0056b3; /* Darker shade for hover/focus */
    color: #ffffff;
    text-decoration: none;
}


.archive-button h6{
    color: #ffffff;
}

/* archive-pv-furnizori------------------------------------------------------ */

/* Container table */
.archive-pv-furnizor {
    max-height: 600px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto;  /* Enables vertical scrolling */
    width: 100%; /* Ensure container takes full width */
}

/* Table */
.archive-pv-furnizor-table {
    width: 100%; /* Ensures table takes full width of container */
    min-width: 1500px; /* Adjust as needed to ensure the table is scrollable */
    border-collapse: collapse; /* Ensure borders collapse for a cleaner look */
}

.archive-pv-furnizor-table thead th {
    background-color: #f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    position: sticky; 
    top: 0;
    z-index: 2; /* Ensure the header is above the table content */
    border: 1px solid #333; /* Add a border to each cell */
}



.archive-pv-furnizor-table th,
.archive-pv-furnizor-table td {
    border: 1px solid #333; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */
}

/* Specific column widths */
.archive-pv-furnizor-table .column-id { width: 50px; }
.archive-pv-furnizor-table .column-data-crearii { width: 80px; }
.archive-pv-furnizor-table .column-furnizor { width: 100px; }
.archive-pv-furnizor-table .column-data-constatarii { width: 80px; }
.archive-pv-furnizor-table .column-data-transmiterii { width: 80px; }
.archive-pv-furnizor-table .column-livrare-la { width: 100px; }
.archive-pv-furnizor-table .column-status { width: 80px; }
.archive-pv-furnizor-table .column-numar-factura { width: 80px; }
.archive-pv-furnizor-table .column-detalii-reclamatii { width: 400px; }

/* Inner table specific column widths */
.inner-list {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

.inner-list li {
    margin-bottom: 10px;
}

/* Filter section */
.filter-section-archive-pv-furnizor {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.filter-section-archive-pv-furnizor select {
    width: 200px; /* Adjust as needed */
}



.filter-section-archive-pv-furnizor .select2-container {
    width: 48%!important; 
}



.imagini-pv-furnizor {
    width: 100%;
}

.imagini-pv-furnizor td {
    width: 50%;
}









/* archive-furnizor---------------------------------------------------------- */

/*container tabel*/

.archive-furnizor {
    height: 600px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */
}

.archive-furnizor thead th {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;
}


/*tabel*/

.archive-furnizor-table th,
.archive-furnizor-table td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */

}





/* single-articol-de-interes------------------------------------------------- */

.produse-si-furnizori {
    display: block;
    width: 100%;
    height: 600px;
    overflow-y: auto;
    margin-bottom: 20px;
    border-collapse: collapse;
}

.produse-si-furnizori-table {
    width: 100%;
    border-collapse: collapse;
}

.produse-si-furnizori-table thead tr {
    display: flex;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 2;
}

.produse-si-furnizori-table thead tr th:first-child,
.produse-si-furnizori-table tbody tr td:first-child {
    flex-basis: 30%;
    max-width: 30%;
}

.produse-si-furnizori-table tbody tr {
    display: flex;
}

.produse-si-furnizori-table th, .produse-si-furnizori-table td {
    flex-grow: 1;
    flex-basis: 70%;
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}



/* archive-articol-de-interes----------------------------------------------- */

/*container tabel*/

.archive-produse-de-interes {
    height: 600px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */
}

.archive-produse-de-interes thead th {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;
}


/*tabel*/



.archive-produse-de-interes-table th,
.archive-produse-de-interes-table td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */

}



.archive-produse-de-interes-table th:nth-child(1),
.archive-produse-de-interes-table td:nth-child(1) {
    width: 125px;
}

.archive-produse-de-interes-table th:nth-child(2),
.archive-produse-de-interes-table td:nth-child(2) {
    width: 125px;
}

.archive-produse-de-interes-table th:nth-child(3),
.archive-produse-de-interes-table td:nth-child(3) {
    width: 100px;
}

.archive-produse-de-interes-table th:nth-child(4),
.archive-produse-de-interes-table td:nth-child(4) {
    width: 150px;
}


.archive-produse-de-interes-table th:nth-child(5),
.archive-produse-de-interes-table td:nth-child(5) {
    width: 150px;
}

.archive-produse-de-interes-table th:nth-child(6),
.archive-produse-de-interes-table td:nth-child(6) {
    width: 70px;
}


.archive-produse-de-interes-table td:nth-child(6) {
    text-align: center;
}

.filter-section-archive-produse-de-interes-table .select2-container {
    width: 48%!important; /* This will make the Select2 box full width of its parent container */
}


/*produse focus--------------------------------------------------------------*/

/*container tabel*/

.produse-focus {
    height: 600px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */
}

.produse-focus thead th {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;
}

/*tabel*/

#produse-focus-table th,
#produse-focus-table td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */

}

/*container tabel*/

.produse-focus-comenzi {
    max-height: 400px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */
}

.produse-focus-comenzi thead th {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;
}

/*tabel*/

#produse-focus-comenzi-table th,
#produse-focus-comenzi-table td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */

}



#produse-focus-comenzi-table td:nth-child(3) {
    text-align:center;
}

.filter-section-produse-focus-comenzi-table .select2-container {
    width: 48%!important; 
}


/*container tabel*/

.produse-focus-comenzi-agenti {
    max-height: 400px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */
}

.produse-focus-comenzi-agenti thead th {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;
}

/*tabel*/

#produse-focus-comenzi-table-agenti th,
#produse-focus-comenzi-table-agenti td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */

}

#produse-focus-comenzi-table-agenti th:nth-child(1),
#produse-focus-comenzi-table-agenti td:nth-child(1) {
    width: 20%;
}


/* Adjusts the sidebar width to 25% */
#secondary {
    width: 20%;
    float: left;
}

/* Adjusts the main content area to fill the remaining 75% */
#primary {
    width: 80%;
    float: right;
}

@media (max-width: 768px) {
    #primary, #secondary {
        float: none;
        width: 100%;
    }
}





/* tabel ultima vizualizare de catre agenti--------------------------------- */

#ultima-vizualizare-agenti thead th {
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
}

#ultima-vizualizare-agenti th,
#ultima-vizualizare-agenti td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */

}


/* archive-colorare --------------------------------------------------------- */

/*container tabel*/

.tabel-colorari {
    max-height: 600px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */

}

.tabel-colorari thead th {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;
}

/*tabel*/

#tabel-colorari-table{
     width: 1600px; 
}

#tabel-colorari-table th,
#tabel-colorari-table td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */
}

#tabel-colorari-table th:nth-child(1),
#tabel-colorari-table td:nth-child(1) {
    width: 60px;
}

#tabel-colorari-table th:nth-child(2),
#tabel-colorari-table td:nth-child(2) {
    width: 60px;
}


#tabel-colorari-table th:nth-child(3),
#tabel-colorari-table td:nth-child(3) {
    width: 60px;
}


#tabel-colorari-table th:nth-child(6),
#tabel-colorari-table td:nth-child(6) {
    width: 200px;
}

#tabel-colorari-table th:nth-child(13),
#tabel-colorari-table td:nth-child(13) {
    width: 80px;
}



.filter-section-colorari-table .select2-container {
    width: 48%!important; 
}



#tabel-colorari-table td:nth-child(12) {
    text-transform:uppercase;
}


#tabel-colorari-table td:nth-child(1),
#tabel-colorari-table td:nth-child(2),
#tabel-colorari-table td:nth-child(3),
#tabel-colorari-table td:nth-child(10),
#tabel-colorari-table td:nth-child(11),
#tabel-colorari-table td:nth-child(13){
    text-align:center;
}




#tabel-colorari-table td:nth-child(1),
#tabel-colorari-table td:nth-child(2),
#tabel-colorari-table td:nth-child(3),
#tabel-colorari-table td:nth-child(4){
    background-color: #f7f7f7;
    border: 1px solid #ddd;
}


/* pret-proiect --------------------------------------------------- */

/*container tabel*/

.archive-pret-proiect {
    max-height: 500px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */
position: relative;
}

.archive-pret-proiect thead th {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    /*z-index: 999;*/
    border-bottom: 3px solid #ddd;
}

/*tabel*/

.pret-proiect-table th {
    font-size: 13px;
}

.pret-proiect-table td {
    font-size: 13px;
}

/* Table styling with fixed layout */
.pret-proiect-table {
    width: 100%;
    table-layout: fixed;  /* Enforces the widths set on columns */
    border-collapse: collapse;
}

/* Cell styling: allow wrapping so that row height increases */
.pret-proiect-table th,
.pret-proiect-table td {
    padding: 8px;
    border: 1px solid #ddd;
    white-space: normal;      /* Allow text to wrap */
    word-wrap: break-word;     /* Break long words if needed */
}

/* Set manual fixed widths for each column */
.pret-proiect-table th:nth-child(1),
.pret-proiect-table td:nth-child(1) { width: 80px; }  
.pret-proiect-table th:nth-child(2),
.pret-proiect-table td:nth-child(2) { width: 80px; }  
.pret-proiect-table th:nth-child(3),
.pret-proiect-table td:nth-child(3) { width: 200px; } 
.pret-proiect-table th:nth-child(4),
.pret-proiect-table td:nth-child(4) { width: 80px; } 
.pret-proiect-table th:nth-child(5),
.pret-proiect-table td:nth-child(5) { width: 80px; }
.pret-proiect-table th:nth-child(6),
.pret-proiect-table td:nth-child(6) { width: 80px; }   
.pret-proiect-table th:nth-child(7),
.pret-proiect-table td:nth-child(7) { width: 80px; }   
.pret-proiect-table th:nth-child(8),
.pret-proiect-table td:nth-child(8) { width: 80px; }  
.pret-proiect-table th:nth-child(9),
.pret-proiect-table td:nth-child(9) { width: 60px; }  
.pret-proiect-table th:nth-child(10),
.pret-proiect-table td:nth-child(10) { width: 80px; } 



.pret-proiect-table tbody tr:hover {
    background-color: #eaeaea;
}


.filter-section-archive-pret-proiect-table .select2-container {
    width: 48%!important; /* This will make the Select2 box full width of its parent container */
}


/* Bolder left border on column 6 */
.pret-proiect-table th:nth-child(6),
.pret-proiect-table td:nth-child(6) {
    border-left: 3px solid #333; /* Adjust thickness and color as needed */
}

/* Bolder right border on column 8 */
.pret-proiect-table th:nth-child(8),
.pret-proiect-table td:nth-child(8) {
    border-right: 3px solid #333; /* Adjust thickness and color as needed */
}


  

/*expandable detalii produs*/

.expandable-detalii {
    background-color: #f9f9f9; /* Light grey background */
    padding: 15px; /* Padding around the content */
    border: 1px solid #ddd; /* Border for the content area */
    margin-top: 10px; /* Space above the content */
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* Shadow for depth */
}

.slim-button {
    margin-top: 10px; /* Space above the content */
    padding: 10px 15px; /* Adjust the padding values as needed */
    font-size: 15px; /* Optionally adjust the font size for a slimmer look */
    margin: 0; /* Adjust margin as needed */
    
}



/*calendar*/





.fc-content, .fc-title {
    font-size: 0.75rem; /* Adjust as needed */
}

.fc-event {
    height: auto; /* Or any other value */
    padding: 10px; /* Gives some space inside events */
}

.fc-header-toolbar {
    font-size: 1.2rem; /* Adjust as needed */
}

.fc th {
    padding: 10px; /* More space in the header cells */
    font-size: 1rem; /* Larger text in headers */
}

.fc-day-grid-event .fc-content {
    white-space: normal; /* Allows text within events to wrap */
}

.fc-title {
    white-space: normal;
}

.fc-event {
    min-height: 40px; /* Adjust this value based on your needs */
}

.fc-title {
    line-height: 1.2; /* Adjust this value to ensure lines are spaced nicely */
}

.fc-title {
    overflow: hidden;
    text-overflow: ellipsis;
}



/* Desktop and laptop styles */
@media screen and (min-width: 768px) {
    .container-calendar {
        width: 50%;


    }
}

.fc-header-toolbar {
    font-size: 0.7rem;
}

/* Desktop and laptop styles */
@media screen and (min-width: 768px) {
 .fc-center h2 {
        font-size: 16px;
    }
}


/*archive pv custodie*/

/*container tabel*/

.archive-pv-custodie {
    max-height: 600px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */

}

.archive-pv-custodie thead th {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;
}

/*tabel*/

.archive-pv-custodie-table{
    width: 1200px;
}

.archive-pv-custodie-table th,
.archive-pv-custodie-table td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */
}



/*single obiect custodie*/

/*container tabel*/

.obiect-custodie-pv {
    max-height: 600px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */

}

.obiect-custodie-pv thead th {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;
}

/*tabel*/

.obiect-custodie-pv-table{
    width: 1200px;
}

.obiect-custodie-pv-table th,
.obiect-custodie-pv-table td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */
}


/* Base styles - mobile first */
.content-wrapper {
    display: flex;
    flex-direction: column;
}

.container-calendar, .container-accordion {
    width: 100%; /* Full width on mobile */
}

/* Desktop and laptop styles */
@media screen and (min-width: 768px) {
    .content-wrapper {
        flex-direction: row; /* Side by side */
        align-items: flex-start; /* Align to the top if one is taller */
    }

    .container-calendar, .container-accordion {
        width: 50%; /* Split the width evenly */
        margin: 5px;
        padding: 5px;
        border: 1px solid #ddd;
    }

}


/*archive obiect custodie*/

/*container tabel*/

.tabel-obiecte-custodie {
    max-height: 600px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */

}

.tabel-obiecte-custodie thead th {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;
}

/*tabel*/



.tabel-obiecte-custodie-table th,
.tabel-obiecte-custodie-table td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */
}



/*pagina crm*/


/*container tabel*/

.container-obiecte-crm {
    max-height: 600px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */

}

.container-obiecte-crm thead th {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;
}

/*tabel*/



.crm-table th,
.crm-table td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */
}

.filter-section-crm-table .select2-container {
    width: 48%!important; 
}


.crm-table th:nth-child(1) { 
    width: 30%;
}



/*single-articol-deviz*/




/*container tabel*/

.art-dev {
    max-height: 500px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */
    width: 100%;
    position: relative; 

}

.art-dev thead th {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;
}

/*tabel*/




.art-dev-table th,
.art-dev-table td {
    border: 1px solid #ddd;
    padding: 8px; 

}

.art-dev-table th,
.art-dev-table td{
    font-size: 14px;
}






/* alte-artdev-accordion alte-artdev-accordion-content */

/* Add this CSS to style the specific accordion */
.alte-artdev-accordion .alte-artdev-accordion-content {
    max-height: 300px; /* Set the maximum height */
    overflow-y: auto;  /* Enable vertical scrolling */
    position: relative; /* For the sticky header */
}

/* Make the table header sticky */
.alte-artdev-accordion .alte-artdev-accordion-content table thead th {
    position: sticky;
    top: 0;
    background-color: #f7f7f7;; /* Background color for the sticky header */
    z-index: 1; /* Ensures the header stays above other content */
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
}

.alte-artdev-accordion .alte-artdev-accordion-content table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed; /* Ensures the table layout is fixed for consistent column widths */
}

.alte-artdev-accordion .alte-artdev-accordion-content table th,
.alte-artdev-accordion .alte-artdev-accordion-content table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.alte-artdev-accordion .alte-artdev-accordion-content table th {
    background-color: #f2f2f2;
    text-transform: uppercase;
}

/**/

/* Add this CSS to style the specific accordion */
.alte-artdev-accordion .alte-artdev-accordion-content {
    max-height: 300px; /* Set the maximum height */
    overflow-y: auto;  /* Enable vertical scrolling */
    position: relative; /* For the sticky header */
    padding-top: 0; /* Remove any padding at the top */
    margin-top: 0; /* Remove any margin at the top */
}

.table-wrapper {
    position: relative;
    overflow-y: auto;
    max-height: 300px;
}

/* Make the table header sticky */
.alte-artdev-accordion .alte-artdev-accordion-content .table-wrapper thead th {
    position: sticky;
    top: 0;
    background-color: #fff; /* Background color for the sticky header */
    z-index: 1; /* Ensures the header stays above other content */
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); /* Optional: Adds a small shadow to distinguish header */
}

.alte-artdev-accordion .alte-artdev-accordion-content .art-dev-archive-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed; /* Ensures the table layout is fixed for consistent column widths */
}

.alte-artdev-accordion .alte-artdev-accordion-content .art-dev-archive-table th,
.alte-artdev-accordion .alte-artdev-accordion-content .art-dev-archive-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.alte-artdev-accordion .alte-artdev-accordion-content .art-dev-archive-table th {
    background-color: #f2f2f2;
    text-transform: uppercase;
}





.side-tab-dev {
    position: fixed;
    left: 2px;
    right: 50%;
    top: 0;
    bottom: 35%;
    background-color: #fff;
    box-shadow: 2px 0 5px rgba(0,0,0,0.3);
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    z-index: 100000;
    padding: 5px;
    border: 2px solid #18267c;
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    .side-tab-dev {
        bottom: 55%;
        left: 2px;
        right: 2px;
    }
}

.side-tab-dev-content {
    flex: 1;
    overflow-y: auto;
}



.side-tab-dev-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding: 1px;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 10;
}



.highlight-row {
    background-color: #d4edda; /* Light blue background for selected rows */
}




.controls-container {
    display: flex;
    align-items: center; /* Align items vertically */
}

.controls-container > * {
    margin-right: 10px; /* Space between items */
}

.controls-container > *:last-child {
    margin-right: 0; /* Remove margin for the last item */
}


.suprafata-field, #totalPriceContainer {
    display: flex;
    align-items: center; /* Align label, input, and text vertically */
}


#hideRows, #showCartPage, #showOtherProducts, #opensidetabdev, #closesidetabdev, #showMiniCart{
    width:100px;
    min-width:120px;
    padding:10px;
    font-size:12px;
    background:#18267c;
    color: #FFFFFF;
    text-align: center;
    left:0;
    height: 35px;
    text-wrap: nowrap;
}


#hideRows, #showCartPage, #showOtherProducts,  #closesidetabdev,  #showMiniCart:hover{
   background-color: #0170B9;
}




.controls-container .accordion-toggle{
    width:100px;
    padding:10px;
    font-size:12px;
    background:#18267c;
    color: #FFFFFF;
    text-align: center;
    left:0;
}


.controls-container .accordion-toggle:hover{
   background-color: #0170B9;
}

.controls-container .accordion-toggle.active{
   background-color: #18267c;
}


.art-dev-table td:nth-child(1),
.art-dev-table td:nth-child(2),
.art-dev-table td:nth-child(3),
.art-dev-table td:nth-child(4),
.art-dev-table td:nth-child(5),
.art-dev-table td:nth-child(6){

    border: 1px solid #ddd;
}



.art-dev-table th:first-child,
.art-dev-table td:first-child{
    width:50px;

}

.art-dev-table th:nth-child(2),
.art-dev-table td:nth-child(2){
    width:100px;
}

.art-dev-table th:nth-child(3),
.art-dev-table td:nth-child(3){
    width:100px;
    text-align: center;
}

.art-dev-table th:nth-child(4),
.art-dev-table td:nth-child(4){
    width:40px;
    text-align: center !important;
}

.art-dev-table th:nth-child(5),
.art-dev-table td:nth-child(5){
    width:250px;
}

.art-dev-table th:nth-child(6),
.art-dev-table td:nth-child(6){
    width:80px;
}

.art-dev-table th:nth-child(7),
.art-dev-table td:nth-child(7){
    width:50px;
}

.art-dev-table th:nth-child(8),
.art-dev-table td:nth-child(8){
    width:150px;
}

.art-dev-table th:nth-child(9),
.art-dev-table td:nth-child(9){
    width:250px;
}



.art-dev-table td:nth-child(7), 
.art-dev-table td:nth-child(8){
    
    text-align: center;
}

.art-dev-table img{
    max-height:80px;
    width: auto;
}



.filter-section-art-dev-table, .suprafata-field, #totalPriceContainer{
    border:1px solid #ddd;
    padding:10px;
}

.filter-section-art-dev-table{
    width:100%;
}

.filter-section-art-dev-table .select2-container {
    width: 32%!important; 
}





.art-dev-table .button.alt.ajax_add_to_cart.add-to-cart-button{
    width: 100%;
    margin-top: 5px;
    padding:5px;
    width:100%;
}    
    

    
    
.art-dev-table .input-text-qty-text {
  border: 1px solid #ddd;
  width: 30%;
  margin-bottom: 1px;
  padding: 8px 4px; 
  font-size: 14px;
}

.art-dev-table .price-option-select{
    font-size:14px;
    width: 70%;
    border: 1px solid #18267c;
    padding: 8px;
}


.art-dev-table .price-details li {
    margin-bottom: 2px; /* Reduces space between list items */
}

.art-dev-table .price-details {
    font-size: 12px;
}

.art-dev-table .price-details p {
    font-size: 12px;
    text-align: left;
}
    
#totalPriceContainer {
    margin-right:20px;
}    

#totalPrice {
    width: 100px;
    background-color: #f7f7f7;
    padding: 8px;
}



.wider-separator td {
    padding: 2px 0;
    background-color: #667085 !important; 

}







.descriere-art-dev{
    max-height: 400px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */

}



.column-calc, .column-tab-prod{
    border:1px solid #ddd;
    margin:2px;
}


.formular-de-calcul-art-dev {
    max-height: 800px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */
    width: 100%;

}







/* Apply styles only on mobile devices */
@media (max-width: 768px) {
    .column-tab-prod {
        overflow-x: auto;  /* Enable horizontal scrolling */
        -webkit-overflow-scrolling: touch;  /* Smooth scrolling on iOS */
    }

    .controls-container{
        width: 100%;
        overflow-x: auto;  /* Enable horizontal scrolling */
        -webkit-overflow-scrolling: touch;  /* Smooth scrolling on iOS */
    }
    
    .art-dev-table{
        width: 900px;   
    }
    

}




/* Add these styles to your custom-style.css */
/* Add these styles to your custom-style.css */

/* Default (desktop) styles */
.column-calc {
    transition: flex 0.3s ease, width 0.3s ease, padding 0.3s ease; /* Smooth transition for flex, width, and padding */
    overflow: hidden; /* Hide content when collapsed */
    flex: 0 0 30%; /* Default to 30% width */
    max-width: 30%; /* Default to 30% width */
    min-width: 0; /* Ensure it can collapse fully */
}

.column-calc.collapsed {
    flex: 0 0 0; /* Fully collapse the column */
    max-width: 0; /* Fully collapse the column */
    padding: 0; /* Remove padding */
    overflow: hidden; /* Hide content */
}

.column-calc.expanded {
    flex: 0 0 30%; /* Full width when expanded */
    max-width: 30%; /* Ensure it can grow to full size */
}

.column-tab-prod {
    transition: flex 0.3s ease, width 0.3s ease; /* Smooth transition for flex and width */
    flex: 1; /* Take remaining space */
    max-width: 70%; /* Default to 70% width */
}

.column-calc.collapsed + .column-tab-prod {
    flex: 1 0 100%; /* Take 100% width when the first column is collapsed */
    max-width: 100%; /* Ensure it can grow to full size */
}

/* Optional: Add a toggle button style */
.toggle-collapse {
    background-color: #0073aa;
    color: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    margin: 10px 0;
}

/* Mobile styles */
@media (max-width: 768px) {
    .column-calc {
        flex: 0 0 50%; /* 50% width on mobile */
        max-width: 50%; /* 50% width on mobile */
    }

    .column-calc.expanded {
        flex: 0 0 50%; /* 50% width when expanded */
        max-width: 50%; /* 50% width when expanded */
    }

    .column-tab-prod {
        flex: 1; /* Take remaining space */
        max-width: 50%; /* 50% width on mobile */
    }

    .column-calc.collapsed + .column-tab-prod {
        flex: 1 0 100%; /* Take 100% width when the first column is collapsed */
        max-width: 100%; /* Ensure it can grow to full size */
    }
}




/*archive-articol-deviz*/



/*container tabel*/

.art-dev-archive {
    max-height: 500px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */
    width: 100%;

}

.art-dev-archive thead th {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;
}

/*tabel*/



.art-dev-archive-table th,
.art-dev-archive-table td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */
}


/* comenzi-agenti-editare --------------------------------------------------- */


/*container tabel*/

.tabel-produse-comandate-container {
    max-height: 500px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */

}

/*tabel*/

.tabel-produse-comandate thead th {
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
}


.tabel-produse-comandate th,
.tabel-produse-comandate td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */
}


.tabel-produse-comandate th:first-child,
.tabel-produse-comandate td:first-child{
    width:150px;
}



.tabel-produse-comandate th:nth-child(3),
.tabel-produse-comandate td:nth-child(3){
    width:100px;
}

.tabel-produse-comandate th:nth-child(4),
.tabel-produse-comandate td:nth-child(4){
    width:75px;
}

.tabel-produse-comandate th:nth-child(5),
.tabel-produse-comandate td:nth-child(5){
    width:150px;
}

.tabel-produse-comandate th:nth-child(6),
.tabel-produse-comandate td:nth-child(6){
    width:150px;
}


.tabel-produse-comandate td:nth-child(3),
.tabel-produse-comandate td:nth-child(4),
.tabel-produse-comandate td:nth-child(5){
    text-align: center;
}


/*comenzi-agenti-listare ---------------------------------------------------*/

/*container tabel*/

.lista-comenzi {
    height: 500px;
    overflow-y: auto;
    display: block;
}

.lista-comenzi thead th {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;
}


/*tabel*/

.tabel-lista-comenzi th,
.tabel-lista-comenzi td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */

}


.tabel-lista-comenzi th:first-child,
.tabel-lista-comenzi td:first-child{
    width:150px;
}



.filter-section-lista-comenzi .select2-container {
    width: 48%!important; 
}

.filter-section-tabel-lista-comenzi .select2-container {
    width: 48%!important; 
}





/*toc articol deviz*/

#tocList > li.toc-item > a {
    text-transform: uppercase;
    font-weight:bold;
}



.toc ul {
    padding-left: 20px;
}

.header-row td {
    background-color: #f0f0f0;
    font-weight: bold;
    text-align: center;
}

.sub-header-row td {
    background-color: #f0f0f0;
    font-weight: bold;
    text-align: center;
}


.header-row{
    text-transform: uppercase;
}

.sub-header-row{
    text-transform: uppercase;
}


.toc {
    
    /*
    max-width: 400px;
    min-width: 200px;
    */
    width: 25%;
    /*height: 400px;*/
    overflow-y: auto;
    display: block;
    border: 2px solid #18267c;
    padding-bottom:5px;
    padding-right:5px;
    position: fixed;
    background:#FFFFFF;
    z-index:999999 !important;
    top:5%;
    bottom:5%;
    lEFT:10px;
}



.tab-toc {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;

}




.accordion-close-btn {
    padding: 10px 10px;
    background-color: #18267c;
    color: white;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    text-transform: capitalize;
}

.accordion-close-btn:hover {
    background-color: #0170b9;
}

.tab-toc h5 {
    padding-top:10px;
    padding-left:10px;
}




#modalContainer {
   /* position: absolute; /* Fixed position covers the entire viewport */
    top: 5%;
    bottom:5%;
    left: 10px;
   /* width: 80%;*/
   
    right:30%;
    
    /*height: 680px;*/
    display: none; /* Hide by default */
    align-items: center; /* Align vertically center */
    justify-content: center; /* Align horizontally center */
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    z-index: 9999999; /* High z-index to stay on top */
    position: fixed;
    
}



#modalContainer > div {
    width: 100%; /* Set modal width */
    height: 100%; /* Auto height based on content */
    padding: 20px;
    background: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative; /* Relative positioning inside the flex container */
    display: flex; /* Using flex to center the iframe inside the div */
    flex-direction: column;
    overflow-y: auto; /* Allows scrolling */
    border: 2px solid #18267c;
}


#closeModal {
    position: absolute; /* Positioning it absolute to the parent div */
    top: 10px; /* 10px from the top */
    right: 10px; /* 10px from the right */
    cursor: pointer; /* Cursor as pointer for better UX */
    padding: 5px 10px; /* Padding for better appearance */
    background-color: #18267c;
    color: white; /* White text */
}



#closeModal:hover {
    background-color: #0170b9;
}



.post-log{
    height: 200px;
    overflow-y: auto;
    display: block;
}


/**/

.container-metadetalii {
    height: 450px;
    width: 1500px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto;  /* Enables vertical scrolling */
}

.metadetalii {
    width: 7000px !important;  /* Ensures table width */
    table-layout: auto;  /* Allows the table to adjust column widths based on content */
    border-collapse: collapse; /* Ensures borders are collapsed into a single border */
}

.metadetalii th, .metadetalii td {
    border: 1px solid #ddd; /* Adds a border to each cell */
    padding: 8px; /* Adds some padding to space out the text */
    text-align: left; /* Aligns text to the left */
    max-width: 400px; /* Maximum width for each column */

}

/* Make the first two columns and header sticky */
.metadetalii th:first-child,
.metadetalii td:first-child {
    position: sticky;
    left: 0;
    background-color: #f7f7f7;
    z-index: 2; /* Ensure it stays above other cells */
    min-width: 120px; /* Adjust based on your column width */
    border-left: 1px solid #ddd; /* Ensure the left border is visible */
}

.metadetalii th:nth-child(2),
.metadetalii td:nth-child(2) {
    position: sticky;
    left: 120px; /* Adjust based on the width of the first column */
    background-color: #f7f7f7;
    z-index: 2; /* Ensure it stays above other cells */
    min-width: 200px; /* Adjust based on your column width */
    border-left: 1px solid #ddd; /* Ensure the left border is visible */
}




/* Ensure the rest of the headers have a higher z-index */
.container-metadetalii thead th {
    position: sticky;
    top:0;
    background-color: #f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 3; /* Ensure header stays above other content */
    border-top: 1px solid #ddd; /* Ensure the top border is visible */
    border-bottom: 1px solid #ddd; /* Ensure the bottom border is visible */
    border-left: 1px solid #ddd; /* Ensure the left border is visible */
    border-right: 1px solid #ddd; /* Ensure the right border is visible */
}

/* Ensure sticky columns are above other content */
.metadetalii th.sticky-first {
    z-index: 5;
}

.metadetalii td.sticky-first {
    z-index: 4;
}

.metadetalii th.sticky-second {
    z-index: 5;
}

.metadetalii td.sticky-second {
    z-index: 4;
}

.container-metadetalii .controls {
    position: sticky;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 10;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}



/* New CSS for filter section */
.filtru-coloane .filter-section {
    max-height: 300px;
    overflow-y: auto; /* Enables vertical scrolling */
    display: flex;
    flex-direction: column; /* Stack elements vertically */
    gap: 10px;
    width: 100%; /* Ensure filter section takes full width */
}

.filtru-coloane .filter-section div {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%; /* Ensure each filter div takes full width */
}

.filtru-coloane .filter-section label {
    flex: 0 0 150px; /* Fixed width for label */
    margin-right: 10px;
}

.filtru-coloane .filter-section select {
    flex: 1; /* Take the remaining space */
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%; /* Ensure the select takes full width of the div */
}






/*card de fidelitate com*/

/*container tabel*/

.container-tabel-puncte {
    max-height: 500px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */

}

/*tabel*/

.tabel-puncte thead th {
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    position:sticky;
    top:0;
}


.tabel-puncte th,
.tabel-puncte td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */
}




.filter-section-tabel-puncte .select2-container {
    width: 48%!important; 
}


/**/

/*container tabel*/

.container-istoric-card {
    max-height: 500px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */

}

/*tabel*/

.tabel-istoric-card thead th {
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    position:sticky;
    top:0;
}


.tabel-istoric-card th,
.tabel-istoric-card td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */
}




/**/
.tabel-contor-carduri th,
.tabel-contor-carduri td {
    border: 1px solid #ddd; /* Add a border to each cell */
}


/**/

/*container tabel*/

.container-evolutie-carduri {
    max-height: 500px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */

}

/*tabel*/

.tabel-evolutie-carduri thead th {
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    position:sticky;
    top:0;
}


.tabel-evolutie-carduri th,
.tabel-evolutie-carduri td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */
}



/*produse-focus-simple*/

/* Table styling */
#produse-focus-simple-table {

    table-layout: fixed; /* Enforce the column widths */
    border-collapse: collapse; /* Ensure borders collapse neatly */
    overflow-x: auto; /* Enable horizontal scrolling */
}

/* Table cells styling */
#produse-focus-simple-table th,
#produse-focus-simple-table td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */
    overflow: hidden; /* Prevents content from overflowing */
    text-overflow: ellipsis; /* Adds ellipsis for overflow text */
    word-wrap: break-word; /* Allows words to be broken at arbitrary points */
    white-space: normal; /* Allows text to wrap */
}

/* Sticky header */
.produse-focus-simple thead th {
    position: sticky;
    top: 0;
    background-color: #f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;
}

/* Table columns width */
#produse-focus-simple-table th:nth-child(1),
#produse-focus-simple-table td:nth-child(1){ 
    width: 80px; 
}

#produse-focus-simple-table th:nth-child(2),
#produse-focus-simple-table td:nth-child(2){ 
    width: 80px; 
}

#produse-focus-simple-table th:nth-child(3),
#produse-focus-simple-table td:nth-child(3){ 
    width: 80px; 
}

#produse-focus-simple-table th:nth-child(4),
#produse-focus-simple-table td:nth-child(4){ 
    width: 300px; 
}

#produse-focus-simple-table th:nth-child(5),
#produse-focus-simple-table td:nth-child(5){ 
    width: 250px; 
}

#produse-focus-simple-table th:nth-child(6),
#produse-focus-simple-table td:nth-child(6){ 
    width: 150px; 
}

#produse-focus-simple-table th:nth-child(7),
#produse-focus-simple-table td:nth-child(7){ 
    width: 350px; 
}

#produse-focus-simple-table th:nth-child(8),
#produse-focus-simple-table td:nth-child(8){ 
    width: 350px; 
}

#produse-focus-simple-table th:nth-child(9),
#produse-focus-simple-table td:nth-child(9){ 
    width: 350px; 
}

#produse-focus-simple-table th:nth-child(10),
#produse-focus-simple-table td:nth-child(10){ 
    width: 150px; 
}

#produse-focus-simple-table th:nth-child(11),
#produse-focus-simple-table td:nth-child(11){ 
    width: 150px; 
}

#produse-focus-simple-table th:nth-child(12),
#produse-focus-simple-table td:nth-child(12){ 
    width: 450px; 
}

#produse-focus-simple-table th:nth-child(13),
#produse-focus-simple-table td:nth-child(13){ 
    width: 150px; 
}

#produse-focus-simple-table th:nth-child(14),
#produse-focus-simple-table td:nth-child(14){ 
    width: 150px; 
}

#produse-focus-simple-table th:nth-child(15),
#produse-focus-simple-table td:nth-child(15){ 
    width: 300px; 
}

#produse-focus-simple-table th:nth-child(16),
#produse-focus-simple-table td:nth-child(16){ 
    width: 200px; 
}

#produse-focus-simple-table th:nth-child(17),
#produse-focus-simple-table td:nth-child(17){ 
    width: 200px; 
}

#produse-focus-simple-table th:nth-child(18),
#produse-focus-simple-table td:nth-child(18){ 
    width: 200px; 
}

#produse-focus-simple-table th:nth-child(19),
#produse-focus-simple-table td:nth-child(19){ 
    width: 100px; 
}

#produse-focus-simple-table th:nth-child(20),
#produse-focus-simple-table td:nth-child(20){ 
    width: 200px; 
}

#produse-focus-simple-table th:nth-child(21),
#produse-focus-simple-table td:nth-child(21){ 
    width: 150px; 
}
#produse-focus-simple-table th:nth-child(22),
#produse-focus-simple-table td:nth-child(22){ 
    width: 150px; 
}
#produse-focus-simple-table th:nth-child(23),
#produse-focus-simple-table td:nth-child(23){ 
    width: 200px; 
}

/* Image styling */
.produse-focus-simple #produse-focus-simple-table img {
    height: 50px;
    width: auto; /* Keep the aspect ratio */
    object-fit: contain; /* Ensure the image fits within the height */
}

/* Container styling */
.produse-focus-simple {
    max-height: 450px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: scroll;
}

/* Select2 filter styling */
.filter-section-produse-focus-simple-table .select2-container {
    width: 48%!important; 
}



/* Change font for table headers */
#produse-focus-simple-table th {
    font-size: 14px; /* Adjust the font size */
    font-weight: bold; /* Make headers bold (optional) */
}

/* Change font for table cells */
#produse-focus-simple-table td {

    font-size: 14px; /* Adjust the font size */
}



/*tabel atribute*/



/* Sticky header */
.produse-attributes-simple thead th {
    position: sticky;
    top: 0;
    background-color: #f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;
}


.produse-attributes-simple {
    max-height: 450px;
    overflow-x: auto;
    overflow-y: scroll;
}

#produse-attributes-simple-table {
    width: 100%;
    border-collapse: collapse;
}

#produse-attributes-simple-table th,
#produse-attributes-simple-table td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */
    overflow: hidden; /* Prevents content from overflowing */
    text-overflow: ellipsis; /* Adds ellipsis for overflow text */
    word-wrap: break-word; /* Allows words to be broken at arbitrary points */
    white-space: normal; /* Allows text to wrap */
}

/* Change font for table headers */
#produse-attributes-simple-table th {
    font-size: 14px; /* Adjust the font size */
    font-weight: bold; /* Make headers bold (optional) */
}

/* Change font for table cells */
#produse-attributes-simple-table td {

    font-size: 14px; /* Adjust the font size */
}


.filter-section-attributes-table {
    margin-bottom: 10px;
}

#produse-attributes-simple-table td {

vertical-align: top; 

}

/* Table Categorii */

/* Sticky header */
.produse-categorii-simple thead th {
    position: sticky;
    top: 0;
    background-color: #f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;
}

.produse-categorii-simple {
    max-height: 450px;
    overflow-x: auto; /* Enables horizontal scrolling */
    overflow-y: scroll; /* Enables vertical scrolling */
}

/* Set the table width explicitly to the sum of the column widths */
#produse-categorii-simple-table {
    width: 1460px; /* Adjust this value to match the total width of all columns */
    min-width: 100%; /* Ensures table is at least as wide as the container */
    border-collapse: collapse; /* Ensure borders collapse neatly */
}

/* Table cells styling */
#produse-categorii-simple-table th,
#produse-categorii-simple-table td {
    border: 1px solid #ddd; /* Add a border to each cell */
    padding: 8px; /* Add some padding to space out the text */
    overflow: hidden; /* Prevents content from overflowing */
    text-overflow: ellipsis; /* Adds ellipsis for overflow text */
    word-wrap: break-word; /* Allows words to be broken at arbitrary points */
    white-space: normal; /* Allows text to wrap */
}

/* Ensure text and image are on the same line */
#produse-categorii-simple-table td a,
#produse-categorii-simple-table td img {
    display: inline-block;
    vertical-align: middle;
}

#produse-categorii-simple-table td a {
    margin-right: 5px; /* Add some space between the text and the image */
}

/* Change font for table headers */
#produse-categorii-simple-table th {
    font-size: 14px; /* Adjust the font size */
    font-weight: bold; /* Make headers bold (optional) */
}

/* Change font for table cells */
#produse-categorii-simple-table td {
    font-size: 14px; /* Adjust the font size */
}

/* Column widths */
#produse-categorii-simple-table th:nth-child(1),
#produse-categorii-simple-table td:nth-child(1){ 
    width: 80px; 
}

#produse-categorii-simple-table th:nth-child(2),
#produse-categorii-simple-table td:nth-child(2){ 
    width: 80px; 
}

#produse-categorii-simple-table th:nth-child(3),
#produse-categorii-simple-table td:nth-child(3){ 
    width: 300px; 
}

#produse-categorii-simple-table th:nth-child(4),
#produse-categorii-simple-table td:nth-child(4){ 
    width: 300px; 
}

#produse-categorii-simple-table th:nth-child(5),
#produse-categorii-simple-table td:nth-child(5){ 
    width: 250px; 
}

#produse-categorii-simple-table th:nth-child(6),
#produse-categorii-simple-table td:nth-child(6){ 
    width: 450px; 
}


/* Select2 filter styling */
.filter-section-produse-categorii-simple-table .select2-container {
    width: 48%!important; 
}


.filter-section-produse-categorii-simple-table {
    margin-bottom: 10px;
}







/*single-aplicatie*/




/*container tabel*/

.aplicatie-container {
    /*max-height: 3650px;*/
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */
    width: 100%;
    position: relative; 

}

.aplicatie-container thead th {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 999;
}

/*tabel*/




.aplicatie-table th,
.aplicatie-table td {
    border: 1px solid #ddd;
    padding: 8px; 
    
    
        padding: 5px 10px; /* Compact padding */
    line-height: 1.2; /* Reduce line height */
    margin: 0; /* Remove any margin */
    font-size: 14px; /* Optional: Adjust the font size */

}

.aplicatie-table th,
.aplicatie-table td{
    font-size: 13px;
}


.aplicatie-table th:first-child, 
.aplicatie-table td:first-child {
    width: 20%; /* First column (image column) */
}

.aplicatie-table th:nth-child(2), 
.aplicatie-table td:nth-child(2) {
    width: 80%; /* Second column (details and add-to-cart column) */
}


@media screen and (min-width: 1024px) {
    .aplicatie-table td a {
        font-size: 14px; /* Larger size for desktop/laptop */
    }
}


@media screen and (min-width: 1024px) {
    .aplicatie-table td .availability,
    .aplicatie-table td .price,
    .aplicatie-table td .um {
        font-size: 14px; /* Larger size for desktop */
    }
}



.variation-details {
    font-size: 14px; /* Adjust the size as needed */
    line-height: 1.5; /* Optional: Adjust line height for readability */
}


.popup-separator {
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid #ccc; /* Optional styling for the separator */
    width: 100%; /* Optional: Adjust width */
}


/* Default styling for larger screens */
.product-name {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
}

/* Adjust font size for mobile devices */
@media only screen and (max-width: 767px) {
    .product-name {
        font-size: 14px; /* Adjust this value for mobile screen size */
        font-weight: 400; /* You can adjust weight if needed */
    }
}




/*accordion descriere-produs-aplicatie*/
.descriere-produs-aplicatie ul {
    padding-left: 20px;
}


.descriere-produs-aplicatie {

    overflow-y: auto;
    display: block;
    border: 2px solid #18267c;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: fixed;
    background:#FFFFFF;
    z-index:999999;
    top:10px;
    right:5px;
    left:5px;
    height: 90%;
}



.tab-descriere-produs-aplicatie {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 10000;
    font-size: 16px
}




.tab-descriere-produs-aplicatie h5 {
    padding-top:10px;
    padding-left:10px;
    margin-right:20px;
}


.descriere-produs-aplicatie {
    font-size: 18px;
    line-height: 1.6;

}

.descriere-produs-aplicatie p, .descriere-produs-aplicatie li {
    font-size: 16px; /* Ensure the font size also applies to paragraphs and list items */
    text-align: start;
}




/* For mobile devices */
@media (max-width: 600px) {
    .tab-descriere-produs-aplicatie h5 {
        padding-right: 60px; /* Add space for the close button on the right */
        font-size: 16px; /* Ensure font size is consistent */
    }
}


/*accordion descriere-aplicatie*/
.descriere-aplicatie ul {
    padding-left: 20px;
}


.descriere-aplicatie {

    overflow-y: auto;
    display: block;
    border: 2px solid #18267c;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: fixed;
    background:#FFFFFF;
    z-index:999999 !important;
    top:120px;
    bottom:50px;
    right:5px;
    left:5px;
    /*height: 90%;*/
}



.tab-descriere-aplicatie {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 1;
    font-size: 16px
}




.tab-descriere-aplicatie h5 {
    padding-top:10px;
    padding-left:10px;
}


.descriere-aplicatie {
    font-size: 18px;
    line-height: 1.6;

}

.descriere-aplicatie p, .descriere-produs-aplicatie li {
    font-size: 16px; /* Ensure the font size also applies to paragraphs and list items */
    text-align: left
}



.accordion-section .info-aplicatie {
    background-color: #f7f9fc;
    border: 1px solid #e3e7ed;
    border-radius: 8px;
    padding: 15px;
    margin: 10px 0;
}

.accordion-section .info-aplicatie p {
    font-size: 1rem;
    color: #333;
    line-height: 1.5;
}

.accordion-section .info-aplicatie ul {
    margin-top: 10px;
    padding-left: 20px;
}

.accordion-section .info-aplicatie ul li {
    margin-bottom: 10px;
    font-size: 1rem;
}

.accordion-section .info-aplicatie ul li strong {
    color: #18267c; /* Highlight action keywords */
}




/* For mobile devices */
@media (max-width: 600px) {
    .tab-descriere-aplicatie h5 {
        padding-right: 60px; /* Add space for the close button on the right */
        font-size: 16px; /* Ensure font size is consistent */
    }
}



/**/
.variation-scrollable-container {
    max-height: 200px; /* Adjust to fit your needs */
    overflow-y: auto; /* Add vertical scroll for overflow */
    padding: 5px; /* Optional padding */
    border: 1px solid #ddd; /* Optional border for clarity */
    background-color: #fff; /* Optional background */
}

/* Optional: Customize scrollbar */
.variation-scrollable-container::-webkit-scrollbar {
    width: 8px;
}

.variation-scrollable-container::-webkit-scrollbar-thumb {
    background-color: #bbb;
    border-radius: 4px;
}

.variation-scrollable-container::-webkit-scrollbar-thumb:hover {
    background-color: #999;
}







/**/
/**/
.alte-aplicatii-aplicatie ul {
    padding-left: 20px;
}


.alte-aplicatii-aplicatie {

    overflow-y: auto;
    display: block;
    border: 2px solid #18267c;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: fixed;
    background:#FFFFFF;
    z-index:999999;
    top:120px;
    right:10px;
    height: 80%;
}



.tab-alte-aplicatii-aplicatie {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 9999;
    font-size: 16px
}




.tab-alte-aplicatii-aplicatie h5 {
    padding-top:10px;
    padding-left:10px;
}


.alte-aplicatii-aplicatie {
    font-size: 18px;
    line-height: 1.6;

}

.alte-aplicatii-aplicatie p, .descriere-produs-aplicatie li {
    font-size: 16px; /* Ensure the font size also applies to paragraphs and list items */
}




/* For mobile devices */
@media (max-width: 600px) {
    .tab-alte-aplicatii-aplicatie h5 {
        padding-right: 60px; /* Add space for the close button on the right */
        font-size: 16px; /* Ensure font size is consistent */
    }
}








.product-page-link a {
    font-size: 14px !important; /* Adjust the size if needed */
    font-weight: 400 !important; /* Normal font weight */
    padding: 10px 20px;
    background-color: #18267c;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
}


/**/
.aplicatie-table .accordion-toggle{
    width:120px;
    padding:5px;
    font-size:12px;
    background:#18267c;
    color: #FFFFFF;
    text-align: center;
    left:0;
}

.aplicatie-table .accordion-toggle:hover{
    background:#0170B9;
}



.control-container .accordion-toggle{
    width:120px;
    padding:10px;
    font-size:12px;
    background:#3a3a3a;
    color: #FFFFFF;
    text-align: center;
    left:0;
        height: 30px;
}





/**/
.controls-container-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.controls-container {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px;
    gap: 5px;
}

.controls-container::-webkit-scrollbar {
    display: none;
}

.controls-container-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 20px;
    background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
    pointer-events: none;
}




/*aplicatie minicart*/
/* Mini Cart Header */
.mini-cart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    padding: 10px;
    position: relative; /* Ensure the button is correctly positioned */
}

/* Close Button Styling */
.mini-cart-close {
    padding: 10px 10px;
    background-color: #18267c;
    color: white;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 0;
    text-transform: capitalize;
    z-index: 9999999;
}

/* Add a hover effect for clarity */
.mini-cart-close:hover {
    background-color: #0170b9; 
}

.mini-cart-container {
    z-index: 999999; /* Ensure it’s on top of other content */
    position: fixed;
    right: 10px;
    top: 120px;
    height: 80%;
    background-color: #f7f7f7;
    border: 2px solid #18267c;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: flex; /* Enable flexbox */
    flex-direction: column; /* Stack items vertically */
    overflow: auto;
}

/* Mini Cart Content */
.mini-cart-content {
    flex-grow: 1; /* Take up the available space */
    overflow-y: auto;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

/* Style the mini-cart item */
.mini-cart-container .elementor-menu-cart__product {
    display: flex; /* Flexbox for column-like layout */
    align-items: center; /* Vertically center the image and text */
    margin-bottom: 15px; /* Space between items */
    justify-content: space-between; /* Ensure proper alignment */
}

/* Style the product image */
.mini-cart-container .elementor-menu-cart__product-image.product-thumbnail {
    width: 15%; /* Fixed width for the image */
    height: auto;
    margin-right: 10px; /* Space between image and text */
    flex-shrink: 0;
}

/* Product name styling */
.mini-cart-container .elementor-menu-cart__product-name {
    width: 60%; /* Take up most of the space for product name */
    font-size: 14px;
    margin: 0;
    line-height: 1.4;
}

/* Price styling */
.mini-cart-container .elementor-menu-cart__product-price {
    width: 20%; /* Fixed width for the price */
    text-align: right; /* Align the price to the right */
    font-weight: bold;
}

/* Ensure the remove button or quantity does not break the alignment */
.mini-cart-container .elementor-menu-cart__product-remove {
    margin-left: 10px;
}

.mini-cart-container .elementor-menu-cart__product-quantity {
    width: auto;
    text-align: center;
}

/* Adjust the subtotal and footer section */
.elementor-menu-cart__subtotal, .elementor-menu-cart__footer-buttons {
    /*position: sticky;
    bottom: 0; /* Stick to the bottom */
    background-color: #f7f7f7; /* Match background color */
    padding: 10px;
    z-index: 999;
    border-top: 2px solid #18267c; /* Add a top border for visual separation */
    text-align: center;
}

/* Styling the subtotal */
.elementor-menu-cart__subtotal {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Styling the footer buttons */
.elementor-menu-cart__footer-buttons a {
    margin: 0 10px;
    color: #18267c;
    text-decoration: none;
    font-weight: bold;
}

.elementor-menu-cart__footer-buttons a:hover {
    color: #0170b9;
}



/* Set the height of images in the image column */
.aplicatie-table img {
    height: 100px;  
    width: auto; 
    object-fit: contain; 
}


/* Center the image inside the first column */
.aplicatie-table td:first-child img {
    display: block;           /* Make the image a block-level element */
    margin-left: auto;        /* Automatically adjust the left margin */
    margin-right: auto;       /* Automatically adjust the right margin */
    height: 100px;            /* Set the desired height */
    width: auto;              /* Maintain the aspect ratio */
}





.controls-container-wrapper {
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    
    z-index: 9999; /* Ensure it's above other content */
    background-color: #ffffff; /* Ensure it has a background */
    padding: 5px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Optional shadow for better visibility */
    border: 1px solid #18267c;
}



@media (min-width: 768px) {
    .controls-container-wrapper {
        top: 113px !important; /* For desktop view */
    }
}

@media (max-width: 767px) {
    .controls-container-wrapper {
        top: 66px !important; /* For mobile view */
    }
}


.menu-title {
    font-size: 14px; /* Adjust the font size as needed */
    font-weight: bold; /* Makes the text bold */
    margin-bottom: 5px; /* Adds space between the text and the buttons */
}



.magnifying-glass-icon {

    right:0;

}




/* Hide the button on all 'aplicatie' CPT pages */
body.single-aplicatie #openSideTab {
    display: none !important;
}






.aplicatii-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.aplicatii-table th, 
.aplicatii-table td {
    width: 50%; /* Each column takes up 50% of the table's width */
    text-align: left; /* Align text to the left */
    padding: 10px; /* Add some padding for readability */
    border: 1px solid #ddd; /* Add a border for better separation */
    box-sizing: border-box; /* Ensure padding is included in width calculations */
}

.aplicatii-table th {
    background-color: #f9f9f9; /* Light gray background for headers */
    font-weight: bold; /* Make headers bold */
}

.aplicatii-table tr:nth-child(even) {
    background-color: #f4f4f4; /* Add alternating row colors */
}


.toc-aplicatii {
    margin-left: 20px; /* Adjust the value as needed */
}




/*archive-aplicatie*/

/*container tabel*/

.aplicatie-archive{
    max-height: 800px;
    min-height: 800px;
    overflow-x: auto;  /* Enables horizontal scrolling */
    overflow-y: auto; /* Keeps vertical scrolling disabled */
    width: 100%;
    position: relative; 

}

.aplicatie-archive thead th {
    position: sticky;
    top: 0;
    background-color :#f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4); /* Adjust as needed */
    z-index: 999;
}



/*tabel*/

.aplicatie-archive-table th,
.aplicatie-archive-table td {
    border: 1px solid #ddd;
    padding: 8px; 
    
    
        padding: 5px 10px; /* Compact padding */
    line-height: 1.2; /* Reduce line height */
    margin: 0; /* Remove any margin */
    font-size: 14px; /* Optional: Adjust the font size */

}

.aplicatie-archive-table th,
.aplicatie-archive-table td{
    font-size: 16px;
}


.aplicatie-archive-table th:first-child, 
.aplicatie-archive-table td:first-child {
    width: 40%; /* First column (image column) */
}

.aplicatie-archive-table th:nth-child(2), 
.aplicatie-archive-table td:nth-child(2) {
    width: 60%; /* Second column (details and add-to-cart column) */
}






/* Table Styling */



.aplicatie-archive-table tr:hover {
    background-color: #f1f1f1;
}

.aplicatie-archive-table a {
    color: #18267c;
    text-decoration: none;
    font-weight: bold;
}

.aplicatie-archive-table a:hover {
    text-decoration: underline;
}

/* Sortable Columns */
.sortable {
    cursor: pointer;
    position: relative;
}

.sortable:after {
    content: '▲▼';
    font-size: 12px;
    margin-left: 5px;
    color: #eeeee;
}

/* Responsive Design */
@media (max-width: 768px) {
    .primary-content-area {
        padding: 10px;
    }

    .aplicatie-archive-table th,
    .aplicatie-archive-table td {
        padding: 10px;
        font-size: 14px;
    }
}

/* No Posts Found Message */
p {
    text-align: center;
    font-size: 18px;
    color: #555;
    margin-top: 20px;
}

.highlight-text {
    color: red !important;
}




/*af forms--------------------------------------------------------------------*/
/**/
/* Ensure the AF Form fits inside any container */
.af-form {
    width: 100%;
    max-width: 100%;
    padding: 10px;
    box-sizing: border-box; /* Ensures padding doesn't affect width */
}

/* Ensure ACF form container does not overflow */
.af-form.acf-form {
    max-width: 100%; 
    width: 100%;
    box-sizing: border-box; /* Ensures padding does not increase width */
    overflow: hidden;
    
}


@media (max-width: 768px) {
    /* Ensure the form does not break the layout */
    .af-form.acf-form {
        max-width: 100%;
        width: 100%;
        overflow-x: auto; /* Enable horizontal scrolling */
        display: block;
    }


}


/*  */





   
/*searcheable widget  search in meniu crm-------------------------------------*/
.widget_searchable_menu_widget .widget-title{
    font-size: 16px !important;
}











/* Container table styles */
.container-single-antemasuratore thead th {
    position: sticky;
    top: 0;
    background-color: #f7f7f7;
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4);
    z-index: 1;
}
.container-single-antemasuratore {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 600px;
}
.single-antemasuratore-table th,
.single-antemasuratore-table td {
    border: 1px solid #ddd;
    padding: 8px;
    width: 100%;
}


.single-antemasuratore-table td {
    line-height: 1.2; /* optional: reduce line height */
    padding: 4px 8px !important;  /* reduced vertical padding */

}

.antemasuratoare-meta p {
    margin: 0 0 10px;
}

.single-antemasuratore-table {
    table-layout: fixed;
    width: 100%;
    text-wrap: auto;
}

/* ✅ Control the width of each column */
.single-antemasuratore-table th:nth-child(1),
.single-antemasuratore-table td:nth-child(1) { 
    width: 30%; /* Adjust width for 'Grup' column */
}

.single-antemasuratore-table th:nth-child(2),
.single-antemasuratore-table td:nth-child(2) { 
    width: 30%;; /* Adjust width for 'Obiect' column */
}

.single-antemasuratore-table th:nth-child(3),
.single-antemasuratore-table td:nth-child(3) { 
    width: 25%;; /* Adjust width for 'UM' column */
}

.single-antemasuratore-table th:nth-child(4),
.single-antemasuratore-table td:nth-child(4) { 
    width: 15%;; /* Adjust width for 'Valoare' column */
}



/**/
@media (max-width: 768px) {
.single-antemasuratore-table th:nth-child(1),
.single-antemasuratore-table td:nth-child(1) { 
    width: 30%; /* Adjust width for 'Grup' column */
}

.single-antemasuratore-table th:nth-child(2),
.single-antemasuratore-table td:nth-child(2) { 
    width: 30%;; /* Adjust width for 'Obiect' column */
}

.single-antemasuratore-table th:nth-child(3),
.single-antemasuratore-table td:nth-child(3) { 
    width: 20%;; /* Adjust width for 'UM' column */
}

.single-antemasuratore-table th:nth-child(4),
.single-antemasuratore-table td:nth-child(4) { 
    width: 20%;; /* Adjust width for 'Valoare' column */
}
    
}


/* Input field styling */
/* Make input fields wider and more visible */


.woocommerce-js input[type=number] {
    max-width: unset;
    min-height: unset;
}


.woocommerce-js input[type=number] {
    border:1px solid #18267c;
    
}




.woocommerce-js input[type=number]:focus {
    border: 1px solid red;
}


.single-antemasuratore-table input[type="number"] {
    width: 90%; /* Make it take the full column width */
    padding: 3px;
    box-sizing: border-box;
    border: 1px solid #333; /* Dark border for visibility */
    border-radius: 4px; /* Slight rounding for aesthetics */
    font-size: 14px; /* Increase text size */
    background-color: #fff; /* Ensure contrast */
}

/* Highlight input on focus for better user experience */
.single-antemasuratore-table input[type="number"]:focus {
    border-color: #007bff; /* Highlight in blue when focused */
    outline: none; /* Remove default outline */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Soft glow effect */
}


/* Improve mobile view */
@media (max-width: 768px) {
    .single-antemasuratore-table th,
    .single-antemasuratore-table td {
        font-size: 14px;
        padding: 6px;
    }
}


@media (max-width: 768px) {
    .single-antemasuratore-table th {
        font-size: 13px;
        padding: 4px;
    }
}


/* Align meta text to the left */
.antemasuratoare-meta {
    text-align: left; /* Ensures text alignment to the left */
    margin-bottom: 20px; /* Adds space below */
}

.antemasuratoare-meta p {
    margin: 5px 0; /* Reduce space between lines */
    font-size: 16px; /* Optional: Adjust text size */
    font-weight: 500; /* Optional: Improve readability */
    text-align: left; /* Ensures text alignment to the left */
}


/**/
.print-value{
    color:white;
    font-size:2px;
}

.single-antemasuratore-table .td:nth-child(4){
    display:inline;
}


/*lightbox imagini*/
.gallery-proiect .image-text-pair {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px; /* Space between each pair */
    border: 1px solid #ccc; /* Thin border around each pair */
    padding: 10px; /* Padding inside the border */
    height: 80px; /* Fixed height for each pair */
    overflow: hidden; /* Prevent overflow */

}

.gallery-proiect .image-container {
    flex-basis: 30%; /* Image takes up 30% of the space */
    margin-right: 20px; /* Space between image and text */
}

.gallery-proiect .image-container img {
    max-width: 100%; /* Image fills the container */
    height: auto; /* Maintain aspect ratio */
}

.gallery-proiect .text-container {
    flex-basis: 70%; /* Text takes up 70% of the space */
}



.gallery-proiect {
    max-height: 400px; /* Fixed maximum height */
    overflow-y: auto; /* Enables vertical scrolling if content exceeds 400px */
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next line */
    gap: 5px; /* Space between items */
}

.gallery-proiect .image-text-pair {
    flex: 1 1 50%; /* Each pair takes up half of the line */
    box-sizing: border-box; /* Include padding and borders in the element's total width and height */
}

.gallery-proiect .image-container {
    margin-right: 20px; /* Space between image and text */
    width: 50%; /* Image takes up half of the pair container */
}

.gallery-proiect .image-container img {
    max-width: 100%; /* Image fills the container */
    height: auto; /* Maintain aspect ratio */
}

.gallery-proiect .text-container {
    flex: 1; /* Text container takes up remaining space */
}


.gallery-proiect p{
    text-align: left;
}

/**/
.antemasuratori-container-note-imagini {
    max-height: 400px; /* Limit height to 400px */
    overflow-y: auto; /* Enable vertical scrolling */
    overflow-x: hidden; /* Prevent horizontal scrolling */
    padding:  0 10px 10px 10px; /* ✅ Remove top padding */
    border: 1px solid #ddd; /* Optional: Adds border */
    background-color: #fff; /* Optional: Background color */
    position: relative; /* Ensure child elements respect relative positioning */
}

.antemasuratori-container-note-imagini-title {
    position: sticky;
    top: 0;
    background-color: #fff; /* Ensure text is readable */
    padding: 10px;
    margin: 0;
    z-index: 2; /* Ensure it stays above scrolling content */
    border-bottom: 1px solid #ddd; /* Optional: Add a separator */
}




/*acordioane------------------------------------------------------------------*/

.antemasuratoare-acc-accordion-content {
    transition: all 0.3s ease;
    overflow: hidden;
    display: none; /* Hidden by default */
  }
  
  .antemasuratoare-acc-accordion-content.open {
    display: block;
    position: fixed;
    top: 15%;
    left: 5%;
    width: 90%;
    height: 80%;
    background: #fff;
    padding: 20px;
    z-index: 9;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    overflow-y: auto;
  }
  
  .antemasuratoare-acc-accordion-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #18267c;
    border: none;
    padding: 5px 10px;
    font-size: 18px;
    cursor: pointer;
    z-index: 9;
  }
  
  .antemasuratoare-acc-accordion-toggle {
    cursor: pointer;
    padding: 5px;
    background-color: #18267c; /* Default color */
    border-bottom: 1px solid #ddd;
    color: #FFFFFF !important;
    transition: background-color 0.3s ease;
  }
  
  /* Hover state */
  .antemasuratoare-acc-accordion-toggle:hover {
    background-color: #2348a3; /* Change to a different shade on hover */
  }



/*--------------------------------------------------------- INSTRUCTIUNI PT AGENTI ------------------------------------------------*/
/*--------------------------------------------------------- INSTRUCTIUNI PT AGENTI — Modal (global) ------------------------------------------------*/

/* Trigger */
.cc-sa-trigger-button{
  display:inline-flex; align-items:center; gap:8px;
  height:36px; padding:10px 14px; line-height:1;
  background:red; color:#fff;
  border:1px solid #18267c; border-radius:4px;
  font-size:12px; font-weight:800; letter-spacing:.2px;
  text-transform:uppercase; cursor:pointer;
  box-shadow:0 2px 6px rgba(24,38,124,.20);
}
.cc-sa-trigger-button:hover{ background:#0f1a5c; border-color:#0f1a5c; }
.cc-sa-trigger-button:focus{ outline:3px solid rgba(24,38,124,.35); outline-offset:2px; }
.cc-sa-trigger-button .dashicons{ font-size:16px; line-height:1; color:#fff; }

.cc-sa-trigger-link{ text-decoration:underline; cursor:pointer; }

/* Modal shell */
.cc-sa-modal{ position:fixed; inset:0; z-index:99999; display:none; }
.cc-sa-modal.is-open{ display:block; }
.cc-sa-modal[aria-hidden="true"]{ display:none; }

/* Always keep the modal fully visible with a 10px gutter on all sides */
.cc-sa-modal__backdrop{
  position: fixed !important;
  inset: 0 !important;
  background: rgba(15,23,42,.5);
}

.cc-sa-modal__dialog{
  position: fixed !important;
  top: 10px !important;
  right: 10px !important;
  bottom: 10px !important;
  left: 10px !important;

  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;

  background: #fff;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(2,6,23,.25);
  overflow: hidden;

  display: flex;            /* header/body/footer layout */
  flex-direction: column;
  z-index: 10000;           /* above backdrop */
}

/* Ignore size variants; the pinned layout wins */
.cc-sa-modal--sm .cc-sa-modal__dialog,
.cc-sa-modal--lg .cc-sa-modal__dialog{
  top: 30px !important; right: 10px !important; bottom: 10px !important; left: 10px !important;
}

/* Body fills remaining space and scrolls */
.cc-sa-modal__header,
.cc-sa-modal__footer{ flex: 0 0 auto; padding: 12px 16px; background: #f8fafc; }
.cc-sa-modal__body{
  flex: 1 1 auto;
  min-height: 0;            /* prevents flex overflow */
  overflow: auto;
  padding: 12px 16px;
}



.cc-sa-modal__title{ margin:0; font-size:18px; }

.cc-sa-modal__close{
  position:absolute; top:8px; right:10px; font-size:22px; background:#18267c;
  border:0; line-height:1; cursor:pointer; color:#fff; z-index: 99;
}

/* Body always fills and scrolls, even if content is short */
.cc-sa-modal__body{
  padding:12px 16px;
  flex: 1 1 auto;
  min-height: 0;                         /* prevents flex overflow issues */
  overflow: auto;
}



/* Help cards */
.cc-sa-help{ margin:8px 0 4px; font-size:14px; line-height:1.45; text-align:left; }
.cc-sa-help, .cc-sa-help__block, .cc-sa-help__content{ min-width:0; max-width:100%; }
.cc-sa-help__block{
  position:relative; border:1px solid #d9e1ea; border-left-width:6px; border-radius:10px;
  padding:10px 12px; background:#fff; margin:10px 0; box-shadow:0 1px 2px rgba(16,24,40,.04); overflow:hidden;
}
.cc-sa-help__block--info{    border-left-color:#2271b1; }
.cc-sa-help__block--success{ border-left-color:#2ca54c; }
.cc-sa-help__block--warning{ border-left-color:#f59e0b; }
.cc-sa-help__block--danger{  border-left-color:#e11d48; }
.cc-sa-help__block--sop{     border-left-color:#6f42c1; }
.cc-sa-help__block--faq{     border-left-color:#0ea5e9; }

.cc-sa-help__meta{ display:flex; align-items:center; gap:8px; margin-bottom:4px; flex-wrap:wrap; white-space:normal !important; }
.cc-sa-help__badge{
  display:inline-flex; align-items:center; font-size:11px; font-weight:600;
  padding:2px 8px; border:1px solid #e5e7eb; border-radius:999px; color:#334155; background:#f8fafc;
}
.cc-sa-help__title{ font-size:15px; font-weight:700; color:#0f172a; }
.cc-sa-help__content p{ margin:6px 0 0; white-space:normal !important; overflow-wrap:anywhere; }
.cc-sa-help__content ul, .cc-sa-help__content ol{ margin:6px 0 0 18px; }
.cc-sa-help__links{ margin:6px 0 0 18px; padding:0; }
.cc-sa-help__links li{ list-style:disc; }

/* Footer button */
.cc-sa-btn.cc-sa-btn--primary{
  padding:.45rem .8rem; border-radius:.55rem; background:#0f172a; color:#fff; border:0; cursor:pointer;
}
.cc-sa-btn--primary:hover{ background:#111827; }

/* Lock page scroll while modal is open */
html.cc-sa-modal-open{ overflow:hidden; }


/* Conținut: always left aligned and nicely wrapped */
.cc-sa-help__content,
.cc-sa-help__content p,
.cc-sa-help__content li {
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
}




/**/
/* =========================================================
   Formular fidelizare — DOAR #form_69a318d788a0d
   ========================================================= */

/* 1) aliniere la stanga pentru tot continutul formularului */
#form_69a318d788a0d,
#form_69a318d788a0d * {
  text-align: left !important;
  padding: 5px;
}

/* 2) container ca “card” */
#form_69a318d788a0d {
  max-width: 760px;
  margin: 24px auto;
  padding: 22px 22px 16px;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
}

/* 3) spatiere intre campuri */
#form_69a318d788a0d .acf-field {
  margin: 0 0 14px !important;
  padding: 0 !important;
  border: 0 !important;
}

/* label */
#form_69a318d788a0d .acf-label label {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 6px;
}

/* inputuri */
#form_69a318d788a0d input[type="text"],
#form_69a318d788a0d input[type="email"],
#form_69a318d788a0d input[type="tel"],
#form_69a318d788a0d input[type="date"],
#form_69a318d788a0d input[type="number"],
#form_69a318d788a0d textarea,
#form_69a318d788a0d select {
  width: 100%;
  border: 1px solid rgba(0,0,0,.14);
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.2;
  background: #fff;
}

#form_69a318d788a0d ::placeholder { opacity: .55; }

/* focus state */
#form_69a318d788a0d input:focus,
#form_69a318d788a0d textarea:focus,
#form_69a318d788a0d select:focus {
  outline: none;
  border-color: rgba(0,0,0,.35);
  box-shadow: 0 0 0 3px rgba(0,0,0,.08);
}

/* radio/checkbox spacing */
#form_69a318d788a0d .acf-radio-list li,
#form_69a318d788a0d .acf-checkbox-list li {
  margin: 6px 0;
}
#form_69a318d788a0d .acf-radio-list label,
#form_69a318d788a0d .acf-checkbox-list label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* buton submit */
#form_69a318d788a0d button[type="submit"],
#form_69a318d788a0d input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  padding: 10px 16px;
  border-radius: 10px;
  border: 0;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}

/* responsive */
@media (max-width: 768px) {
  #form_69a318d788a0d {
    margin: 16px 12px;
    padding: 16px 14px;
  }
}



/**/
/* Formular (doar acesta) - max-height + scroll */
#form_69a318d788a0d {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px; /* ca sa nu intre textul sub scrollbar */
}

/**/

/* Fidelizare: disable submit until terms checked */
.comcrm-fidelizare-submit-disabled,
form .comcrm-submit-disabled {
  opacity: 0.5;
  pointer-events: none;
}


/**/
/* Text formular fidelizare (din shortcode) - force left align */
.comcrm-text-formular-fidelizare,
.comcrm-text-formular-fidelizare * {
  text-align: left !important;
}


/**/
/* Accordion text GDPR / formular fidelizare */
.text-formular-card{
  max-height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;   /* ca sa nu stea textul sub scrollbar */
  line-height: 1.5;
}



/**/

/* Formular fidelizare: message field scrollable (max-height 400px) */
#form_69a318d788a0d .acf-field[data-key="field_69a33f55f3a80"] .acf-input,
#form_69a318d788a0d .acf-field[data-key="field_69a33f55f3a80"] .acf-input .acf-message {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px; /* sa nu stea textul sub scrollbar */
  line-height: 1.5;
}

/* Optional: look & feel mai placut */
#form_69a318d788a0d .acf-field[data-key="field_69a33f55f3a80"] .acf-message{
  padding: 14px 12px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 10px;
  background: #fafafa;
}




/**/
/* READ-ONLY styling pentru textarea (doar in formularul #form_69a318d788a0d) */
#form_69a318d788a0d .acf-field[data-key="field_69a33f55f3a80"] textarea[readonly]{
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 14px 12px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 10px;
  background: #fafafa;
  line-height: 1.5;
  resize: vertical; /* optional */
  color: inherit;
}