.elementor-20379 .elementor-element.elementor-element-5f96c25{--display:flex;--padding-top:150px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-20379 .elementor-element.elementor-element-40be128{text-align:center;}.elementor-20379 .elementor-element.elementor-element-40be128 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:40px;}.elementor-20379 .elementor-element.elementor-element-024bbab{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-20379 .elementor-element.elementor-element-024bbab a{color:#0069FF;}.elementor-20379 .elementor-element.elementor-element-1dd0163{--display:flex;}.elementor-20379 .elementor-element.elementor-element-0dd3168{text-align:center;}.elementor-20379 .elementor-element.elementor-element-0dd3168 .elementor-heading-title{font-size:30px;font-weight:bold;color:#432CF3;}.elementor-20379 .elementor-element.elementor-element-0394a7f{--display:flex;--padding-top:15px;--padding-bottom:150px;--padding-left:15px;--padding-right:15px;}.elementor-20379 .elementor-element.elementor-element-df4400c .gk-gravity-form{text-align:left;}.elementor-20379 .elementor-element.elementor-element-80663c4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-20379 .elementor-element.elementor-element-80663c4{--content-width:100%;}}/* Start custom CSS for gk_elementor_gravity_form, class: .elementor-element-df4400c *//*PRIMUL COD TEXT ERROR FIX*/

/* Fixes the squashed text in the top error message */
.gform_wrapper .gform_submission_error {
    letter-spacing: 0.5px !important; /* Increases space between letters */
    line-height: 1.5 !important;      /* Increases space between lines */
    word-spacing: 2px !important;      /* Increases space between words */
    font-weight: 500;                  /* Makes it slightly more readable */
}

/* AL DOILEA COD SURVEY COMPETENTE*/


  /* --- TABLET VIEW (Up to 1024px) --- */
@media (max-width: 1024px) {
    /* 1. Force the survey to behave like a table */
    .elementor-20379 .elementor-element.elementor-element-df4400c .gform_wrapper.gravity-theme .gsurvey-likert {
        display: table !important;
        width: 100% !important;
        table-layout: auto !important; 
        border-collapse: collapse !important;
    }

    /* 2. Show the header (1-10) only at the top */
    .elementor-20379 .elementor-element.elementor-element-df4400c .gform_wrapper.gravity-theme .gsurvey-likert thead {
        display: table-header-group !important;
    }

    /* 3. Keep rows horizontal */
    .elementor-20379 .elementor-element.elementor-element-df4400c .gform_wrapper.gravity-theme .gsurvey-likert tr {
        display: table-row !important;
    }

    /* 4. LABEL: Fixed width for the question text */
    .elementor-20379 .elementor-element.elementor-element-df4400c .gsurvey-likert-row-label,
    .elementor-20379 .elementor-element.elementor-element-df4400c .gsurvey-row-label,
    .elementor-20379 .elementor-element.elementor-element-df4400c .gsurvey-likert thead th:first-child {
        display: table-cell !important;
        width: 120px !important; 
        min-width: 120px !important;
        max-width: 120px !important;
        white-space: normal !important; 
        font-size: 14px !important;
        padding-right: 15px !important;
        vertical-align: middle !important;
        text-align: left !important;
    }

    /* 5. CHOICE CELLS: The 1-10 area */
    .elementor-20379 .elementor-element.elementor-element-df4400c .gsurvey-likert-choices,
    .elementor-20379 .elementor-element.elementor-element-df4400c .gsurvey-likert td,
    .elementor-20379 .elementor-element.elementor-element-df4400c .gsurvey-likert thead th:not(:first-child) {
        display: table-cell !important;
        width: 8% !important; 
        text-align: center !important;
        vertical-align: middle !important;
        padding: 10px 0 !important;
        /* Critical for clickability */
        position: relative !important;
        pointer-events: auto !important; 
    }

    /* 6. Hide duplicate mobile labels that Gravity Forms adds */
    .elementor-20379 .elementor-element.elementor-element-df4400c .gsurvey-likert-choice-label {
        display: none !important;
    }

    /* 7. RADIO BUTTONS: Centering and Click Fixes */
    .elementor-20379 .elementor-element.elementor-element-df4400c .gsurvey-likert-choice {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        cursor: pointer !important;
    }

    .elementor-20379 .elementor-element.elementor-element-df4400c .gsurvey-likert-choice input[type="radio"] {
        margin: 0 auto !important;
        display: block !important;
        width: 18px !important;
        height: 18px !important;
        cursor: pointer !important;
        /* Bring to front so it can be tapped */
        position: relative !important;
        z-index: 99 !important;
        opacity: 1 !important;
        -webkit-appearance: radio !important;
        appearance: radio !important;
    }

    /* 8. Column headers (1-10) font size */
    .elementor-20379 .elementor-element.elementor-element-df4400c .gsurvey-likert thead th {
        font-size: 13px !important; /* Updated to 13px */
        font-weight: bold !important;
        padding-bottom: 10px !important;
    }
}

/* --- MOBILE VIEW (Up to 767px) --- */
@media (max-width: 767px) {
    /* Shrink the label column slightly more for small screens */
    .elementor-20379 .elementor-element.elementor-element-df4400c .gsurvey-likert-row-label,
    .elementor-20379 .elementor-element.elementor-element-df4400c .gsurvey-row-label,
    .elementor-20379 .elementor-element.elementor-element-df4400c .gsurvey-likert thead th:first-child {
        width: 85px !important; 
        min-width: 85px !important;
        max-width: 85px !important;
        font-size: 11px !important;
    }

    /* Ensure column headers stay 13px on mobile */
    .elementor-20379 .elementor-element.elementor-element-df4400c .gsurvey-likert thead th {
        font-size: 13px !important;
        padding: 5px 2px !important;
    }

    /* Adjust radio size for smaller screens */
    .elementor-20379 .elementor-element.elementor-element-df4400c .gsurvey-likert-choice input[type="radio"] {
        width: 15px !important;
        height: 15px !important;
    }
}

/* --- GLOBAL FONT FIX --- */
.elementor-20379 .elementor-element.elementor-element-df4400c .gsurvey-likert-row-label,
.elementor-20379 .elementor-element.elementor-element-df4400c .gsurvey-row-label,
.elementor-20379 .elementor-element.elementor-element-df4400c .gsurvey-likert thead th {
    font-size: 13px !important;
}

/*AL TREILEA COD MULTISELECT*/

/* THE COMPACT FIX: Border, Visibility, and Tags in one go */
.ts-wrapper.multi .ts-control {
    display: flex !important;
    border: 1px solid #000 !important;
    background: #fff !important;
    min-height: 45px !important;
    padding: 5px !important;
    flex-wrap: wrap !important;
}

/* Ensure the items (tags) look like tags and stay visible */
.ts-control .item {
    background: #eee !important;
    border: 1px solid #ddd !important;
    margin: 2px !important;
    padding: 2px 8px !important;
    border-radius: 3px !important;
}

/* 1. UNIVERSAL FONT SIZE (Box & List) */
.ts-wrapper .ts-control, 
.ts-wrapper .ts-control input, 
.ts-wrapper .ts-control .item,
.ts-dropdown .option {
    font-size: 14px !important;
    line-height: 1.2 !important;
}

/* 2. SHRINK THE TAGS (Inside the box) */
.ts-control .item {
    padding: 1px 6px !important;
    margin: 2px !important;
    border-radius: 3px !important;
}

/* 3. THE "SCROLL" FIX (Show ~5 items) */
/* This forces the dropdown to stay short and scrollable */
.ts-dropdown .ts-dropdown-content {
    max-height: 160px !important; 
    overflow-y: auto !important;
}

/* 4. REMOVE EXTRA BULK */
.ts-dropdown .option {
    padding: 5px 10px !important;
}

/* AL PATRULEA COD BUTTON STYLING*/

/* Stil pentru butonul Submit: culoare, border și rotunjire */
.gform_button {
    background-color: #432CF3 !important; /* Culoarea de fundal */
    color: #ffffff !important;            /* Culoarea textului */
    border: 2px solid #ffffff !important; /* Grosime 2px, stil solid și culoare border */
    border-radius: 8px !important;        /* Rotunjire colțuri 8px */
}

/* Efect la trecerea cu mouse-ul (Hover) */
.gform_button:hover {
    background-color: #ffffff !important;/* Culoarea de fundal la hover */
    color: #432CF3 !important;/* CULOAREA TEXTULUI LA HOVER */
    border-color: #432CF3 !important;/* Culoarea border-ului la hover */
}/* End custom CSS */