/* MUDDEV Appointment Form — v3.0 */

.muddev-appointment-wrapper{width:100%;background:#fff;padding:10px;box-sizing:border-box;position:relative;z-index:9;}
.muddev-heading{display:flex;align-items:center;gap:12px;margin-bottom:0;}
.muddev-icon{width:28px;height:28px;border-radius:50%;background:#69b51f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
.muddev-heading h2{margin:0;color:#1d3b36;font-size:34px;font-weight:700;line-height:1.2;}
.muddev-form{width:100%;}
.muddev-row{display:flex;gap:25px;margin-bottom:28px;}
.muddev-col{flex:1;}
.muddev-full{width:100%;}

.muddev-form input,
.muddev-form select,
.muddev-form textarea{
    width:100%;border:none;border-bottom:1px solid #cfcfcf;
    background:transparent;padding:14px 0;font-size:16px;
    color:#666;outline:none;box-shadow:none;border-radius:0;
    font-weight:400;box-sizing:border-box;
}
.muddev-form select{cursor:pointer;}
.muddev-form select:disabled{opacity:.5;cursor:not-allowed;}
.muddev-form textarea{height:90px;resize:none;}
.muddev-form input:focus,.muddev-form select:focus,.muddev-form textarea:focus{border-bottom:1px solid #69b51f;}

.muddev-form input[type="email"]{background:transparent!important;border-bottom:1px solid #cfcfcf!important;color:#666!important;padding:14px 0!important;border-radius:0!important;outline:none!important;box-shadow:none!important;}
#echofyForm input[type="email"]::placeholder{color:rgba(0,0,0,.45)!important;opacity:1!important;}
#echofyForm input[type="email"]::-webkit-input-placeholder{color:rgba(0,0,0,.45)!important;}
#echofyForm input[type="email"]::-moz-placeholder{color:rgba(0,0,0,.45)!important;}
#echofyForm input[type="email"]:-ms-input-placeholder{color:rgba(0,0,0,.45)!important;}

.muddev-form button[type="submit"]{background:#69b51f;color:#fff;border:none;padding:16px 36px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:.3s;display:inline-block;margin-top:12px;}
.muddev-form button[type="submit"]:hover{background:#4d8f13;}

#response{margin-top:20px;font-size:16px;font-weight:600;color:green;}

/* Success / Error popup */
.success-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px;width:320px;text-align:center;border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,.25);z-index:999999;}
.success-box h3{margin-bottom:10px;font-size:24px;}
.success-box button{background:#69b51f;color:#fff;border:none;padding:10px 25px;border-radius:30px;cursor:pointer;font-size:15px;}

/* Popup overlay */
.popup-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99999;align-items:center;justify-content:center;}
.popup-overlay.active{display:flex;}
.popup-content{background:#fff;padding:40px;border-radius:16px;max-width:550px;width:90%;position:relative;max-height:90vh;overflow-y:auto;}
.echofy-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:26px;cursor:pointer;color:#444;line-height:1;}

@media(max-width:767px){
    .muddev-appointment-wrapper{padding:25px;}
    .muddev-heading h2{font-size:28px;}
    .muddev-row{flex-direction:column;gap:20px;}
}