/* ==========================================================
FOUNDERA POPUP
Built for current HTML
========================================================== */

:root{
--foundera-primary:#20D5C7;
--foundera-primary-hover:#13b8ac;
--foundera-dark:#111111;
--foundera-text:#666666;
--foundera-border:#E8E8E8;
--foundera-bg:#FFFFFF;
--foundera-light:#F8F8F8;
--foundera-radius:18px;
--foundera-shadow:0 25px 70px rgba(0,0,0,.20);
}

.foundera-overlay{
position:fixed;
inset:0;
display:none;
align-items:center;
justify-content:center;
padding:40px;
background:rgba(0,0,0,.70);
z-index:999999;
}

.foundera-overlay.active{display:flex;}

.foundera-popup{
width:100%;
max-width:820px;
max-height:90vh;
overflow:auto;
background:var(--foundera-bg);
border-radius:var(--foundera-radius);
box-shadow:var(--foundera-shadow);
}

.foundera-popup *{
box-sizing:border-box;
font-family:'Plus Jakarta Sans',sans-serif;
}

.foundera-popup-header{
background:#111;
padding:38px;
position:relative;
}

.foundera-popup-header h2{
margin:0;
color:#fff;
font-size:36px;
font-weight:800;
}

.foundera-popup-header p{
margin:12px 0 0;
color:rgba(255,255,255,.72);
line-height:1.7;
}

.foundera-popup-close{
position:absolute;
top:22px;
right:22px;
width:44px;
height:44px;
border:none;
border-radius:50%;
background:rgba(255,255,255,.12);
color:#fff;
cursor:pointer;
font-size:24px;
}

.foundera-popup-close:hover{
background:var(--foundera-primary);
}

.foundera-template-box{
margin:35px 38px 0;
padding:22px;
background:#F8F8F8;
border:1px solid var(--foundera-border);
border-radius:14px;
}

.foundera-template-label,
.foundera-price-label{
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
color:#888;
margin-bottom:8px;
}

#foundera-template{
margin:0 0 18px;
font-size:28px;
color:#111;
}

#foundera-price{
font-size:28px;
font-weight:800;
color:var(--foundera-primary);
}

#foundera-request-form{
padding:35px 38px 40px;
}

.foundera-form-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:22px;
margin-bottom:22px;
}

.foundera-form-group{
display:flex;
flex-direction:column;
margin-bottom:22px;
}

.foundera-form-group label{
margin-bottom:8px;
font-size:14px;
font-weight:700;
color:#111;
}

.foundera-form-group input,
.foundera-form-group select,
.foundera-form-group textarea{
width:100%;
padding:15px 16px;
border:1px solid var(--foundera-border);
border-radius:12px;
background:#fff;
font-size:15px;
outline:none;
}

.foundera-form-group textarea{
min-height:170px;
resize:vertical;
line-height:1.7;
}

.foundera-form-group input:focus,
.foundera-form-group select:focus,
.foundera-form-group textarea:focus{
border-color:var(--foundera-primary);
box-shadow:0 0 0 4px rgba(32,213,199,.15);
}

.foundera-word-counter{
margin-top:8px;
font-size:13px;
color:var(--foundera-text);
}

.foundera-submit{
margin-top:10px;
}

.foundera-submit-btn{
width:100%;
height:58px;
border:none;
border-radius:12px;
background:#111;
color:#fff;
font-size:16px;
font-weight:700;
cursor:pointer;
transition:.25s;
}

.foundera-submit-btn:hover{
background:var(--foundera-primary);
}

@media(max-width:767px){
.foundera-overlay{
padding:15px;
align-items:flex-start;
}
.foundera-popup{
max-width:100%;
margin:10px 0;
}
.foundera-popup-header,
#foundera-request-form{
padding:22px;
}
.foundera-template-box{
margin:22px 22px 0;
}
.foundera-form-grid{
grid-template-columns:1fr;
gap:0;
}
#foundera-template{
font-size:22px;
}
#foundera-price{
font-size:22px;
}
}

/* ==========================================================
FOUNDERA POPUP FINAL FIX
Header spacing + clean mobile title
Paste this after the main popup CSS or in Appearance > Additional CSS
========================================================== */

.foundera-overlay{
position:fixed !important;
inset:0 !important;
z-index:2147483647 !important;
justify-content:center !important;
align-items:flex-start !important;
padding:90px 24px 30px !important;
overflow-y:auto !important;
background:rgba(0,0,0,.70) !important;
}

.foundera-overlay.active{
display:flex !important;
}

.foundera-popup{
position:relative !important;
z-index:2147483647 !important;
width:100% !important;
max-width:820px !important;
max-height:calc(100vh - 120px) !important;
margin:0 auto !important;
overflow-y:auto !important;
border-radius:18px !important;
}

.foundera-popup-header h2{
font-size:34px !important;
line-height:1.15 !important;
letter-spacing:.5px !important;
margin:0 !important;
}

.foundera-popup-header p{
font-size:15px !important;
line-height:1.6 !important;
margin-top:12px !important;
}

.foundera-popup-close{
z-index:2147483647 !important;
}

body.admin-bar .foundera-overlay{
padding-top:95px !important;
}

@media(max-width:767px){

.foundera-overlay{
padding:18px 12px 18px !important;
align-items:flex-start !important;
}

.foundera-popup{
width:100% !important;
max-width:100% !important;
max-height:calc(100vh - 36px) !important;
margin:0 auto !important;
border-radius:16px !important;
}

.foundera-popup-header{
padding:24px 22px 22px !important;
}

.foundera-popup-header h2{
font-size:25px !important;
line-height:1.1 !important;
letter-spacing:.3px !important;
max-width:230px !important;
word-break:normal !important;
}

.foundera-popup-header p{
font-size:14px !important;
line-height:1.55 !important;
max-width:270px !important;
margin-top:12px !important;
}

.foundera-popup-close{
top:22px !important;
right:20px !important;
width:42px !important;
height:42px !important;
font-size:24px !important;
}

.foundera-template-box{
margin:22px 22px 0 !important;
padding:20px !important;
}

#foundera-template{
font-size:22px !important;
line-height:1.35 !important;
}

#foundera-price{
font-size:24px !important;
}

#foundera-request-form{
padding:24px 22px 30px !important;
}

}

@media(max-width:390px){

.foundera-popup-header h2{
font-size:23px !important;
max-width:210px !important;
}

.foundera-popup-header p{
font-size:13.5px !important;
}

}