/*Test
 html body{
    border:1px solid red !important;
    background-color: yellow !important;
} */

/* Ensure the table fits within the page width */
.wp-list-table {
    width: 100%; /* Set the table width to 100% */
    table-layout: fixed; /* Ensure columns fit within the table width */
}

.wp-list-table th, .wp-list-table td {
    word-wrap: break-word; /* Prevent overflow by breaking long words */
    padding: 10px; /* Add padding for better readability */
}

/* Handle responsive layout for smaller screens */
@media screen and (max-width: 600px) {
    .wp-list-table {
        display: block;
        overflow-x: auto;
    }
}

.tablenav-pages {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tablenav-pages .displaying-num {
    margin-right: 10px;
    font-size: 14px;
    color: #555;
}

.tablenav-pages .pagination-links {
    display: flex;
    gap: 5px;
}

.tablenav-pages .pagination-links a,
.tablenav-pages .pagination-links .current {
    padding: 5px 10px;
    background-color: #f3f3f3;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #0073aa;
    text-decoration: none;
}

.tablenav-pages .pagination-links a:hover {
    background-color: #0073aa;
    color: #fff;
}

.tablenav-pages .pagination-links .current {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

.tablenav-pages,.wp-list-table.widefat.fixed.striped.table-view-list.leads{
    margin-top: 1rem;
}

/* Stilizare pentru acordioane */
#form-accordions {
    margin-top: 20px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

/* Stilizare header accordion */
#form-accordions .ui-accordion-header {
    background: #fff;
    border: 1px solid #c3c4c7;
    padding: 15px;
    margin: 0;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    color: #50575e;
}

/* Hover effect pentru header */
#form-accordions .ui-accordion-header:hover {
    background: #f0f0f1;
    border-color: #8c8f94;
}

/* Stilizare săgeată accordion */
#form-accordions .ui-accordion-header:after {
    content: '';
    position: absolute;
    right: 15px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #50575e;
    border-bottom: 2px solid #50575e;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
}

/* Rotire săgeată când accordion-ul este deschis */
#form-accordions .ui-accordion-header-active:after {
    transform: rotate(-135deg);
    top: 45%;
}

/* Conținut accordion */
#form-accordions .ui-accordion-content {
    background: #fff;
    border: 1px solid #c3c4c7;
    border-top: none;
    padding: 20px;
    margin-bottom: 5px;
}

/* Spațiere între acordioane */
#form-accordions .ui-accordion-header:not(:first-child) {
    margin-top: 5px;
}

/* Stilizare pentru ultimul accordion (Form Completion Settings) */
#form-accordions .form-completion-settings {
    margin-top: 20px;
}

/* Stilizare pentru navigarea între pași */
.step-navigation {
    margin-top: 20px;
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #c3c4c7;
}

.step-navigation .button {
    padding: 8px 16px;
    font-size: 14px;
    line-height: 2;
    min-height: 40px;
    background: #2271b1;
    border-color: #2271b1;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    border-radius: 3px;
}

.step-navigation .button:hover {
    background: #135e96;
    border-color: #135e96;
    color: #fff;
}

/* Asigură-te că butoanele sunt vizibile și în afara acordionului */
.step-navigation {
    position: relative;
    z-index: 1;
}

/* Spațiere suplimentară pentru ultimul accordion */
#form-accordions {
    margin-bottom: 20px;
}

/* Adaugă aceste stiluri pentru acordioanele din pagina de setări */
#settings-accordions {
    margin-top: 20px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

#settings-accordions .ui-accordion-header {
    background: #fff;
    border: 1px solid #c3c4c7;
    padding: 15px;
    margin: 0;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    color: #50575e;
}

#settings-accordions .ui-accordion-header:hover {
    background: #f0f0f1;
    border-color: #8c8f94;
}

#settings-accordions .ui-accordion-header:after {
    content: '';
    position: absolute;
    right: 15px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #50575e;
    border-bottom: 2px solid #50575e;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
}

#settings-accordions .ui-accordion-header-active:after {
    transform: rotate(-135deg);
    top: 45%;
}

#settings-accordions .ui-accordion-content {
    background: #fff;
    border: 1px solid #c3c4c7;
    border-top: none;
    padding: 20px;
    margin-bottom: 5px;
}

#settings-accordions .ui-accordion-header:not(:first-child) {
    margin-top: 5px;
}

/* Spațiere pentru formulare în acordioane */
#settings-accordions form {
    margin: 0;
    padding: 0;
}

#settings-accordions .form-table {
    margin-top: 0;
}

/* Stilizare pentru acordeonul din lista de formulare */
#form-list-accordions {
    margin-top: 20px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

#form-list-accordions .ui-accordion-header {
    background: #fff;
    border: 1px solid #c3c4c7;
    padding: 15px;
    margin: 0;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    color: #50575e;
}

#form-list-accordions .ui-accordion-header:hover {
    background: #f0f0f1;
    border-color: #8c8f94;
}

#form-list-accordions .ui-accordion-header:after {
    content: '';
    position: absolute;
    right: 15px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #50575e;
    border-bottom: 2px solid #50575e;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
}

#form-list-accordions .ui-accordion-header-active:after {
    transform: rotate(-135deg);
    top: 45%;
}

#form-list-accordions .ui-accordion-content {
    background: #fff;
    border: 1px solid #c3c4c7;
    border-top: none;
    padding: 20px;
    margin-bottom: 5px;
} 



/*Form input*/
.vlg-form{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select{
    /* color: #000000;
    background-color: #E2E2E24D;
    border-color: #EDEDED;
    border-radius: 10px; */
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius);
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus{
    /* color: #000000; */
    /* background-color: #E2E2E24D; */
    border-color: #2C80FF;
    border-radius: 10px;
}

.checkbox-wrapper {
    margin: 15px 0;
}

.checkbox-container {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.4;
}

.checkbox-container span {
    flex: 1;
}

.vlg-button{
    background : linear-gradient(90deg, #39C4FF 0%, #2C80FF 100%);
    color: #fff;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
}

.vlg-button:hover{
    background: linear-gradient(90deg, #39C4FF 100%, #2C80FF 0%);
}

.checkbox-container input[type="checkbox"] {
    margin-right: 10px;
    margin-top: 3px;
    width: 20px;
    height: 20px;
    color: #D9D9D9;
}

.checkbox-container input[type="checkbox"]:checked {
    background-color: #D9D9D9;
}

.vlg-button .button-image {
    max-height: 20px;
    margin-right: 8px;
    vertical-align: middle;
}
.success-title{
    display: block;
    width: max-content;
    margin: 0 auto;
}
.success-message{ 
    display: block;
    width: max-content;
    margin: 0 auto;
}

.vlg-button-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.btn-back {
    background: #808080; 
    background: linear-gradient(90deg, #A9A9A9 0%, #808080 100%); 
    padding: 16px 32px;
}

.btn-back:hover {
    background: linear-gradient(90deg, #7A7A7A 0%, #5C5C5C 100%) !important; 
}
.btn-next {
    padding: 16px 32px;  
}

input#nume-prenume,
input#adresa-email,
input#contact-motiv {
    height: 70px;
    margin-bottom: 5px;
}

.buton-finalizare{
    padding: 16px 32px;
}

textarea#contact-motiv{
    height: 100px;
}

@media only screen and (max-width: 767px) {
    h1, .h1 {
        font-size: 30px;
    }
}