/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1768830311
Updated: 2026-01-19 13:45:11 
*/ 
.header-top {
    transition: box-shadow 0.3s ease, background-color 0.3s ease;
    box-shadow: none;
}
.header-top.elementor-sticky--active {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.bg-yellow{
	background-color:#FEEA00;
	padding-left:11px;
	padding-right:11px;
	padding-top:0px;
	padding-bottom:0px;
	-webkit-border-radius: 99px;
-moz-border-radius: 99px;
border-radius: 99px;
}

.bg-green{
	background-color:#BDD152;
	padding-left:11px;
	padding-right:11px;
	padding-top:0px;
	padding-bottom:0px;
	-webkit-border-radius: 99px;
-moz-border-radius: 99px;
border-radius: 99px;
	color:#fff;
	
}

.textcolor-green{
	color:#BDD152;
}
 
#my-menu .elementor-nav-menu .menu-item.current-menu-item a,
#my-menu .elementor-nav-menu .menu-item:hover a{
	font-weight:700;
}
  

/* container step */
.elementor-form .e-form__step {   
    padding: 28px; 
}

/* intrebare principala */
.elementor-form .elementor-field-type-radio .elementor-field-label {
    display: block;
    font-size: 28px;
    line-height: 1.35;
    font-weight: 700;
    color: #111827;
    margin-bottom: 18px;
}

/* label textarea */
.elementor-form .elementor-field-type-textarea .elementor-field-label {
    font-size: 16px;
    font-weight: 600;
    color: #374151;
    margin: 18px 0 10px;
}

/* grup optiuni */
.elementor-form .elementor-field-subgroup {
    display: grid;
    gap: 12px;
}

/* fiecare optiune */
.elementor-form .elementor-field-option {
    margin: 0 !important;
    position: relative;
}

/* ascunde radio default */
.elementor-form .elementor-field-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* card raspuns */
.elementor-form .elementor-field-option label {
    display: inline-block !important;
    padding: 16px 18px; 
    border-radius: 16px; 
    color: #666666!important;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* hover raspuns */
/* .elementor-form .elementor-field-option label:hover {
    border-color: #2563eb;
    background: #eff6ff;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(37,99,235,0.10);
} */

/* raspuns selectat */
/* .elementor-form .elementor-field-option input[type="radio"]:checked + label {
    border-color: #2563eb;
    background: linear-gradient(180deg,#eff6ff 0%,#dbeafe 100%);
    box-shadow: 0 10px 24px rgba(37,99,235,0.16);
} */

/* bulina selectare */
.elementor-form .elementor-field-option label::before {
    content: "";
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #CCCCCC;
    display: inline-block;
    margin-right: 12px;
    background: #fff;
    vertical-align: middle;
    transition: all 0.2s ease;
}
 

.elementor-form .elementor-field-option input[type="radio"]:checked + label::before {
    border-color: #CCCCCC;
    background: #2D5E3F;
    box-shadow: inset 0 0 0 4px #fff;
}

/* textarea */
.elementor-form textarea.elementor-field {
    border: 1px solid #dbe4f0 !important;
    border-radius: 16px !important;
    background: #fff !important;
    padding: 14px 16px !important;
    min-height: 110px;
    font-size: 15px !important;
    transition: all 0.2s ease;
}

.elementor-form textarea.elementor-field:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 4px rgba(37,99,235,0.10) !important;
}

/* zona butoane */
.elementor-form .e-form__buttons {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 22px;
}

/* butoane */
.elementor-form .e-form__buttons__wrapper__button {
    min-width: 140px;
    height: 50px;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 0 22px !important;
    border: none !important;
    transition: all 0.2s ease;
}

/* previous */
.elementor-form .e-form__buttons__wrapper__button-previous {
    background: #eef2f7 !important;
    color: #334155 !important;
}

.elementor-form .e-form__buttons__wrapper__button-previous:hover {
    background: #e2e8f0 !important;
}

/* next */
/* .elementor-form .e-form__buttons__wrapper__button-next {
    background: linear-gradient(135deg,#2563eb,#1d4ed8) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(37,99,235,0.22);
} */

/* .elementor-form .e-form__buttons__wrapper__button-next:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(37,99,235,0.28);
} */

/* scor final */
#quiz-score {
    font-size: 36px;
    font-weight: 800;
    color: #2563eb;
}

/* responsive */
@media (max-width:767px){

.elementor-form .e-form__step{
    padding:18px;
}

.elementor-form .elementor-field-type-radio .elementor-field-label{
    font-size:22px;
}

.elementor-form .elementor-field-option label{
    padding:14px;
    font-size:15px;
}

.elementor-form .e-form__buttons{
    flex-direction:column;
}

.elementor-form .e-form__buttons__wrapper__button{
    width:100%;
}

}

/* container progress */
.e-form__indicators--type-progress_bar{
margin-bottom:28px;
}

/* bar background */
.e-form__indicators__indicator__progress{ 
background:#e6edf6;
border-radius:999px;
overflow:hidden;
position:relative;
box-shadow:inset 0 2px 4px rgba(0,0,0,0.06);
}


/* optional label */
/* .e-form__indicators--type-progress_bar:before{
content:"Progres";
display:block;
font-size:13px;
font-weight:700;
color:#334155;
margin-bottom:8px;
} */
/* progress fill */
.e-form__indicators__indicator__progress__meter{
height:100%;
background:linear-gradient(90deg,#2563eb,#3b82f6);
border-radius:999px;
font-size:12px;
font-weight:700;
color:#ffffff;
display:flex;
align-items:center;
justify-content:flex-end;
padding-right:10px;
transition:width .35s ease;
box-shadow:0 6px 14px rgba(37,99,235,0.35);
}

/* glow effect */
.e-form__indicators__indicator__progress__meter:after{
content:"";
position:absolute;
right:0;
top:0;
height:100%;
width:40px;
background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4));
}
 

/* mobile */
@media (max-width:768px){

.e-form__indicators__indicator__progress{
height:10px;
}

.e-form__indicators__indicator__progress__meter{
font-size:10px;
padding-right:6px;
}

}
 

.quiz-form-wrap{
    visibility:hidden;
    opacity:0;
    height:0;
    overflow:hidden;
    transform:translateY(20px);
    transition:all .35s ease;
}

.quiz-form-wrap.is-visible{
    visibility:visible;
    opacity:1;
    height:auto;
    overflow:visible;
    transform:translateY(0);
}