/*
==========================================================
HappyHR Voice Modal
Popup: #elementor-popup-modal-25420
Author: Rubin Cabalida
==========================================================
*/

/*==============================
Variables
==============================*/

.elementor.elementor-25420.elementor-location-popup {
    background: #eef4ff;
}

#elementor-popup-modal-25420{
 --hh-primary:#2E6BE6;
 --hh-primary-dark:#1f56c9;
 --hh-primary-light:#EEF4FF;
 --hh-text:#1f2937;
 --hh-muted:#6b7280;
 --hh-border:#d9e2ef;
 --hh-bg:#ffffff;
 --hh-radius:12px;
 --hh-shadow:0 20px 60px rgba(0,0,0,.18);
 --hh-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

/* Reset */
#elementor-popup-modal-25420,
#elementor-popup-modal-25420 *{
 box-sizing:border-box;
 font-family:var(--hh-font);  
}

.elementor-element.elementor-element-2c14dda.e-flex.e-con-boxed.e-con.e-parent {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

/* Popup */
#elementor-popup-modal-25420 .dialog-widget-content{
 border-radius:18px;
 overflow:hidden;
 box-shadow:var(--hh-shadow);
}

#elementor-popup-modal-25420  .e-con-inner {
    padding-bottom: 0 !important;
}

#elementor-popup-modal-25420 .voice-modal,
#elementor-popup-modal-25420 .voice-card{
 background:#fff;
 padding: 0 !important;
 padding-left: 0;
 padding-right: 0 !important;
 padding-top: 0 !important;
}

/* Header */
#elementor-popup-modal-25420 #view-form h2{ 
 font-family:"Outfit",sans-serif !important;
 margin:0;
 padding:28px 30px 8px;
 background:var(--hh-primary-light);
 color: #2974d6 !important;
 text-align:center;
 font-size:26px !important;
 font-weight:500;
 line-height:1.2;

}

#elementor-popup-modal-25420 #view-form .subtitle{
 font-family:"Outfit",sans-serif !important;
 margin:0;
 padding:0 34px 28px;
 background:var(--hh-primary-light);
 text-align:center; 
 color: #2974d6 !important;
 font-size:14px !important;
 line-height:1.2;
}

/* Form */
#elementor-popup-modal-25420 #voice-ai-form{
 padding:28px;
}

#elementor-popup-modal-25420 #voice-ai-form label{
 display:block;
 margin-bottom:4px !important;
 color:var(--hh-text);
 font-size:14px !important;
 font-weight:500;
 font-family:"Outfit",sans-serif !important;

}

#elementor-popup-modal-25420 #voice-ai-form input,
#elementor-popup-modal-25420 #voice-ai-form select{ 
 font-family:"Outfit",sans-serif !important;
 width:100%;
 height:33px;
 /*border:1px solid var(--hh-border) !important;*/
 border-radius:8px !important;
 padding:0 14px !important;
 background:#fff; 
 font-size:14px !important;
}

#elementor-popup-modal-25420 #voice-ai-form input:focus,
#elementor-popup-modal-25420 #voice-ai-form select:focus{
 border-color:var(--hh-primary);
 outline:none;
 box-shadow:0 0 0 3px rgba(46,107,230,.12);
}

#elementor-popup-modal-25420 .phone-group{
 display:flex;
 align-items:center;
 border:1px solid var(--hh-border);
 border-radius:8px;
 overflow:hidden;
 height: 33px;
}

#elementor-popup-modal-25420 .phone-group span{
 width:58px;
 height:58px;
 display:flex;
 align-items:center;
 justify-content:center;
 border-right:1px solid var(--hh-border);
 background:#fafafa;
 font-family:"Outfit",sans-serif !important;
 font-weight:400;
 font-size:14px;
}

#elementor-popup-modal-25420 .phone-group input{
    border:none !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;

    width:auto !important;
    flex:1;
    height:100%;
}

#elementor-popup-modal-25420 select{
 appearance:none;
 -webkit-appearance:none;
 background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")
 no-repeat right 14px center #fff;
 padding-right:44px;
}

/* Cards */
#elementor-popup-modal-25420 .call-options{
 display:flex;
 flex-direction:column;
 gap:14px;
 margin-top:10px;
}

#elementor-popup-modal-25420 .call-card-checkbox{
 display:block;
 position:relative;
 border:1px solid var(--hh-border);
 border-radius:12px;
 padding:10px;
 cursor:pointer;
 transition:.2s;
}

