#elementor-popup-modal-459 .dialog-message{width:100px;height:auto;}#elementor-popup-modal-459{justify-content:center;align-items:center;}#elementor-popup-modal-459 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for html, class: .elementor-element-d4783b1 *//* Popup modal */
#modalProgramare {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
}

/* Conținut popup */
#modalProgramare .modal-content {
    background-color: #fff;
    border-radius: 10px;
    padding: 25px 30px;
    width: 100%;
    max-width: 450px; /* lățime fixă popup */
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Header */
#modalProgramare h3 {
    text-align: center;
    color: #ffb6c1; /* text roz pal */
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 15px;
}


/* Form centralizat */
#formProgramare {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Label și input-uri */
#formProgramare .form-group {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

/* Input și select (exclus ora) */
#formProgramare input:not(#ora),
#formProgramare select {
    padding: 8px 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 100%;
    box-sizing: border-box;
}


#selectCurs {
    font-weight: bold;           /* text bold */
    font-size: 16px;             /* mai mare */
    text-align: center;          /* centru text */
    padding: 8px 10px;           /* padding consistent */
    border-radius: 6px;          /* colțuri rotunjite */
    border: 1px solid #ccc;      /* border ușor vizibil */
    background-color: #fff0f5;   /* alb cu tentă roz, ca și celelalte */
    color: #333333;              /* text închis pentru contrast */
    -webkit-appearance: none;    /* elimină stilul nativ în Safari/Chrome */
    -moz-appearance: none;       /* elimină stilul nativ în Firefox */
    appearance: none;            /* pentru restul browserelor */
}

/* Optional: schimbare border la focus */
#selectCurs:focus {
    border: 1px solid #ff69b4;   /* roz intens la selectare */
    outline: none;
}

/* Dacă vrei să arăți săgeata dropdown mai elegant */
#selectCurs::-ms-expand { 
    display: none; /* ascunde săgeata în IE/Edge */
}

.zi-wrapper {
    position: relative;
    min-height: 36px;           /* înălțimea fixă a zonei Zi */
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #fff0f5;  /* patratel roz pal */
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    color: #333;
}

/* Select vizibil doar când e activ */
#selectZi {
    flex: 1;
    width: 100%;
    padding: 8px 10px;
    border: none;
    background: transparent;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    display: none;               /* ascuns implicit */
}

/* Span vizibil implicit */
#textZi {
    flex: 1;
    text-align: center;
    display: block;              /* arată textul implicit */
}

/* Când selectZi trebuie să fie vizibil (după alegerea cursului) */
.zi-wrapper.selectable #selectZi {
    display: block;
}

.zi-wrapper.selectable #textZi {
    display: none;
}


/* Când selectZi are focus */
#selectZi:focus {
    border: 1px solid #ff69b4;   /* border roz intens la focus */
    outline: none;
}

#data, #ora, #locuriDisponibile {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    background-color: #fff0f5; /* alb cu tentă roz */
    color: #333333;
}

#data:focus, #selectZi:focus {
    border: 1px solid #ff69b4; /* border roz intens la focus */
    outline: none;
}


/* Calendar icon la dreapta */
.calendar-icon {
    position: absolute;
    right: 20px;
    top: 75%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 20px; /* mărește iconița */
}

/* Wrapper pentru data + icon */
#formProgramare .form-group:nth-child(4) {
    position: relative;
}

/* Butoane */
.button-group {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.button-group button {
    flex: 1; /* egale dimensiuni */
    padding: 12px 0;
    border: none;
    border-radius: 6px;
    background-color: #ffb6c1; /* roz pal */
    font-weight: bold;
    cursor: pointer;
    font-size: 15px;
    transition: 0.2s;
}

.button-group button:hover {
    background-color: #e055a0; /* roz mai inchis la hover */
}

/* Elimină marginile între popup și butoane */
.modal-content .button-group {
    margin-bottom: 0;
}

/* Mic responsive */
@media (max-width: 480px) {
    #modalProgramare .modal-content {
        padding: 20px 15px;
    }
}/* End custom CSS */