/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/* Title in welcome screen */
h1.survey-name, 
.survey-name, 
.survey-main-content h1 {
    color: #3ABE7C;
}

/* Welcome Message*/
.survey-welcome,
.survey-welcome p,
.fruity .survey-welcome,
.survey-main-content .survey-welcome {
    color: #000000 ;
}

/* Survey Description */
.survey-description,
.survey-description p,
.fruity .survey-description,
.survey-main-content .survey-description {
    color: #000000;
}


.progress-bar,
.fruity .progress-bar,
.survey-main-content .progress-bar {
    background-color: #3ABE7C ; /* Your signature green color */
}

/* Custom Alert Warning styling */
.fruity .alert-warning {
    background-color: transparent;
    border: 1px solid #ff644b;
    color: #ff644b;
}

/* Mandatory questions asterisk */
.asterisk,
.survey-main-content .asterisk,
.survey-main-content .fas.fa-asterisk {
    color: #ff644b ;
}

/* Question Help/Tip Icons */
.survey-main-content .fas.fa-exclamation-circle,
.survey-main-content .fas.fa-info-circle {
    color: #3ABE7C ;
}

/* Question Comments / Instruction Messages */
.ls-question-message,
.survey-main-content .ls-question-message,
.survey-main-content .ls-em-tip {
    color: #3ABE7C;
}

/* Anonymous notice text */
.fruity .text-primary,
.survey-main-content .text-primary,
.survey-main-content .anonymous-message {
    color: #000000 ;
}

/* Links and Show Policy Button */
.fruity a,
.survey-main-content a,
.survey-main-content .privacy-policy-link {             
    color: #3ABE7C;
}

/************ Buttons ************/

/* Info Button (e.g., help toggles or tooltips) */
.fruity .btn-info,
.survey-main-content .btn-info {
    background-color: #3ABE7C ;
    border-color: #3ABE7C ;
    color: #ffffff; /* Ensures text is readable on the green background */
}

/* Default/Secondary Button (e.g., Previous, Clear All) */
.fruity .btn-default,
.survey-main-content .btn-default,
.fruity .btn-outline-secondary,
.survey-main-content .btn-outline-secondary {
    border: 1px solid #3ABE7C ;
    color: #3ABE7C ;
    background-color: transparent;
}

/* Primary Button (e.g., Next, Submit) */
.fruity .btn-primary,
.survey-main-content .btn-primary {
    background-color: #3ABE7C ;
    border: 1px solid #3ABE7C ;
    color: #ffffff; /* Ensures text is readable on the green background */
}


/************ Question & Text Typography ************/

/* Question Help/Tip Text */
.ls-questionhelp,
.survey-main-content .ls-questionhelp,
.survey-main-content .question-help {
    color: #000000;
}

/* Group Title Size */
.group-title,
.survey-main-content .group-title,
.survey-main-content .group-name {
    font-size: 30px;
}

/* Question Text Size */
.question-text,
.survey-main-content .question-text,
.survey-main-content .field-label {
    font-size: 24px;
}

/* Purple action items*/
.action-list a:not(.disabled) {
    color: #3ABE7C;
}

/* Warning messages */
.fruity .alert-danger {
    color: #FF644B !important;
}

.fruity .alert-danger * {
    color: #FF644B;
}


/* Error / danger messages (e.g. mandatory, validation errors) */
.fruity .text-danger {
    color: #FF644B !important;
}


/* Target all outline buttons and variants on hover/focus */
.btn-outline-g-700:hover,
.btn-outline-g-700:focus,
*[class*="btn-outline-"]:hover,
*[class*="btn-outline-"]:focus,
[class^="btn-outline-"]:hover,
[class^="btn-outline-"]:focus {
    box-shadow: 0 0 0 3px rgba(58, 190, 124, 0.4) !important;
    border-color: #3ABE7C !important;
}