#elementor-popup-modal-25420 .call-card-checkbox:hover{
 border-color:var(--hh-primary);
}

#elementor-popup-modal-25420 .call-card-checkbox input{
 position:absolute;
 opacity:0;
}

#elementor-popup-modal-25420 .call-card-checkbox:has(input:checked){
 border:2px solid var(--hh-primary);
 background:#f7faff;
}

#elementor-popup-modal-25420 .title{
 display:flex;
 align-items:center;
 gap:10px;
 font-weight:600;
 font-size:15px !important; 
 font-family:"Outfit",sans-serif !important;
}

#elementor-popup-modal-25420 .option-icon{
 width:24px;
 height:24px;
 color:var(--hh-primary);
}

#elementor-popup-modal-25420 .option-icon svg{
 width:24px;
 height:24px;
}

#elementor-popup-modal-25420 .desc{
 font-family:"Outfit",sans-serif !important;
 margin-left:34px;
 margin-top:5px;
 color:var(--hh-muted);
 font-size:14px !important;
}

/* Buttons */
#elementor-popup-modal-25420 .actions{
 display:flex;
 gap:16px;
 margin-top:28px;
}

#elementor-popup-modal-25420 .actions button{
 flex:1;
 height:40px;
 border-radius:8px !important;
 border:none;
 font-weight:700;
 letter-spacing:.02em;
 cursor:pointer;
}

#elementor-popup-modal-25420 .cancel{
 background:#5b5b5b;
 color:#fff;
}

#elementor-popup-modal-25420 .submit{
 background:var(--hh-primary);
 color:#fff;
}

#elementor-popup-modal-25420 .submit:hover:not(:disabled){
 background:var(--hh-primary-dark);
}

#elementor-popup-modal-25420 .submit:disabled{
 background:#cfd6df;
 cursor:not-allowed;
}

/* Errors */
#elementor-popup-modal-25420 .email-error,
#elementor-popup-modal-25420 .mobile-error{
 margin-top:-15px!important;
 margin-bottom:15px!important;
 color:red 93025!important;
 font-size:13px!important;
}

/* Call screens */
#elementor-popup-modal-25420 .call-card{
 padding:48px 32px;
 text-align:center;
}

#elementor-popup-modal-25420 .call-avatar,
#elementor-popup-modal-25420 .success-icon{
 width:80px;
 height:80px;
 margin:0 auto 20px;
 color:var(--hh-primary);
}

#elementor-popup-modal-25420 .pill{
 display:inline-block;
 margin-top:16px;
 padding:8px 16px;
 border-radius:999px;
 background:#eef4ff;
 color:var(--hh-primary);
 font-weight:600;
}

#elementor-popup-modal-25420 .controls{
 display:flex;
 justify-content:center;
 gap:18px;
 margin-top:30px;
}

#elementor-popup-modal-25420 .btn-circle{
 width:64px;
 height:64px;
 border-radius:50%;
 border:none;
 cursor:pointer;
}

#elementor-popup-modal-25420 .mute{
 background:#eef4ff;
 color:var(--hh-primary);
}

#elementor-popup-modal-25420 .end{
 background:#ef4444;
 color:#fff;
}

#elementor-popup-modal-25420 .btn-back{
 margin-top:24px;
 background:var(--hh-primary);
 color:#fff;
 border:none;
 border-radius:999px;
 padding:14px 30px !important;
 cursor:pointer;
}

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

 #elementor-popup-modal-25420 .actions{flex-direction:column;}

 #elementor-popup-modal-25420 #voice-ai-form input,
 #elementor-popup-modal-25420 #voice-ai-form select{  
  border-radius:8px !important; 
  font-size:12px !important;
 }

 #elementor-popup-modal-25420 .voice-modal, #elementor-popup-modal-25420 .voice-card { 
    padding: 0 !important;
}

#elementor-popup-modal-25420 #view-form h2 { 
    padding: 28px 30px 8px !important;  
    font-size: 21px !important; 
}

#elementor-popup-modal-25420 #view-form .subtitle {
    margin: 0 !important; 
    padding: 0 34px 28px !important; 
    font-size: 12px !important;  
}

#elementor-popup-modal-25420 #voice-ai-form input, #elementor-popup-modal-25420 #voice-ai-form select {
    
    border-radius: 8px !important;
    padding: 0 14px !important; 
    font-size: 14px !important; 
}

#elementor-popup-modal-25420 #voice-ai-form label { 
    font-size: 14px !important;  
}
}