/* ===================================================
EPlusErgasia Core
=================================================== */
.applications-filters{
display:flex;
gap:10px;
flex-wrap:wrap;
margin:25px 0;
}
.applications-filters a{
display:inline-block;
padding:10px 18px;
border-radius:30px;
background:#f5f7fb;
border:1px solid #dfe7f5;
color:#1f2937;
text-decoration:none;
font-weight:600;
transition:.25s;
}
.applications-filters a:hover{
background:#2563eb;
color:#fff;
}
.applications-filters a.active{
background:#2563eb;
color:#fff;
}
.application-status{
display:inline-block;
padding:6px 12px;
border-radius:20px;
font-size:13px;
font-weight:700;
}
.status-nea{
background:#dbeafe;
color:#1d4ed8;
}
.status-proxorise{
background:#dcfce7;
color:#15803d;
}
.status-aporrifthike{
background:#fee2e2;
color:#b91c1c;
}
/* =========================
COMPANY SETTINGS
========================= */
.company-settings-card{
max-width:1100px;
margin:30px auto;
background:#fff;
border:1px solid #e5eaf2;
border-radius:24px;
padding:30px;
box-shadow:0 12px 35px rgba(15,23,42,.06);
}
.company-settings-card h2{
margin:0 0 8px;
font-size:28px;
font-weight:900;
color:#111827;
}
.company-settings-card p{
color:#64748b;
margin-bottom:24px;
}
.company-settings-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:16px;
margin-bottom:18px;
}
.company-settings-form input,
.company-settings-form textarea{
width:100%;
border:1px solid #dbe3ef;
border-radius:14px;
padding:14px 16px;
font-size:15px;
}
.company-settings-form textarea{
min-height:170px;
margin-bottom:18px;
}
.company-settings-form button{
background:#2563eb;
color:#fff;
border:none;
border-radius:14px;
padding:15px 24px;
font-weight:900;
cursor:pointer;
}
@media(max-width:800px){
.company-settings-grid{
grid-template-columns:1fr;
}
}
/* =========================
COMPANY MEDIA UPLOADS
========================= */
.company-media-row{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:16px;
margin-bottom:22px;
}
.company-media-row label{
background:#f8fafc;
border:2px dashed #cbd5e1;
border-radius:18px;
padding:20px;
font-weight:800;
color:#111827;
}
.company-media-row input{
margin-top:12px;
background:#fff;
}
@media(max-width:800px){
.company-media-row{
grid-template-columns:1fr;
}
}
/* =========================
COMPANY IMAGE PREVIEW
========================= */
.company-preview-images{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
margin-bottom:25px;
}
.company-preview-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:18px;
padding:18px;
}
.company-preview-card strong{
display:block;
margin-bottom:12px;
color:#111827;
}
.company-preview-card img{
width:100%;
height:180px;
object-fit:cover;
border-radius:14px;
border:1px solid #dbe3ef;
}
.company-placeholder{
height:180px;
display:flex;
align-items:center;
justify-content:center;
background:#f8fafc;
border:2px dashed #cbd5e1;
border-radius:14px;
color:#64748b;
font-weight:700;
}
@media(max-width:768px){
.company-preview-images{
grid-template-columns:1fr;
}
}
/* =========================
COMPANY PUBLIC PROFILE
========================= */
.company-public-profile{
max-width:1150px;
margin:30px auto;
padding:0 16px;
}
.company-cover{
height:260px;
background:#eaf3ff;
background-size:cover;
background-position:center;
border-radius:26px;
margin-bottom:-70px;
}
.company-profile-card{
position:relative;
background:#fff;
border:1px solid #e5eaf2;
border-radius:26px;
padding:34px;
margin:0 28px 28px;
box-shadow:0 14px 40px rgba(15,23,42,.08);
}
.company-profile-head{
display:flex;
align-items:center;
gap:20px;
margin-bottom:22px;
}
.company-logo{
width:96px;
height:96px;
border-radius:24px;
background:#eef5ff;
display:flex;
align-items:center;
justify-content:center;
font-size:42px;
overflow:hidden;
border:4px solid #fff;
box-shadow:0 10px 25px rgba(15,23,42,.12);
}
.company-logo img{
width:100%;
height:100%;
object-fit:cover;
}
.company-profile-card h1{
margin:0 0 6px;
font-size:32px;
font-weight:900;
color:#111827;
}
.company-profile-card p{
color:#64748b;
}
.company-description{
font-size:16px;
line-height:1.8;
margin:20px 0;
}
.company-info-grid{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:20px;
}
.company-info-grid span{
background:#f8fafc;
border:1px solid #e5eaf2;
border-radius:999px;
padding:10px 14px;
font-weight:700;
color:#111827;
}
.company-jobs-section{
background:#fff;
border:1px solid #e5eaf2;
border-radius:26px;
padding:30px;
box-shadow:0 14px 40px rgba(15,23,42,.06);
}
.company-jobs-section h2{
margin-top:0;
color:#111827;
}
.company-job-card{
display:flex;
justify-content:space-between;
gap:16px;
padding:18px 20px;
border:1px solid #e5eaf2;
border-radius:18px;
margin-bottom:14px;
text-decoration:none!important;
color:#111827!important;
transition:.25s ease;
}
.company-job-card:hover{
transform:translateY(-3px);
box-shadow:0 12px 30px rgba(37,99,235,.12);
border-color:#bfdbfe;
}
.company-job-card span{
color:#2563eb;
font-weight:800;
}
@media(max-width:768px){
.company-cover{
height:180px;
margin-bottom:-45px;
}
.company-profile-card{
margin:0 10px 24px;
padding:24px;
}
.company-profile-head{
flex-direction:column;
align-items:flex-start;
}
.company-profile-card h1{
font-size:26px;
}
.company-job-card{
flex-direction:column;
}
}
/* =========================
CANDIDATE DASHBOARD
========================= */
.candidate-dashboard{
max-width:1100px;
margin:30px auto;
padding:0 16px;
}
.candidate-welcome-card{
background:#fff;
border:1px solid #e5eaf2;
border-radius:24px;
padding:30px;
margin-bottom:24px;
box-shadow:0 12px 35px rgba(15,23,42,.06);
}
.candidate-welcome-card h1{
margin:0 0 8px;
color:#111827;
font-size:30px;
font-weight:900;
}
.candidate-welcome-card p{
margin:0;
color:#64748b;
}
.candidate-actions-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
.candidate-action-card{
background:#fff;
border:1px solid #e5eaf2;
border-radius:22px;
padding:24px;
min-height:130px;
text-decoration:none!important;
color:#111827!important;
font-size:28px;
box-shadow:0 12px 35px rgba(15,23,42,.06);
transition:.25s ease;
}
.candidate-action-card span{
display:block;
margin-top:14px;
font-size:15px;
font-weight:800;
}
.candidate-action-card:hover{
transform:translateY(-3px);
border-color:#bfdbfe;
box-shadow:0 14px 35px rgba(37,99,235,.12);
}
@media(max-width:900px){
.candidate-actions-grid{
grid-template-columns:1fr;
}
}
/* ===================================================
CANDIDATE APPLICATIONS
=================================================== */
.candidate-applications-page{
max-width:1100px;
margin:35px auto;
padding:0 15px;
}
.candidate-applications-page h1{
margin-bottom:8px;
color:#111827;
font-size:32px;
font-weight:900;
}
.candidate-applications-page>p{
color:#64748b;
margin-bottom:28px;
}
.candidate-application-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:22px;
padding:24px;
margin-bottom:18px;
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
box-shadow:0 12px 35px rgba(15,23,42,.05);
transition:.25s;
}
.candidate-application-card:hover{
transform:translateY(-3px);
box-shadow:0 18px 40px rgba(37,99,235,.10);
}
.candidate-application-card h3{
margin:0 0 8px;
color:#111827;
font-size:20px;
}
.candidate-application-card small{
color:#64748b;
}
.candidate-application-actions{
display:flex;
flex-direction:column;
align-items:flex-end;
gap:12px;
}
.candidate-view-job{
background:#2563eb;
color:#fff!important;
text-decoration:none;
padding:10px 18px;
border-radius:12px;
font-weight:700;
}
.candidate-view-job:hover{
background:#1d4ed8;
}
@media(max-width:768px){
.candidate-application-card{
flex-direction:column;
align-items:flex-start;
}
.candidate-application-actions{
align-items:flex-start;
width:100%;
}
}
/* =========================
CANDIDATE STATS
========================= */
.candidate-stats-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
margin-bottom:24px;
}
.candidate-stat-card{
background:#fff;
border:1px solid #e5eaf2;
border-radius:22px;
padding:22px;
box-shadow:0 12px 35px rgba(15,23,42,.06);
}
.candidate-stat-card span{
width:46px;
height:46px;
display:flex;
align-items:center;
justify-content:center;
background:#eef5ff;
border-radius:14px;
font-size:22px;
margin-bottom:14px;
}
.candidate-stat-card p{
margin:0 0 8px;
color:#4b5563;
font-size:14px;
font-weight:700;
}
.candidate-stat-card strong{
display:block;
color:#111827;
font-size:30px;
font-weight:900;
}
@media(max-width:900px){
.candidate-stats-grid{
grid-template-columns:1fr;
}
}
/* =========================
CANDIDATE CV MANAGER
========================= */
.candidate-cv-card{
max-width:820px;
margin:35px auto;
background:#fff;
border:1px solid #e5eaf2;
border-radius:24px;
padding:32px;
box-shadow:0 12px 35px rgba(15,23,42,.06);
}
.candidate-cv-card h1{
margin:0 0 8px;
color:#111827;
font-size:30px;
font-weight:900;
}
.candidate-cv-card p{
color:#64748b;
margin-bottom:24px;
}
.candidate-cv-current{
background:#f8fafc;
border:1px solid #e5eaf2;
border-radius:18px;
padding:20px;
margin-bottom:24px;
}
.candidate-cv-current strong{
display:block;
color:#111827;
margin-bottom:10px;
}
.candidate-cv-current a{
color:#2563eb;
font-weight:800;
text-decoration:none;
}
.candidate-cv-form label{
display:block;
font-weight:800;
color:#111827;
margin-bottom:10px;
}
.candidate-cv-form input[type="file"]{
width:100%;
background:#f8fafc;
border:2px dashed #cbd5e1;
border-radius:18px;
padding:22px;
margin-bottom:20px;
}
.candidate-cv-form button{
background:#2563eb;
color:#fff;
border:none;
border-radius:14px;
padding:15px 24px;
font-weight:900;
cursor:pointer;
}
/* ========================================
Candidate Public Profile
======================================== */
.candidate-public-profile{
max-width:900px;
margin:40px auto;
background:#fff;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
overflow:hidden;
}
.candidate-public-header{
display:flex;
align-items:center;
gap:25px;
padding:35px;
background:linear-gradient(135deg,#0d6efd,#4f8cff);
color:#fff;
}
.candidate-public-avatar img{
width:110px;
height:110px;
border-radius:50%;
border:4px solid rgba(255,255,255,.3);
}
.candidate-public-info h1{
margin:0;
font-size:32px;
font-weight:700;
color:#fff;
}
.candidate-public-title{
margin:8px 0;
font-size:18px;
opacity:.95;
}
.candidate-public-city{
margin:0;
opacity:.9;
}
.candidate-public-section{
padding:30px 35px;
border-bottom:1px solid #ececec;
}
.candidate-public-section:last-child{
border-bottom:none;
}
.candidate-public-section h2{
margin-bottom:15px;
font-size:22px;
color:#222;
}
.candidate-public-section p{
margin:0;
line-height:1.8;
color:#555;
}
.candidate-public-links{
display:flex;
gap:15px;
padding:30px 35px 35px;
flex-wrap:wrap;
}
.candidate-public-links a{
display:inline-block;
padding:12px 22px;
background:#0d6efd;
color:#fff;
text-decoration:none;
border-radius:8px;
font-weight:600;
transition:.25s;
}
.candidate-public-links a:hover{
background:#0b5ed7;
transform:translateY(-2px);
}
/* ========================================
Candidate Settings
======================================== */
.candidate-profile-card{
max-width:900px;
margin:40px auto;
background:#fff;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
padding:35px;
}
.candidate-profile-card h1{
margin-top:0;
margin-bottom:10px;
}
.candidate-profile-form{
margin-top:25px;
}
.candidate-profile-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
}
.candidate-profile-form input,
.candidate-profile-form textarea{
width:100%;
padding:14px;
border:1px solid #ddd;
border-radius:8px;
font-size:15px;
box-sizing:border-box;
}
.candidate-profile-form textarea{
margin-top:20px;
min-height:180px;
resize:vertical;
}
.candidate-profile-form button{
margin-top:20px;
padding:14px 28px;
background:#0d6efd;
color:#fff;
border:none;
border-radius:8px;
cursor:pointer;
font-size:16px;
font-weight:600;
transition:.25s;
}
.candidate-profile-form button:hover{
background:#0b5ed7;
}
.application-success{
padding:15px;
background:#d1e7dd;
color:#0f5132;
border-radius:8px;
margin-bottom:20px;
}
/* ========================================
Responsive
======================================== */
@media(max-width:768px){
.candidate-public-header{
flex-direction:column;
text-align:center;
}
.candidate-profile-grid{
grid-template-columns:1fr;
}
.candidate-public-section,
.candidate-public-links,
.candidate-public-header{
padding:25px;
}
.candidate-public-info h1{
font-size:26px;
}
}
.eplus-auth-box{
max-width:520px;
margin:50px auto;
background:#fff;
padding:35px;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.eplus-auth-box h2{
margin-top:0;
margin-bottom:25px;
text-align:center;
}
.eplus-auth-form input,
.eplus-auth-form select{
width:100%;
padding:14px;
margin-bottom:15px;
border:1px solid #ddd;
border-radius:8px;
font-size:15px;
box-sizing:border-box;
}
.eplus-auth-form button,
.eplus-auth-btn{
display:inline-block;
width:100%;
padding:14px;
background:#0d6efd;
color:#fff;
text-align:center;
border:none;
border-radius:8px;
font-weight:600;
cursor:pointer;
text-decoration:none;
}
.eplus-auth-form button:hover,
.eplus-auth-btn:hover{
background:#0b5ed7;
color:#fff;
}
.eplus-auth-checkbox{
display:flex;
align-items:center;
gap:8px;
margin-bottom:15px;
font-size:14px;
}
.eplus-auth-checkbox input{
width:auto;
margin:0;
}
.eplus-auth-error{
background:#f8d7da;
color:#842029;
padding:12px;
border-radius:8px;
margin-bottom:15px;
}
.eplus-auth-success{
background:#d1e7dd;
color:#0f5132;
padding:12px;
border-radius:8px;
margin-bottom:15px;
}
.eplus-menu-button a{
background:#0d6efd;
color:#fff !important;
padding:10px 18px;
border-radius:8px;
font-weight:600;
}
.eplus-menu-button a:hover{
background:#0b5ed7;
}
/* =========================
EPLUS USER MENU
========================= */
.eplus-user-menu{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
.eplus-user-menu a{
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 15px;
border-radius:999px;
background:#f8fafc;
border:1px solid #e5eaf2;
color:#111827!important;
font-size:14px;
font-weight:800;
text-decoration:none!important;
transition:.25s ease;
}
.eplus-user-menu a:hover{
background:#2563eb;
color:#fff!important;
border-color:#2563eb;
}
/* ===================================================
EPLUS HEADER
=================================================== */
.eplus-header{
display:flex;
justify-content:space-between;
align-items:center;
gap:30px;
background:#ffffff;
border:1px solid #e5e7eb;
border-radius:16px;
padding:18px 28px;
box-shadow:0 10px 30px rgba(0,0,0,.05);
margin:25px auto;
}
.eplus-header-left,
.eplus-header-right{
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap;
}
.eplus-logo{
font-size:24px;
font-weight:800;
color:#2563eb!important;
text-decoration:none;
margin-right:18px;
}
.eplus-header a{
color:#374151;
text-decoration:none;
font-weight:700;
transition:.25s;
}
.eplus-header a:hover{
color:#2563eb;
}
.eplus-header-btn{
background:#2563eb;
color:#fff!important;
padding:11px 18px;
border-radius:12px;
}
.eplus-header-btn:hover{
background:#1d4ed8;
}
.eplus-header-btn.employer{
background:#059669;
}
.eplus-header-btn.employer:hover{
background:#047857;
}
.eplus-logout{
background:#ef4444;
color:#fff!important;
padding:11px 18px;
border-radius:12px;
}
.eplus-logout:hover{
background:#dc2626;
}
/* ============================
Responsive
============================ */
@media(max-width:992px){
.eplus-header{
flex-direction:column;
align-items:flex-start;
}
.eplus-header-left,
.eplus-header-right{
width:100%;
}
}
@media(max-width:768px){
.eplus-header-left,
.eplus-header-right{
flex-direction:column;
align-items:flex-start;
}
.eplus-header a{
width:100%;
}
.eplus-header-btn,
.eplus-logout{
width:100%;
text-align:center;
}
}
/* =========================
EPLUS HEADER DROPDOWN
========================= */
.eplus-user-dropdown{
position:relative;
}
.eplus-user-trigger{
background:#f8fafc;
border:1px solid #e5eaf2;
color:#111827;
border-radius:999px;
padding:10px 16px;
font-weight:800;
cursor:pointer;
}
.eplus-dropdown-menu{
display:none;
position:absolute;
right:0;
top:48px;
min-width:240px;
background:#fff;
border:1px solid #e5eaf2;
border-radius:18px;
box-shadow:0 18px 45px rgba(15,23,42,.12);
padding:10px;
z-index:9999;
}
.eplus-user-dropdown:hover .eplus-dropdown-menu{
display:block;
}
.eplus-dropdown-menu a{
display:block;
padding:12px 14px;
border-radius:12px;
color:#111827!important;
text-decoration:none!important;
font-weight:700;
}
.eplus-dropdown-menu a:hover{
background:#eef5ff;
color:#2563eb!important;
}
.eplus-dropdown-menu .logout{
color:#dc2626!important;
}
.eplus-notification{
width:42px;
height:42px;
border-radius:999px;
background:#f8fafc;
border:1px solid #e5eaf2;
display:flex;
align-items:center;
justify-content:center;
text-decoration:none!important;
}
/* ===================================================
EMPLOYER DASHBOARD LAYOUT
=================================================== */
.eplus-employer-layout{
max-width:1300px;
margin:30px auto;
padding:0 16px;
display:grid;
grid-template-columns:280px 1fr;
gap:24px;
}
.eplus-employer-sidebar{
background:#fff;
border:1px solid #e5eaf2;
border-radius:24px;
padding:18px;
box-shadow:0 12px 35px rgba(15,23,42,.06);
height:max-content;
position:sticky;
top:100px;
}
.eplus-employer-sidebar a{
display:flex;
align-items:center;
gap:10px;
padding:14px 16px;
border-radius:14px;
color:#111827!important;
text-decoration:none!important;
font-size:15px;
font-weight:800;
margin-bottom:8px;
}
.eplus-employer-sidebar a:hover,
.eplus-employer-sidebar a.active{
background:#2563eb;
color:#fff!important;
}
.eplus-employer-main{
min-width:0;
}
.eplus-employer-main h1{
margin:0 0 22px;
font-size:32px;
font-weight:900;
color:#111827;
}
.employer-dashboard-grid{
display:grid;
grid-template-columns:1.4fr 1fr;
gap:22px;
margin-top:24px;
}
.fake-bars{
height:210px;
display:flex;
align-items:flex-end;
gap:12px;
margin-top:25px;
}
.fake-bars span{
flex:1;
border-radius:14px 14px 5px 5px;
background:linear-gradient(180deg,#3b82f6,#1d4ed8);
}
.fake-bars span:nth-child(1){height:35%;}
.fake-bars span:nth-child(2){height:55%;}
.fake-bars span:nth-child(3){height:45%;}
.fake-bars span:nth-child(4){height:75%;}
.fake-bars span:nth-child(5){height:60%;}
.fake-bars span:nth-child(6){height:88%;}
.fake-bars span:nth-child(7){height:68%;}
.employer-quick-actions{
background:#fff;
border:1px solid #e5eaf2;
border-radius:24px;
padding:24px;
margin-top:24px;
box-shadow:0 12px 35px rgba(15,23,42,.06);
}
.employer-quick-actions h3{
margin:0 0 18px;
font-size:22px;
font-weight:900;
color:#111827;
}
.quick-actions-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
}
.quick-actions-grid a{
background:#f8fafc;
border:1px solid #e5eaf2;
border-radius:18px;
padding:20px;
text-decoration:none!important;
color:#111827!important;
transition:.25s ease;
}
.quick-actions-grid a:hover{
transform:translateY(-3px);
border-color:#bfdbfe;
box-shadow:0 12px 30px rgba(37,99,235,.12);
}
.quick-actions-grid strong{
display:block;
margin:10px 0 6px;
font-size:15px;
font-weight:900;
}
.quick-actions-grid small{
color:#64748b;
font-size:13px;
line-height:1.4;
}
@media(max-width:1000px){
.eplus-employer-layout{
grid-template-columns:1fr;
}
.eplus-employer-sidebar{
position:relative;
top:auto;
}
.employer-dashboard-grid,
.quick-actions-grid{
grid-template-columns:1fr;
}
}
/* ===================================================
CANDIDATE DASHBOARD LAYOUT
=================================================== */
.eplus-candidate-layout{
max-width:1300px;
margin:30px auto;
padding:0 16px;
display:grid;
grid-template-columns:280px 1fr;
gap:24px;
}
.eplus-candidate-sidebar{
background:#fff;
border:1px solid #e5eaf2;
border-radius:24px;
padding:18px;
box-shadow:0 12px 35px rgba(15,23,42,.06);
height:max-content;
position:sticky;
top:100px;
}
.eplus-candidate-sidebar a{
display:flex;
align-items:center;
gap:10px;
padding:14px 16px;
border-radius:14px;
color:#111827!important;
text-decoration:none!important;
font-size:15px;
font-weight:800;
margin-bottom:8px;
}
/* Candidate sidebar states are defined in the final sidebar block below. */
.eplus-candidate-main{
min-width:0;
}
.candidate-dashboard-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:22px;
margin-top:24px;
}
.candidate-panel-card,
.candidate-quick-actions{
background:#fff;
border:1px solid #e5eaf2;
border-radius:24px;
padding:24px;
box-shadow:0 12px 35px rgba(15,23,42,.06);
}
.candidate-panel-card h3,
.candidate-quick-actions h3{
margin:0 0 16px;
color:#111827;
font-weight:900;
}
.candidate-panel-card a{
color:#2563eb;
font-weight:800;
text-decoration:none;
}
.candidate-mini-row{
display:flex;
justify-content:space-between;
gap:12px;
padding:12px 0;
border-bottom:1px solid #edf1f7;
}
.candidate-mini-row strong{
color:#111827;
}
.candidate-mini-row span{
color:#2563eb;
font-weight:800;
}
.candidate-quick-actions{
margin-top:24px;
}
@media(max-width:1000px){
.eplus-candidate-layout{
grid-template-columns:1fr;
}
.eplus-candidate-sidebar{
position:relative;
top:auto;
}
.candidate-dashboard-grid{
grid-template-columns:1fr;
}
}
/* Hide Astra default header */
.site-header,
.ast-primary-header-bar,
.main-header-bar{
display:none!important;
}
/* Make plugin header full width */
.eplus-header{
max-width:100%!important;
border-radius:0!important;
margin:0!important;
padding:18px 70px;
border-left:none!important;
border-right:none!important;
border-top:none!important;
}
@media(max-width:768px){
.eplus-header{
padding:16px 20px;
}
}
/* Better main navigation spacing */
.eplus-main-nav{
display:flex;
align-items:center;
gap:28px;
margin-left:35px;
}
.eplus-main-nav a{
font-size:15px;
font-weight:800;
color:#111827!important;
text-decoration:none!important;
}
.eplus-main-nav a:hover{
color:#2563eb!important;
}
.eplus-header-left{
gap:28px;
}
.eplus-logo{
white-space:nowrap;
}
@media(max-width:900px){
.eplus-main-nav{
gap:16px;
margin-left:0;
flex-wrap:wrap;
}
}
.eplus-packages{
max-width:1200px;
margin:45px auto;
padding:0 16px;
text-align:center;
}
.eplus-packages h1{
font-size:36px;
font-weight:900;
color:#111827;
}
.eplus-packages>p{
color:#64748b;
margin-bottom:35px;
}
.eplus-packages-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
}
.eplus-package-card{
position:relative;
background:#fff;
border:1px solid #e5eaf2;
border-radius:26px;
padding:34px;
box-shadow:0 14px 40px rgba(15,23,42,.07);
}
.eplus-package-card.featured{
border:2px solid #2563eb;
transform:scale(1.04);
}
.eplus-package-card h2{
font-size:26px;
font-weight:900;
color:#111827;
}
.eplus-package-card .price{
font-size:28px;
font-weight:900;
color:#2563eb;
margin:18px 0;
}
.eplus-package-card ul{
list-style:none;
padding:0;
margin:24px 0;
}
.eplus-package-card li{
padding:9px 0;
color:#374151;
font-weight:700;
}
.package-btn{
display:block;
background:#2563eb;
color:#fff!important;
text-decoration:none!important;
padding:14px 22px;
border-radius:14px;
font-weight:900;
}
.eplus-package-card.featured .package-btn{
background:#059669;
}
.badge{
position:absolute;
top:18px;
right:18px;
background:#eef5ff;
color:#2563eb;
padding:7px 12px;
border-radius:999px;
font-size:12px;
font-weight:900;
}
@media(max-width:900px){
.eplus-packages-grid{
grid-template-columns:1fr;
}
.eplus-package-card.featured{
transform:none;
}
}
/* ===================================================
EPLUS PACKAGES - DYNAMIC RESPONSIVE GRID
=================================================== */
.eplus-packages{
width:100%;
padding:58px 20px 90px;
background:#f8fafc;
}
.eplus-packages-head{
max-width:760px;
margin:0 auto 38px;
text-align:center;
}
.eplus-packages-head > span{
display:inline-flex;
margin-bottom:10px;
color:#2563eb;
font-size:14px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.7px;
}
.eplus-packages-head h1{
margin:0 0 12px;
color:#0f172a;
font-size:clamp(34px,4vw,48px);
line-height:1.1;
font-weight:950;
letter-spacing:-1px;
}
.eplus-packages-head p{
margin:0;
color:#64748b;
font-size:17px;
line-height:1.65;
}
/* Grid ????? */
.eplus-packages-grid{
display:grid;
align-items:stretch;
gap:24px;
width:100%;
margin:0 auto;
transition:
grid-template-columns .25s ease,
max-width .25s ease;
}
/* ??? ?????? */
.eplus-packages-grid.packages-count-1{
max-width:560px;
grid-template-columns:minmax(0,1fr);
}
/* ??? ?????? */
.eplus-packages-grid.packages-count-2{
max-width:980px;
grid-template-columns:repeat(2,minmax(0,1fr));
}
/* ???? ?????? */
.eplus-packages-grid.packages-count-3{
max-width:1260px;
grid-template-columns:repeat(3,minmax(0,1fr));
}
/* ??????? ? ??????????? */
.eplus-packages-grid.packages-count-4plus{
max-width:1480px;
grid-template-columns:
repeat(
auto-fit,
minmax(260px,1fr)
);
}
/* ????? */
.eplus-package-card{
position:relative;
display:flex;
flex-direction:column;
min-width:0;
min-height:100%;
padding:32px;
background:#fff;
border:1px solid #dfe6ef;
border-radius:26px;
box-shadow:
0 18px 45px rgba(15,23,42,.07);
transition:
transform .25s ease,
border-color .25s ease,
box-shadow .25s ease;
}
.eplus-package-card:hover{
transform:translateY(-7px);
border-color:#bfdbfe;
box-shadow:
0 28px 65px rgba(15,23,42,.13);
}
/* ???????????? */
.eplus-package-card.featured{
border:2px solid #2563eb;
box-shadow:
0 25px 65px rgba(37,99,235,.14);
}
.eplus-package-card .badge{
position:absolute;
top:18px;
right:18px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:7px 13px;
color:#1d4ed8;
background:#eff6ff;
border-radius:999px;
font-size:12px;
font-weight:900;
}
/* Header ?????? */
.eplus-package-card-head{
min-height:128px;
padding-right:20px;
}
.eplus-package-card h2{
margin:0 0 22px;
color:#0f172a;
font-size:27px;
line-height:1.2;
font-weight:950;
overflow-wrap:anywhere;
}
.eplus-package-card .price{
color:#2563eb;
font-size:30px;
line-height:1.2;
font-weight:950;
overflow-wrap:anywhere;
}
/* Features */
.eplus-package-features{
flex:1;
margin:22px 0 28px;
padding:0;
list-style:none;
}
.eplus-package-features li{
display:flex;
align-items:flex-start;
gap:10px;
padding:13px 0;
color:#1e293b;
border-bottom:1px solid #e8edf4;
font-size:15px;
line-height:1.45;
font-weight:700;
}
.eplus-package-features li span{
color:#059669;
font-weight:950;
flex-shrink:0;
}
.eplus-package-features li strong{
color:#0f172a;
}
/* ?????? ????? ???? */
.eplus-package-card .package-btn{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:54px;
margin-top:auto;
padding:14px 20px;
color:#fff!important;
background:linear-gradient(
135deg,
#2563eb,
#1d4ed8
);
border-radius:14px;
font-size:15px;
font-weight:900;
text-align:center;
text-decoration:none!important;
box-shadow:
0 12px 28px rgba(37,99,235,.23);
transition:
transform .2s ease,
box-shadow .2s ease;
}
.eplus-package-card .package-btn:hover{
transform:translateY(-2px);
box-shadow:
0 18px 34px rgba(37,99,235,.32);
}
.eplus-package-card.featured .package-btn{
background:linear-gradient(
135deg,
#10b981,
#059669
);
box-shadow:
0 12px 28px rgba(5,150,105,.22);
}
/* Empty state */
.eplus-packages-empty{
max-width:680px;
margin:30px auto;
padding:45px 25px;
background:#fff;
border:1px solid #e2e8f0;
border-radius:24px;
text-align:center;
box-shadow:
0 18px 45px rgba(15,23,42,.06);
}
.eplus-packages-empty h2{
margin:0 0 10px;
color:#0f172a;
}
.eplus-packages-empty p{
margin:0;
color:#64748b;
}
/* ===================================================
TABLET
=================================================== */
@media(max-width:1100px){
.eplus-packages-grid.packages-count-3,
.eplus-packages-grid.packages-count-4plus{
max-width:940px;
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
/* ===================================================
MOBILE
=================================================== */
@media(max-width:680px){
.eplus-packages{
padding:42px 15px 65px;
}
.eplus-packages-head{
margin-bottom:28px;
}
.eplus-packages-head p{
font-size:15px;
}
.eplus-packages-grid,
.eplus-packages-grid.packages-count-1,
.eplus-packages-grid.packages-count-2,
.eplus-packages-grid.packages-count-3,
.eplus-packages-grid.packages-count-4plus{
max-width:520px;
grid-template-columns:1fr;
gap:18px;
}
.eplus-package-card{
padding:26px 21px;
border-radius:22px;
}
.eplus-package-card-head{
min-height:auto;
padding-right:0;
}
.eplus-package-card h2{
padding-right:95px;
font-size:24px;
}
.eplus-package-card .price{
font-size:26px;
}
}
/* ===================================================
EMPLOYER DASHBOARD ALERTS
=================================================== */
.eplus-dashboard-alerts{
display:grid;
gap:12px;
margin-bottom:22px;
}
.eplus-package-alert,
.eplus-warning-alert,
.eplus-expiry-alert{
border-radius:18px;
padding:16px 18px;
font-size:14px;
font-weight:700;
box-shadow:0 10px 25px rgba(15,23,42,.05);
}
.eplus-package-alert{
background:#eef5ff;
border:1px solid #bfdbfe;
color:#111827;
}
.eplus-package-alert strong{
display:block;
margin-bottom:5px;
font-size:15px;
}
.eplus-package-alert span{
color:#475569;
}
.eplus-warning-alert{
background:#fff7ed;
border:1px solid #fed7aa;
color:#9a3412;
}
.eplus-expiry-alert{
background:#fefce8;
border:1px solid #fde68a;
color:#854d0e;
}
.eplus-warning-alert a,
.eplus-expiry-alert a{
margin-left:8px;
color:#2563eb!important;
font-weight:900;
text-decoration:none!important;
}
.eplus-warning-alert a:hover,
.eplus-expiry-alert a:hover{
text-decoration:underline!important;
}
/* ===================================================
EMPLOYER SUBSCRIPTION BOX
=================================================== */
.eplus-subscription-box{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px;
background:#fff;
border:1px solid #e5eaf2;
border-radius:24px;
padding:20px;
margin-bottom:22px;
box-shadow:0 12px 35px rgba(15,23,42,.06);
}
.eplus-subscription-box div{
background:#f8fafc;
border-radius:16px;
padding:16px;
}
.eplus-subscription-box strong{
display:block;
color:#111827;
font-size:14px;
margin-bottom:6px;
}
.eplus-subscription-box span{
color:#64748b;
font-weight:800;
}
.subscription-status.active{
color:#059669;
}
.subscription-status.expired,
.subscription-status.inactive{
color:#dc2626;
}
.subscription-action{
display:flex;
align-items:center;
justify-content:center;
background:#2563eb;
color:#fff!important;
text-decoration:none!important;
border-radius:16px;
padding:16px;
font-weight:900;
}
.subscription-action:hover{
background:#1d4ed8;
}
@media(max-width:900px){
.eplus-subscription-box{
grid-template-columns:1fr;
}
}
/* ===================================================
EMPLOYER JOBS PAGE
=================================================== */
.employer-jobs-page{
max-width:1200px;
margin:40px auto;
padding:0 20px;
}
.employer-jobs-page h1{
font-size:34px;
font-weight:900;
color:#111827;
margin-bottom:8px;
}
.employer-jobs-page>p{
color:#64748b;
margin-bottom:30px;
}
/* Card */
.employer-job-card{
display:flex;
justify-content:space-between;
align-items:center;
gap:30px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:22px;
padding:28px;
margin-bottom:22px;
box-shadow:0 12px 35px rgba(0,0,0,.05);
transition:.25s;
}
.employer-job-card:hover{
transform:translateY(-3px);
box-shadow:0 18px 45px rgba(0,0,0,.08);
}
/* Left */
.employer-job-main{
flex:1;
}
.employer-job-main h3{
margin:0 0 16px;
font-size:24px;
font-weight:800;
color:#111827;
}
/* Meta */
.employer-job-meta{
display:flex;
flex-wrap:wrap;
gap:12px;
}
.employer-job-meta span{
background:#f8fafc;
border:1px solid #e5e7eb;
border-radius:999px;
padding:8px 15px;
font-size:14px;
font-weight:700;
color:#475569;
}
.employer-job-meta strong{
color:#111827;
}
/* Actions */
.employer-job-actions{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.job-action{
display:inline-flex;
justify-content:center;
align-items:center;
min-width:120px;
height:46px;
padding:0 18px;
border-radius:12px;
background:#eef2ff;
color:#2563eb !important;
text-decoration:none !important;
font-weight:800;
transition:.25s;
}
.job-action:hover{
background:#2563eb;
color:#fff !important;
}
.job-action.primary{
background:#16a34a;
color:#fff !important;
}
.job-action.primary:hover{
background:#15803d;
}
/* Status Colors */
.job-status-active{
background:#dcfce7!important;
color:#15803d!important;
}
.job-status-pending{
background:#fef3c7!important;
color:#92400e!important;
}
.job-status-draft{
background:#fee2e2!important;
color:#b91c1c!important;
}
/* Empty State */
.employer-job-card strong{
font-size:18px;
}
/* Responsive */
@media(max-width:992px){
.employer-job-card{
flex-direction:column;
align-items:flex-start;
}
.employer-job-actions{
width:100%;
}
.job-action{
flex:1;
}
}
@media(max-width:640px){
.employer-job-main h3{
font-size:21px;
}
.employer-job-meta{
flex-direction:column;
}
.job-action{
width:100%;
}
}
/* ===================================================
EMPLOYER JOBS - PROFESSIONAL LAYOUT
=================================================== */
.employer-jobs-page{
width:100%;
max-width:1180px;
margin:0 auto;
padding:48px 20px 80px;
}
.employer-jobs-page > h1{
margin:0 0 8px;
color:#0f172a;
font-size:clamp(32px,4vw,44px);
line-height:1.1;
font-weight:950;
letter-spacing:-1px;
}
.employer-jobs-page > p{
margin:0 0 30px;
color:#64748b;
font-size:16px;
line-height:1.6;
}
/* ===================================================
JOB CARD
=================================================== */
.employer-job-card{
position:relative;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(380px,520px);
gap:30px;
align-items:center;
width:100%;
margin-bottom:22px;
padding:28px;
background:#ffffff;
border:1px solid #e2e8f0;
border-radius:24px;
box-shadow:
0 16px 42px rgba(15,23,42,.06);
transition:
transform .22s ease,
border-color .22s ease,
box-shadow .22s ease;
}
.employer-job-card:hover{
transform:translateY(-3px);
border-color:#cbd5e1;
box-shadow:
0 22px 52px rgba(15,23,42,.09);
}
/* ===================================================
LEFT CONTENT
=================================================== */
.employer-job-main{
min-width:0;
}
.employer-job-main h3{
margin:0 0 16px;
color:#0f172a;
font-size:25px;
line-height:1.25;
font-weight:950;
overflow-wrap:anywhere;
}
/* Boost labels */
.employer-job-boosts{
display:flex;
flex-wrap:wrap;
gap:8px;
margin:0 0 18px;
}
.employer-job-boosts span{
display:inline-flex;
align-items:center;
justify-content:center;
padding:6px 11px;
color:#5b21b6;
background:#f3e8ff;
border:1px solid #e9d5ff;
border-radius:999px;
font-size:12px;
font-weight:900;
}
/* ===================================================
META / STATS
=================================================== */
.employer-job-meta{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.employer-job-meta > span{
display:flex;
flex-direction:column;
gap:4px;
min-width:0;
padding:12px 14px;
color:#64748b;
background:#f8fafc;
border:1px solid #e2e8f0;
border-radius:14px;
font-size:13px;
line-height:1.35;
font-weight:700;
}
.employer-job-meta strong{
color:#0f172a;
font-size:15px;
font-weight:900;
overflow-wrap:anywhere;
}
/* ????? ?????????? */
.employer-job-meta > span:first-child{
background:#f0fdf4;
border-color:#bbf7d0;
}
.employer-job-meta > span:first-child strong{
color:#15803d;
}
/* ===================================================
ACTIONS
=================================================== */
.employer-job-actions{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
width:100%;
margin:0;
}
.job-action{
display:inline-flex;
align-items:center;
justify-content:center;
width:100%;
min-width:0;
min-height:44px;
padding:10px 13px;
color:#1d4ed8!important;
background:#eff6ff;
border:1px solid #dbeafe;
border-radius:12px;
font-size:13px;
line-height:1.2;
font-weight:850;
text-align:center;
text-decoration:none!important;
cursor:pointer;
transition:
transform .18s ease,
background .18s ease,
border-color .18s ease,
color .18s ease,
box-shadow .18s ease;
}
.job-action:hover{
transform:translateY(-2px);
color:#ffffff!important;
background:#2563eb;
border-color:#2563eb;
box-shadow:
0 10px 22px rgba(37,99,235,.18);
}
/* Primary: ???????????? / ???????? */
.job-action.primary{
color:#ffffff!important;
background:#2563eb;
border-color:#2563eb;
box-shadow:
0 8px 18px rgba(37,99,235,.16);
}
.job-action.primary:hover{
background:#1d4ed8;
border-color:#1d4ed8;
box-shadow:
0 12px 24px rgba(37,99,235,.24);
}
/* Warning: ????? / ???????? boost */
.job-action.warning{
color:#92400e!important;
background:#fffbeb;
border-color:#fde68a;
}
.job-action.warning:hover{
color:#ffffff!important;
background:#d97706;
border-color:#d97706;
box-shadow:
0 10px 22px rgba(217,119,6,.18);
}
/* Boost buttons - ??? ?????? ????? */
.job-action.boost{
color:#6d28d9!important;
background:#f5f3ff;
border-color:#ddd6fe;
}
.job-action.boost:hover{
color:#ffffff!important;
background:#7c3aed;
border-color:#7c3aed;
box-shadow:
0 10px 22px rgba(124,58,237,.18);
}
/* Delete - ???? ???? ??????? */
.job-action.danger{
color:#b91c1c!important;
background:#fef2f2;
border-color:#fecaca;
}
.job-action.danger:hover{
color:#ffffff!important;
background:#dc2626;
border-color:#dc2626;
box-shadow:
0 10px 22px rgba(220,38,38,.18);
}
/* ===================================================
EMPTY STATE
=================================================== */
.employer-jobs-page .employer-job-card:only-child{
min-height:180px;
}
.employer-jobs-page .employer-job-card:only-child > strong{
color:#0f172a;
font-size:18px;
}
/* ===================================================
TABLET
=================================================== */
@media(max-width:1050px){
.employer-job-card{
grid-template-columns:1fr;
gap:24px;
}
.employer-job-actions{
grid-template-columns:repeat(4,minmax(0,1fr));
}
}
/* ===================================================
MOBILE
=================================================== */
@media(max-width:768px){
.employer-jobs-page{
padding:34px 15px 60px;
}
.employer-job-card{
padding:21px;
border-radius:20px;
}
.employer-job-main h3{
font-size:22px;
}
.employer-job-meta{
grid-template-columns:1fr 1fr;
}
.employer-job-actions{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:480px){
.employer-job-meta{
grid-template-columns:1fr;
}
.employer-job-actions{
grid-template-columns:1fr;
}
.job-action{
min-height:46px;
font-size:14px;
}
}
/*==================================================
COMPANY PROFILE V2
==================================================*/
.company-public-profile{
max-width:1200px;
margin:40px auto;
padding:0 20px;
}
/* Cover */
.company-cover{
width:100%;
height:280px;
border-radius:24px;
background:#e2e8f0;
background-size:cover;
background-position:center;
margin-bottom:-90px;
box-shadow:0 15px 35px rgba(0,0,0,.08);
}
/* Main Card */
.company-profile-card{
position:relative;
background:#fff;
border-radius:24px;
padding:40px;
margin:0 auto 35px;
max-width:1080px;
box-shadow:0 20px 45px rgba(15,23,42,.08);
}
/* Header */
.company-profile-head{
display:flex;
align-items:center;
gap:30px;
margin-bottom:25px;
}
/* Logo */
.company-logo{
width:140px;
height:140px;
border-radius:22px;
overflow:hidden;
background:#f8fafc;
display:flex;
justify-content:center;
align-items:center;
font-size:55px;
border:6px solid #fff;
box-shadow:0 10px 25px rgba(0,0,0,.08);
}
/* Company Name */
.company-profile-head h1{
margin:0;
font-size:38px;
color:#111827;
font-weight:900;
}
.company-profile-head p{
margin-top:8px;
color:#64748b;
font-size:17px;
}
/* Description */
.company-description{
margin:35px 0;
line-height:1.9;
font-size:17px;
color:#475569;
}
/* Info */
.company-info-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:18px;
margin-top:30px;
}
.company-info-grid span{
background:#f8fafc;
border:1px solid #e2e8f0;
padding:16px;
border-radius:16px;
font-weight:700;
color:#334155;
}
.company-info-grid a{
color:#2563eb;
text-decoration:none;
}
/* Social */
.company-social-links{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:35px;
}
.company-social-links a{
padding:12px 22px;
border-radius:12px;
background:#2563eb;
color:#fff;
text-decoration:none;
font-weight:700;
transition:.25s;
}
.company-social-links a:hover{
transform:translateY(-2px);
background:#1d4ed8;
}
/* Jobs */
.company-jobs-section{
margin-top:50px;
}
.company-jobs-section h2{
font-size:30px;
margin-bottom:25px;
color:#111827;
}
.company-job-card{
display:flex;
justify-content:space-between;
align-items:center;
background:#fff;
border-radius:18px;
padding:24px;
margin-bottom:18px;
text-decoration:none;
border:1px solid #e5e7eb;
transition:.25s;
color:#111827;
}
.company-job-card:hover{
transform:translateY(-3px);
box-shadow:0 15px 35px rgba(0,0,0,.08);
}
.company-job-card strong{
font-size:18px;
}
.company-job-card span{
color:#2563eb;
font-weight:700;
}
/* Settings */
.company-settings-card{
max-width:1200px;
margin:auto;
}
.company-preview-images{
display:grid;
grid-template-columns:1fr 1fr;
gap:25px;
margin-bottom:30px;
}
.company-preview-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:20px;
padding:20px;
text-align:center;
}
.company-preview-card img{
width:100%;
height:220px;
object-fit:cover;
border-radius:16px;
margin-top:12px;
}
.company-placeholder{
height:220px;
display:flex;
align-items:center;
justify-content:center;
background:#f8fafc;
border-radius:16px;
color:#94a3b8;
margin-top:12px;
}
.company-media-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
margin-bottom:25px;
}
.company-settings-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
margin-bottom:22px;
}
.company-settings-grid input,
.company-settings-form textarea{
width:100%;
padding:15px 18px;
border-radius:14px;
border:1px solid #dbe2ea;
font-size:15px;
}
.company-settings-form textarea{
min-height:170px;
resize:vertical;
}
.company-settings-form button{
margin-top:20px;
background:#2563eb;
color:#fff;
border:none;
padding:15px 34px;
border-radius:14px;
cursor:pointer;
font-size:16px;
font-weight:800;
transition:.25s;
}
.company-settings-form button:hover{
background:#1d4ed8;
}
/* Responsive */
@media(max-width:900px){
.company-profile-head{
flex-direction:column;
text-align:center;
}
.company-settings-grid{
grid-template-columns:1fr;
}
.company-media-row{
grid-template-columns:1fr;
}
.company-preview-images{
grid-template-columns:1fr;
}
}
@media(max-width:600px){
.company-cover{
height:180px;
margin-bottom:-60px;
}
.company-profile-card{
padding:25px;
}
.company-profile-head h1{
font-size:28px;
}
}
/*==================================================
EPLUS NOTIFICATIONS CENTER
==================================================*/
.eplus-notifications-page{
max-width:1100px;
margin:40px auto;
padding:0 20px;
}
/* Header */
.eplus-notifications-head{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
margin-bottom:35px;
}
.eplus-notifications-head h1{
margin:0;
font-size:34px;
font-weight:900;
color:#111827;
}
.eplus-notifications-head p{
margin-top:8px;
color:#64748b;
}
/* Actions */
.eplus-notifications-actions{
display:flex;
gap:12px;
flex-wrap:wrap;
}
.eplus-notifications-actions a{
text-decoration:none;
background:#2563eb;
color:#fff;
padding:12px 18px;
border-radius:12px;
font-weight:700;
transition:.25s;
}
.eplus-notifications-actions a:hover{
background:#1d4ed8;
}
.eplus-notifications-actions .danger{
background:#ef4444;
}
.eplus-notifications-actions .danger:hover{
background:#dc2626;
}
/* Empty */
.eplus-notification-empty{
background:#fff;
border:1px dashed #dbe2ea;
border-radius:18px;
padding:40px;
text-align:center;
color:#64748b;
font-size:18px;
}
/* Notification Card */
.eplus-notification-card{
display:flex;
align-items:flex-start;
gap:18px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:18px;
padding:22px;
margin-bottom:18px;
transition:.25s;
box-shadow:0 10px 30px rgba(15,23,42,.04);
}
.eplus-notification-card:hover{
transform:translateY(-2px);
box-shadow:0 18px 40px rgba(15,23,42,.08);
}
/* Unread */
.eplus-notification-card.unread{
border-left:6px solid #2563eb;
background:#f8fbff;
}
/* Read */
.eplus-notification-card.read{
opacity:.85;
}
/* Icon */
.eplus-notification-icon{
width:58px;
height:58px;
min-width:58px;
border-radius:50%;
background:#eef4ff;
display:flex;
justify-content:center;
align-items:center;
font-size:26px;
}
/* Content */
.eplus-notification-content{
flex:1;
}
.eplus-notification-content strong{
display:block;
font-size:18px;
margin-bottom:8px;
color:#111827;
}
.eplus-notification-content p{
margin:0 0 10px;
color:#475569;
line-height:1.7;
}
.eplus-notification-content small{
color:#94a3b8;
}
/* Link */
.eplus-notification-link{
white-space:nowrap;
text-decoration:none;
font-weight:800;
color:#2563eb;
}
.eplus-notification-link:hover{
color:#1d4ed8;
}
/* Responsive */
@media(max-width:768px){
.eplus-notifications-head{
flex-direction:column;
align-items:flex-start;
}
.eplus-notification-card{
flex-direction:column;
}
.eplus-notification-link{
margin-top:15px;
}
}
.eplus-notification-menu-link{
display:flex!important;
align-items:center;
justify-content:space-between;
gap:10px;
}
.eplus-notification-badge{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:22px;
height:22px;
padding:0 7px;
border-radius:999px;
background:#ef4444;
color:#fff;
font-size:12px;
font-weight:900;
}
.subscription-actions{
display:grid;
gap:10px;
}
.subscription-action.secondary{
background:#eef2ff;
color:#2563eb!important;
}
.subscription-action.secondary:hover{
background:#dbeafe;
}
.eplus-subscription-history{
background:#fff;
border:1px solid #e5eaf2;
border-radius:24px;
padding:24px;
margin-top:24px;
box-shadow:0 12px 35px rgba(15,23,42,.06);
}
.subscription-history-row{
display:flex;
justify-content:space-between;
gap:18px;
padding:16px 0;
border-bottom:1px solid #edf1f7;
}
.subscription-history-row:last-child{
border-bottom:none;
}
.subscription-history-row strong{
display:block;
color:#111827;
font-weight:900;
}
.subscription-history-row small{
display:block;
margin-top:5px;
color:#64748b;
}
.subscription-history-row span{
display:block;
color:#2563eb;
font-weight:900;
text-align:right;
}
.subscription-history-empty{
background:#f8fafc;
border:1px dashed #dbe2ea;
border-radius:16px;
padding:22px;
color:#64748b;
font-weight:700;
}
.eplus-analytics-summary{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
margin:18px 0 24px;
}
.eplus-analytics-summary div{
background:#f8fafc;
border:1px solid #e5eaf2;
border-radius:16px;
padding:16px;
text-align:center;
}
.eplus-analytics-summary strong{
display:block;
font-size:24px;
font-weight:900;
color:#2563eb;
}
.eplus-analytics-summary span{
color:#64748b;
font-weight:800;
font-size:13px;
}
.real-bars{
height:220px;
display:flex;
align-items:flex-end;
gap:16px;
margin-top:25px;
}
.real-bar-item{
flex:1;
height:100%;
display:flex;
flex-direction:column;
justify-content:flex-end;
align-items:center;
gap:8px;
}
.real-bar-item span{
width:100%;
min-height:8px;
border-radius:14px 14px 5px 5px;
background:linear-gradient(180deg,#3b82f6,#1d4ed8);
}
.real-bar-item small{
color:#64748b;
font-weight:800;
font-size:12px;
}
.eplus-top-job{
margin-top:22px;
background:#f8fafc;
border:1px solid #e5eaf2;
border-radius:16px;
padding:16px;
}
.eplus-top-job strong{
display:block;
color:#111827;
margin-bottom:6px;
}
.eplus-top-job span{
color:#64748b;
font-weight:800;
}
.saved-jobs-page{
max-width:1100px;
margin:40px auto;
}
.saved-job-card{
display:flex;
justify-content:space-between;
align-items:center;
padding:22px;
margin-bottom:16px;
background:#fff;
border-radius:18px;
border:1px solid #e5e7eb;
text-decoration:none;
transition:.25s;
}
.saved-job-card:hover{
transform:translateY(-2px);
box-shadow:0 12px 35px rgba(0,0,0,.08);
}
.saved-job-card strong{
color:#111827;
font-size:18px;
}
.saved-job-card span{
color:#2563eb;
font-weight:700;
}
.recent-jobs-page{
max-width:1100px;
margin:40px auto;
padding:0 20px;
}
.recent-jobs-page h1{
font-size:34px;
font-weight:900;
color:#111827;
}
.recent-jobs-page>p{
color:#64748b;
margin-bottom:28px;
}
.recent-job-card{
display:flex;
justify-content:space-between;
align-items:center;
padding:22px;
margin-bottom:16px;
background:#fff;
border-radius:18px;
border:1px solid #e5e7eb;
text-decoration:none!important;
transition:.25s;
color:#111827;
}
.recent-job-card:hover{
transform:translateY(-2px);
box-shadow:0 12px 35px rgba(0,0,0,.08);
}
.recent-job-card strong{
color:#111827;
font-size:18px;
}
.recent-job-card span{
color:#2563eb;
font-weight:700;
}
.recommended-jobs-page{
max-width:1100px;
margin:40px auto;
padding:0 20px;
}
.recommended-jobs-page h1{
font-size:34px;
font-weight:900;
color:#111827;
}
.recommended-jobs-page>p{
color:#64748b;
margin-bottom:28px;
}
.recommended-job-card{
display:flex;
justify-content:space-between;
align-items:center;
gap:18px;
padding:22px;
margin-bottom:16px;
background:#fff;
border-radius:18px;
border:1px solid #e5e7eb;
text-decoration:none!important;
transition:.25s;
color:#111827;
}
.recommended-job-card:hover{
transform:translateY(-2px);
box-shadow:0 12px 35px rgba(0,0,0,.08);
}
.recommended-job-card strong{
display:block;
color:#111827;
font-size:18px;
}
.recommended-job-card small{
display:block;
margin-top:6px;
color:#64748b;
}
.recommended-job-card span{
color:#2563eb;
font-weight:800;
}
.job-alerts-page{
max-width:1100px;
margin:40px auto;
padding:0 20px;
}
.job-alerts-page h1{
font-size:34px;
font-weight:900;
color:#111827;
}
.job-alerts-page>p{
color:#64748b;
margin-bottom:28px;
}
.job-alert-form{
background:#fff;
border:1px solid #e5eaf2;
border-radius:24px;
padding:24px;
box-shadow:0 12px 35px rgba(15,23,42,.06);
display:grid;
gap:14px;
margin-bottom:28px;
}
.job-alert-form input{
width:100%;
padding:15px 18px;
border-radius:14px;
border:1px solid #dbe2ea;
}
.job-alert-form button{
background:#2563eb;
color:#fff;
border:none;
border-radius:14px;
padding:15px 22px;
font-weight:900;
cursor:pointer;
}
.job-alert-list h2{
font-size:24px;
font-weight:900;
color:#111827;
}
.job-alert-card{
display:flex;
justify-content:space-between;
gap:16px;
align-items:center;
background:#fff;
border:1px solid #e5eaf2;
border-radius:18px;
padding:20px;
margin-bottom:14px;
}
.job-alert-card strong{
color:#111827;
}
.job-alert-card span{
color:#2563eb;
font-weight:800;
}
.job-alert-card small{
color:#64748b;
}
.eplus-job-badge{
display:inline-flex;
align-items:center;
margin-left:8px;
padding:4px 9px;
border-radius:999px;
font-size:11px;
font-weight:900;
vertical-align:middle;
}
.eplus-job-badge.premium{
background:#fef3c7;
color:#92400e;
}
.eplus-job-badge.featured{
background:#dbeafe;
color:#1d4ed8;
}
.eplus-job-badge.sticky{
background:#dcfce7;
color:#15803d;
}
.eplus-job-search-page{
max-width:1200px;
margin:40px auto;
padding:0 20px;
}
.eplus-job-search-page h1{
font-size:36px;
font-weight:900;
color:#111827;
}
.eplus-job-search-page>p{
color:#64748b;
margin-bottom:28px;
}
.eplus-job-search-form{
display:grid;
grid-template-columns:1.4fr 1fr 1fr 1fr auto auto;
gap:12px;
background:#fff;
border:1px solid #e5eaf2;
border-radius:24px;
padding:18px;
margin-bottom:28px;
box-shadow:0 12px 35px rgba(15,23,42,.06);
}
.eplus-job-search-form input,
.eplus-job-search-form select{
width:100%;
padding:14px 16px;
border-radius:14px;
border:1px solid #dbe2ea;
font-weight:700;
}
.remote-filter{
display:flex;
align-items:center;
gap:8px;
font-weight:800;
color:#374151;
}
.remote-filter input{
width:auto;
}
.eplus-job-search-form button{
background:#2563eb;
color:#fff;
border:none;
border-radius:14px;
padding:14px 22px;
font-weight:900;
cursor:pointer;
}
.eplus-job-results{
display:grid;
gap:16px;
}
.eplus-job-result-card{
display:flex;
justify-content:space-between;
align-items:center;
gap:18px;
background:#fff;
border:1px solid #e5eaf2;
border-radius:20px;
padding:24px;
text-decoration:none!important;
color:#111827!important;
box-shadow:0 10px 30px rgba(15,23,42,.04);
transition:.25s;
}
.eplus-job-result-card:hover{
transform:translateY(-2px);
box-shadow:0 16px 40px rgba(15,23,42,.08);
}
.eplus-job-result-card.premium{
border-color:#f59e0b;
}
.eplus-job-result-card.featured{
border-color:#2563eb;
}
.eplus-job-result-card.sticky{
border-color:#16a34a;
}
.eplus-job-result-card h3{
margin:0 0 10px;
font-size:22px;
font-weight:900;
color:#111827;
}
.job-result-meta{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.job-result-meta span{
background:#f8fafc;
border:1px solid #e5eaf2;
border-radius:999px;
padding:7px 12px;
color:#64748b;
font-size:13px;
font-weight:800;
}
.job-result-link{
color:#2563eb;
font-weight:900;
white-space:nowrap;
}
@media(max-width:1000px){
.eplus-job-search-form{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:640px){
.eplus-job-search-form{
grid-template-columns:1fr;
}
.eplus-job-result-card{
flex-direction:column;
align-items:flex-start;
}
}
.resume-search-page{
max-width:1200px;
margin:40px auto;
padding:0 20px;
}
.resume-search-page h1{
font-size:36px;
font-weight:900;
color:#111827;
}
.resume-search-page>p{
color:#64748b;
margin-bottom:28px;
}
.resume-search-form{
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr auto;
gap:12px;
background:#fff;
border:1px solid #e5eaf2;
border-radius:24px;
padding:18px;
margin-bottom:28px;
box-shadow:0 12px 35px rgba(15,23,42,.06);
}
.resume-search-form input{
width:100%;
padding:14px 16px;
border-radius:14px;
border:1px solid #dbe2ea;
font-weight:700;
}
.resume-search-form button{
background:#2563eb;
color:#fff;
border:none;
border-radius:14px;
padding:14px 22px;
font-weight:900;
cursor:pointer;
}
.resume-results{
display:grid;
gap:16px;
}
.resume-card{
display:flex;
justify-content:space-between;
gap:22px;
background:#fff;
border:1px solid #e5eaf2;
border-radius:22px;
padding:24px;
box-shadow:0 10px 30px rgba(15,23,42,.04);
}
.resume-main{
display:flex;
gap:18px;
}
.resume-avatar{
width:58px;
height:58px;
border-radius:50%;
background:#eef5ff;
display:flex;
align-items:center;
justify-content:center;
font-size:26px;
flex-shrink:0;
}
.resume-card h3{
margin:0;
font-size:22px;
font-weight:900;
color:#111827;
}
.resume-card p{
margin:6px 0 10px;
color:#64748b;
font-weight:800;
}
.resume-meta{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-bottom:10px;
}
.resume-meta span{
background:#f8fafc;
border:1px solid #e5eaf2;
border-radius:999px;
padding:6px 11px;
color:#64748b;
font-size:13px;
font-weight:800;
}
.resume-skills{
display:flex;
flex-wrap:wrap;
gap:8px;
margin:10px 0;
}
.resume-skills span{
background:#eef5ff;
color:#2563eb;
border-radius:999px;
padding:6px 11px;
font-size:13px;
font-weight:900;
}
.resume-card small{
display:block;
color:#64748b;
line-height:1.6;
}
.resume-actions{
display:flex;
flex-direction:column;
gap:10px;
min-width:150px;
}
.resume-actions a{
text-align:center;
background:#eef2ff;
color:#2563eb!important;
text-decoration:none!important;
padding:12px 16px;
border-radius:12px;
font-weight:900;
}
.resume-actions a.primary{
background:#2563eb;
color:#fff!important;
}
@media(max-width:900px){
.resume-search-form{
grid-template-columns:1fr;
}
.resume-card{
flex-direction:column;
}
.resume-actions{
flex-direction:row;
flex-wrap:wrap;
}
}
.shortlist-page{
max-width:1100px;
margin:40px auto;
padding:0 20px;
}
.shortlist-page h1{
font-size:34px;
font-weight:900;
color:#111827;
}
.shortlist-page>p{
color:#64748b;
margin-bottom:28px;
}
.shortlist-card{
display:flex;
justify-content:space-between;
gap:20px;
background:#fff;
border:1px solid #e5eaf2;
border-radius:22px;
padding:24px;
margin-bottom:16px;
box-shadow:0 10px 30px rgba(15,23,42,.04);
}
.shortlist-card h3{
margin:0;
font-size:22px;
font-weight:900;
color:#111827;
}
.shortlist-card p{
color:#64748b;
font-weight:800;
margin:6px 0;
}
.shortlist-card small{
color:#64748b;
font-weight:700;
}
.shortlist-skills{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:12px;
}
.shortlist-skills span{
background:#eef5ff;
color:#2563eb;
border-radius:999px;
padding:6px 11px;
font-size:13px;
font-weight:900;
}
.shortlist-actions{
display:flex;
flex-direction:column;
gap:10px;
min-width:150px;
}
.shortlist-actions a{
text-align:center;
background:#eef2ff;
color:#2563eb!important;
text-decoration:none!important;
padding:12px 16px;
border-radius:12px;
font-weight:900;
}
.shortlist-actions a.primary{
background:#2563eb;
color:#fff!important;
}
.shortlist-actions a.danger{
background:#ef4444;
color:#fff!important;
}
@media(max-width:800px){
.shortlist-card{
flex-direction:column;
}
.shortlist-actions{
flex-direction:row;
flex-wrap:wrap;
}
}
.resume-actions .favorite{
background:#f59e0b;
color:#fff!important;
}
.resume-actions .saved{
background:#16a34a;
color:#fff!important;
cursor:default;
}
.ats-card{
display:grid;
grid-template-columns:1fr 360px;
gap:24px;
}
.ats-candidate-info{
min-width:0;
}
.ats-stage-badge{
display:inline-flex;
margin-top:12px;
padding:8px 12px;
border-radius:999px;
font-size:13px;
font-weight:900;
}
.stage-new{background:#eef2ff;color:#2563eb;}
.stage-review{background:#fef3c7;color:#92400e;}
.stage-interview{background:#dbeafe;color:#1d4ed8;}
.stage-offer{background:#dcfce7;color:#15803d;}
.stage-hired{background:#bbf7d0;color:#166534;}
.stage-rejected{background:#fee2e2;color:#b91c1c;}
.ats-form{
background:#f8fafc;
border:1px solid #e5eaf2;
border-radius:18px;
padding:18px;
display:grid;
gap:12px;
}
.ats-form label{
font-weight:900;
color:#111827;
}
.ats-form select,
.ats-form textarea{
width:100%;
border:1px solid #dbe2ea;
border-radius:14px;
padding:13px 15px;
font-weight:700;
}
.ats-form textarea{
min-height:130px;
resize:vertical;
}
.ats-form button{
background:#2563eb;
color:#fff;
border:none;
border-radius:14px;
padding:14px 18px;
font-weight:900;
cursor:pointer;
}
@media(max-width:900px){
.ats-card{
grid-template-columns:1fr;
}
}
.eplus-messages-page{
max-width:1200px;
margin:40px auto;
padding:0 20px;
}
.eplus-messages-page h1{
font-size:34px;
font-weight:900;
color:#111827;
}
.eplus-messages-layout{
display:grid;
grid-template-columns:300px 1fr;
gap:22px;
}
.eplus-message-threads,
.eplus-message-chat{
background:#fff;
border:1px solid #e5eaf2;
border-radius:24px;
box-shadow:0 12px 35px rgba(15,23,42,.06);
}
.eplus-message-threads{
padding:18px;
}
.eplus-message-threads h3{
margin:0 0 14px;
color:#111827;
}
.eplus-message-threads a{
display:block;
padding:13px 14px;
border-radius:14px;
text-decoration:none!important;
color:#111827!important;
font-weight:800;
margin-bottom:8px;
}
.eplus-message-threads a.active,
.eplus-message-threads a:hover{
background:#2563eb;
color:#fff!important;
}
.eplus-message-chat{
overflow:hidden;
}
.chat-head{
padding:18px 22px;
border-bottom:1px solid #e5eaf2;
font-size:18px;
color:#111827;
}
.chat-messages{
padding:22px;
min-height:360px;
display:flex;
flex-direction:column;
gap:12px;
}
.chat-bubble{
max-width:70%;
padding:14px 16px;
border-radius:18px;
}
.chat-bubble p{
margin:0 0 7px;
line-height:1.5;
}
.chat-bubble small{
opacity:.75;
font-size:12px;
}
.chat-bubble.mine{
align-self:flex-end;
background:#2563eb;
color:#fff;
}
.chat-bubble.theirs{
align-self:flex-start;
background:#f1f5f9;
color:#111827;
}
.chat-form{
display:grid;
grid-template-columns:1fr auto;
gap:12px;
padding:18px;
border-top:1px solid #e5eaf2;
}
.chat-form textarea{
min-height:70px;
border:1px solid #dbe2ea;
border-radius:14px;
padding:14px;
resize:vertical;
}
.chat-form button{
background:#2563eb;
color:#fff;
border:none;
border-radius:14px;
padding:0 24px;
font-weight:900;
cursor:pointer;
}
.message-empty{
color:#64748b;
background:#f8fafc;
border-radius:14px;
padding:18px;
font-weight:700;
}
.message-empty.big{
margin:22px;
text-align:center;
padding:60px;
}
@media(max-width:900px){
.eplus-messages-layout{
grid-template-columns:1fr;
}
.chat-form{
grid-template-columns:1fr;
}
}
.message-thread-link{
display:flex!important;
justify-content:space-between;
gap:12px;
}
.message-thread-link strong{
display:block;
font-size:14px;
}
.message-thread-link small{
display:block;
margin-top:5px;
font-size:12px;
opacity:.75;
line-height:1.4;
}
.thread-side{
display:flex;
flex-direction:column;
align-items:flex-end;
gap:6px;
}
.thread-side em{
font-style:normal;
font-size:11px;
opacity:.7;
}
.thread-side span{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:22px;
height:22px;
padding:0 7px;
border-radius:999px;
background:#ef4444;
color:#fff;
font-size:12px;
font-weight:900;
}
/* ===================================================
COMPANY REVIEWS
=================================================== */
.company-reviews-box{
margin-top:40px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:22px;
padding:30px;
box-shadow:0 10px 30px rgba(0,0,0,.05);
}
.company-reviews-box h2{
margin:0 0 25px;
font-size:28px;
color:#111827;
}
.company-review-summary{
display:flex;
align-items:center;
gap:18px;
margin-bottom:30px;
}
.company-review-summary strong{
font-size:40px;
color:#2563eb;
}
.company-review-summary span{
color:#6b7280;
font-size:16px;
}
.company-review-form{
display:grid;
gap:16px;
margin-bottom:35px;
}
.company-review-form select,
.company-review-form textarea{
width:100%;
padding:14px;
border:1px solid #d1d5db;
border-radius:12px;
font-size:15px;
}
.company-review-form textarea{
min-height:120px;
resize:vertical;
}
.company-review-form button{
width:max-content;
background:#2563eb;
color:#fff;
border:none;
padding:14px 28px;
border-radius:12px;
font-weight:700;
cursor:pointer;
}
.company-review-form button:hover{
background:#1d4ed8;
}
.company-reviews-list{
display:grid;
gap:18px;
}
.company-review-card{
background:#f8fafc;
border:1px solid #e2e8f0;
border-radius:16px;
padding:18px;
}
.company-review-card strong{
display:block;
margin-bottom:10px;
font-size:18px;
}
.company-review-card p{
margin:0 0 12px;
line-height:1.7;
color:#374151;
}
.company-review-card small{
color:#6b7280;
}
.company-reviews-box{
margin-top:40px;
background:#fff;
border:1px solid #e5eaf2;
border-radius:24px;
padding:30px;
box-shadow:0 12px 35px rgba(15,23,42,.06);
}
.company-review-summary{
display:flex;
align-items:center;
gap:24px;
margin-bottom:24px;
}
.company-rating-score strong{
font-size:54px;
font-weight:900;
color:#2563eb;
}
.company-rating-score span{
font-size:22px;
color:#64748b;
}
.company-rating-stars{
font-size:24px;
margin-bottom:6px;
}
.company-review-breakdown{
display:grid;
gap:10px;
margin:24px 0 30px;
}
.review-progress-row{
display:grid;
grid-template-columns:45px 1fr 35px;
align-items:center;
gap:12px;
font-weight:800;
color:#374151;
}
.review-progress{
height:12px;
background:#e5e7eb;
border-radius:999px;
overflow:hidden;
}
.review-progress-fill{
height:100%;
background:#f59e0b;
border-radius:999px;
}
.company-review-form{
display:grid;
gap:14px;
margin:30px 0;
}
.company-review-form label{
font-weight:900;
color:#111827;
}
.company-review-form select,
.company-review-form textarea{
width:100%;
border:1px solid #dbe2ea;
border-radius:14px;
padding:14px 16px;
font-weight:700;
}
.company-review-form button{
width:max-content;
background:#2563eb;
color:#fff;
border:none;
border-radius:14px;
padding:14px 26px;
font-weight:900;
cursor:pointer;
}
.company-review-login{
background:#f8fafc;
border:1px dashed #dbe2ea;
border-radius:16px;
padding:18px;
color:#64748b;
font-weight:800;
margin:24px 0;
}
.company-reviews-list{
display:grid;
gap:16px;
margin-top:30px;
}
.company-reviews-list h3{
margin:0 0 10px;
font-size:24px;
font-weight:900;
color:#111827;
}
.company-review-card{
background:#f8fafc;
border:1px solid #e5eaf2;
border-radius:18px;
padding:20px;
}
.company-review-head{
display:flex;
justify-content:space-between;
gap:14px;
margin-bottom:12px;
}
.company-review-head strong{
color:#111827;
font-weight:900;
}
.company-review-head span{
color:#f59e0b;
}
.company-review-card p{
color:#374151;
line-height:1.7;
margin:0 0 10px;
}
.company-review-card small{
color:#64748b;
font-weight:700;
}
@media(max-width:700px){
.company-review-summary{
flex-direction:column;
align-items:flex-start;
}
}
.eplus-payment-page{
max-width:900px;
margin:40px auto;
padding:0 20px;
}
.eplus-payment-page h1{
font-size:34px;
font-weight:900;
color:#111827;
}
.eplus-payment-page>p{
color:#64748b;
margin-bottom:28px;
}
.payment-card,
.payment-history{
background:#fff;
border:1px solid #e5eaf2;
border-radius:24px;
padding:26px;
margin-bottom:24px;
box-shadow:0 12px 35px rgba(15,23,42,.06);
}
.payment-card h2{
margin:0 0 18px;
font-size:26px;
font-weight:900;
color:#111827;
}
.payment-package-info{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
margin-bottom:24px;
}
.payment-package-info span{
background:#f8fafc;
border:1px solid #e5eaf2;
border-radius:16px;
padding:15px;
color:#64748b;
font-weight:800;
}
.payment-package-info strong{
color:#111827;
}
.payment-form{
display:grid;
gap:14px;
}
.payment-form label{
font-weight:900;
color:#111827;
}
.payment-form select{
width:100%;
padding:14px 16px;
border-radius:14px;
border:1px solid #dbe2ea;
font-weight:800;
}
.payment-form button,
.payment-button{
display:inline-flex;
justify-content:center;
align-items:center;
width:max-content;
background:#2563eb;
color:#fff!important;
border:none;
border-radius:14px;
padding:14px 26px;
font-weight:900;
text-decoration:none!important;
cursor:pointer;
}
.payment-history h2{
margin:0 0 18px;
font-size:24px;
font-weight:900;
color:#111827;
}
.payment-history-row{
display:flex;
justify-content:space-between;
gap:18px;
padding:16px 0;
border-bottom:1px solid #edf1f7;
}
.payment-history-row:last-child{
border-bottom:none;
}
.payment-history-row strong,
.payment-history-row span{
display:block;
color:#111827;
font-weight:900;
}
.payment-history-row small{
display:block;
margin-top:5px;
color:#64748b;
}
@media(max-width:700px){
.payment-package-info{
grid-template-columns:1fr;
}
.payment-history-row{
flex-direction:column;
}
}
.payment-status{
display:inline-flex;
padding:4px 9px;
border-radius:999px;
font-size:12px;
font-weight:900;
}
.payment-status.status-pending{
background:#fef3c7;
color:#92400e;
}
.payment-status.status-paid{
background:#dcfce7;
color:#15803d;
}
.payment-status.status-failed{
background:#fee2e2;
color:#b91c1c;
}
.payment-status.status-refunded{
background:#e0e7ff;
color:#3730a3;
}
.stripe-payment-form{
margin-bottom:22px;
padding-bottom:22px;
border-bottom:1px solid #edf1f7;
}
.stripe-checkout-button{
background:#635bff!important;
color:#fff!important;
}
.employer-job-boosts{
display:flex;
flex-wrap:wrap;
gap:8px;
margin:10px 0;
}
.employer-job-boosts span{
background:#fef3c7;
color:#92400e;
border-radius:999px;
padding:6px 11px;
font-size:12px;
font-weight:900;
}
.job-action.boost{
background:#7c3aed!important;
color:#fff!important;
}
/* ===================================================
EPLUS HOMEPAGE
=================================================== */
.eplus-homepage{
background:#f6f8fc;
color:#111827;
}
.homepage-hero{
padding:90px 20px 50px;
background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 55%,#60a5fa 100%);
border-radius:0 0 36px 36px;
}
.homepage-hero-content{
max-width:1100px;
margin:0 auto;
text-align:center;
color:#fff;
}
.hero-badge{
display:inline-flex;
background:rgba(255,255,255,.15);
border:1px solid rgba(255,255,255,.25);
padding:10px 16px;
border-radius:999px;
font-weight:800;
margin-bottom:24px;
}
.homepage-hero h1{
font-size:58px;
line-height:1.05;
margin:0 0 20px;
font-weight:950;
}
.homepage-hero h1 span{
color:#bfdbfe;
}
.homepage-hero h1{
text-shadow:0 4px 18px rgba(7,18,45,.38);
}
.homepage-hero p{
text-shadow:0 2px 10px rgba(7,18,45,.34);
}
.homepage-hero p{
max-width:680px;
margin:0 auto 28px;
font-size:19px;
line-height:1.7;
color:#e0ecff;
}
.hero-buttons{
display:flex;
justify-content:center;
gap:14px;
margin-bottom:30px;
}
.hero-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:15px 24px;
border-radius:14px;
font-weight:900;
text-decoration:none!important;
}
.hero-btn.primary{
background:#fff;
color:#1d4ed8!important;
}
.hero-btn.secondary{
background:rgba(255,255,255,.14);
color:#fff!important;
border:1px solid rgba(255,255,255,.3);
}
.homepage-search-box{
max-width:980px;
margin:0 auto;
background:#fff;
padding:12px;
border-radius:22px;
display:grid;
grid-template-columns:1fr 1fr auto;
gap:10px;
box-shadow:0 24px 60px rgba(15,23,42,.25);
}
.search-field{
display:flex;
align-items:center;
gap:10px;
background:#f8fafc;
border:1px solid #e5eaf2;
border-radius:16px;
padding:0 15px;
}
.search-field input{
border:none!important;
background:transparent!important;
width:100%;
padding:17px 0!important;
outline:none!important;
font-weight:700;
}
.homepage-search-box button{
border:none;
background:#2563eb;
color:#fff;
border-radius:16px;
padding:0 28px;
font-weight:950;
cursor:pointer;
}
.popular-searches{
margin-top:18px;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
color:#dbeafe;
}
.popular-searches a{
color:#fff!important;
background:rgba(255,255,255,.14);
padding:7px 12px;
border-radius:999px;
text-decoration:none!important;
font-weight:800;
}
.homepage-hero-stats{
max-width:1000px;
margin:38px auto 0;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
}
.hero-stat{
background:rgba(255,255,255,.13);
border:1px solid rgba(255,255,255,.18);
border-radius:20px;
padding:22px;
color:#fff;
text-align:center;
}
.hero-stat strong{
display:block;
font-size:32px;
font-weight:950;
}
.hero-stat span{
color:#dbeafe;
font-weight:800;
}
.homepage-section{
max-width:1180px;
margin:70px auto;
padding:0 20px;
}
.homepage-section-head{
text-align:center;
margin-bottom:34px;
}
.homepage-section-head span{
color:#2563eb;
font-weight:950;
}
.homepage-section-head h2{
font-size:38px;
margin:8px 0 10px;
font-weight:950;
}
.homepage-section-head p{
color:#64748b;
font-size:17px;
}
.homepage-category-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
.homepage-category-card{
position:relative;
background:#fff;
border:1px solid #e5eaf2;
border-radius:24px;
padding:24px;
text-decoration:none!important;
color:#111827!important;
box-shadow:0 12px 35px rgba(15,23,42,.06);
transition:.25s ease;
}
.homepage-category-card:hover{
transform:translateY(-6px);
box-shadow:0 22px 45px rgba(37,99,235,.13);
}
.category-3d-icon{
width:66px;
height:66px;
border-radius:22px;
background:linear-gradient(145deg,#eff6ff,#dbeafe);
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
margin-bottom:18px;
box-shadow:inset 0 -8px 16px rgba(37,99,235,.12),0 12px 22px rgba(37,99,235,.18);
}
.homepage-category-card h3{
margin:0 0 7px;
font-size:20px;
font-weight:950;
}
.homepage-category-card p{
color:#64748b;
margin:0;
font-weight:700;
}
.category-arrow{
position:absolute;
right:22px;
top:24px;
color:#2563eb;
font-weight:950;
}
.homepage-jobs-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}
.homepage-job-card,
.homepage-empty-card{
background:#fff;
border:1px solid #e5eaf2;
border-radius:24px;
padding:24px;
text-decoration:none!important;
color:#111827!important;
box-shadow:0 12px 35px rgba(15,23,42,.06);
}
.job-badge{
display:inline-flex;
background:#fef3c7;
color:#92400e;
padding:6px 11px;
border-radius:999px;
font-weight:950;
font-size:12px;
margin-bottom:14px;
}
.homepage-job-card h3{
margin:0 0 10px;
font-size:21px;
font-weight:950;
}
.homepage-job-card p{
color:#64748b;
margin:0 0 18px;
}
.homepage-job-card strong{
color:#2563eb;
}
.homepage-center-action{
text-align:center;
margin-top:30px;
}
.homepage-center-action .hero-btn.primary{
background:#2563eb;
color:#fff!important;
}
.homepage-final-cta{
max-width:1180px;
margin:80px auto;
padding:38px;
border-radius:30px;
background:linear-gradient(135deg,#1d4ed8,#0f172a);
color:#fff;
display:flex;
justify-content:space-between;
gap:30px;
align-items:center;
}
.homepage-final-cta h2{
margin:0 0 10px;
font-size:34px;
font-weight:950;
}
.homepage-final-cta p{
margin:0;
color:#dbeafe;
max-width:700px;
}
@media(max-width:900px){
.homepage-hero h1{font-size:42px;}
.homepage-search-box{grid-template-columns:1fr;}
.homepage-hero-stats{grid-template-columns:repeat(2,1fr);}
.homepage-category-grid{grid-template-columns:repeat(2,1fr);}
.homepage-jobs-grid{grid-template-columns:1fr;}
.homepage-final-cta{flex-direction:column;align-items:flex-start;}
}
@media(max-width:560px){
.homepage-hero{padding:60px 15px 35px;}
.homepage-hero h1{font-size:34px;}
.hero-buttons{flex-direction:column;}
.homepage-hero-stats{grid-template-columns:1fr;}
.homepage-category-grid{grid-template-columns:1fr;}
}
/* ===================================================
HOMEPAGE LOCATIONS
=================================================== */
.homepage-locations{
margin-top:70px;
}
.eplus-locations-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
gap:18px;
}
.eplus-location-card{
display:flex;
align-items:center;
justify-content:center;
min-height:74px;
background:#fff;
border:1px solid #e6ebf2;
border-radius:18px;
text-decoration:none;
color:#1f2937;
font-weight:800;
font-size:16px;
transition:.25s;
box-shadow:0 10px 25px rgba(0,0,0,.05);
}
.eplus-location-card:hover{
transform:translateY(-5px);
background:#2563eb;
color:#fff;
border-color:#2563eb;
box-shadow:0 20px 40px rgba(37,99,235,.25);
}
.eplus-location-card::before{
content:"?";
font-size:22px;
margin-right:10px;
}
.homepage-locations .homepage-section-head{
margin-bottom:35px;
}
.homepage-locations .homepage-section-head span{
color:#2563eb;
font-weight:900;
letter-spacing:.5px;
text-transform:uppercase;
}
.homepage-locations .homepage-section-head h2{
margin:10px 0;
font-size:38px;
font-weight:900;
color:#111827;
}
.homepage-locations .homepage-section-head p{
color:#64748b;
font-size:17px;
}
/* Mobile */
@media(max-width:768px){
.eplus-locations-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:480px){
.eplus-locations-grid{
grid-template-columns:1fr;
}
}
.eplus-location-card{
justify-content:flex-start!important;
gap:12px;
padding:18px 20px;
}
.eplus-location-card::before{
display:none!important;
}
.location-pin{
width:42px;
height:42px;
border-radius:14px;
background:linear-gradient(145deg,#eff6ff,#dbeafe);
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
box-shadow:inset 0 -6px 12px rgba(37,99,235,.12),0 10px 18px rgba(37,99,235,.15);
flex-shrink:0;
}
.location-info{
display:flex;
flex-direction:column;
gap:4px;
}
.location-info strong{
font-size:17px;
color:#111827;
}
.location-info small{
color:#64748b;
font-weight:800;
}
.eplus-location-card:hover .location-info strong,
.eplus-location-card:hover .location-info small{
color:#fff;
}
.eplus-locations-grid{
grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
}
.eplus-location-card{
min-width:0;
overflow:hidden;
}
.location-info{
min-width:0;
overflow:hidden;
}
.location-info strong{
display:block;
max-width:100%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
line-height:1.25;
}
.location-info small{
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
@media(max-width:768px){
.eplus-locations-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
@media(max-width:480px){
.eplus-locations-grid{
grid-template-columns:1fr!important;
}
.location-info strong{
white-space:normal;
}
}
/* ===================================================
EPLUS HOMEPAGE HERO - IMAGE BACKGROUND (V5)
Clearer photo / lighter premium overlay
=================================================== */
.homepage-hero{
position:relative;
isolation:isolate;
overflow:hidden;
min-height:720px;
padding:100px 20px 55px;
background-image:
linear-gradient(
135deg,
rgba(7,18,45,.28) 0%,
rgba(15,42,100,.16) 48%,
rgba(29,78,216,.10) 100%
),
url("https://www.eplusergasia.gr/wp-content/uploads/2026/07/α1α1.png");
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
background-attachment:scroll;
border-radius:0 0 42px 42px;
box-shadow:0 25px 70px rgba(15,23,42,.20);
}
/* ?????????? ????? ???? ???? ?????? */
.homepage-hero::before{
content:"";
position:absolute;
inset:0;
z-index:-1;
background:
radial-gradient(
circle at 50% 18%,
rgba(255,255,255,.16),
transparent 46%
),
linear-gradient(
to bottom,
rgba(15,23,42,0),
rgba(15,23,42,.10)
);
pointer-events:none;
}
.homepage-hero-content,
.homepage-hero-stats{
position:relative;
z-index:2;
}
.hero-badge{
display:inline-flex;
align-items:center;
justify-content:center;
background:rgba(255,255,255,.14);
border:1px solid rgba(255,255,255,.30);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
padding:10px 17px;
border-radius:999px;
margin-bottom:25px;
color:#fff;
font-weight:850;
box-shadow:0 12px 30px rgba(15,23,42,.14);
}
.homepage-hero h1{
max-width:920px;
margin:0 auto 20px;
font-size:clamp(40px,5.2vw,66px);
line-height:1.04;
font-weight:950;
letter-spacing:-1.8px;
color:#fff;
text-shadow:
0 3px 12px rgba(0,0,0,.38),
0 8px 30px rgba(0,0,0,.18);
}
.homepage-hero h1 span{
color:#dbeafe;
}
.homepage-hero p{
max-width:720px;
margin:0 auto 30px;
color:rgba(255,255,255,.92);
font-size:19px;
line-height:1.7;
font-weight:600;
text-shadow:0 2px 10px rgba(0,0,0,.34);
}
/* ??????? */
.hero-buttons{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:14px;
margin-bottom:32px;
}
.homepage-hero .hero-btn{
min-height:54px;
padding:15px 26px;
border-radius:15px;
font-weight:900;
transition:
transform .22s ease,
box-shadow .22s ease,
background .22s ease;
}
.homepage-hero .hero-btn:hover{
transform:translateY(-3px);
}
.homepage-hero .hero-btn.primary{
background:#fff;
color:#1d4ed8!important;
box-shadow:0 14px 35px rgba(0,0,0,.18);
}
.homepage-hero .hero-btn.primary:hover{
box-shadow:0 20px 45px rgba(0,0,0,.25);
}
.homepage-hero .hero-btn.secondary{
background:rgba(255,255,255,.13);
color:#fff!important;
border:1px solid rgba(255,255,255,.38);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
}
.homepage-hero .hero-btn.secondary:hover{
background:rgba(255,255,255,.22);
}
/* Search box */
.homepage-search-box{
max-width:980px;
margin:0 auto;
padding:12px;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
gap:10px;
background:rgba(255,255,255,.96);
border:1px solid rgba(255,255,255,.65);
border-radius:22px;
box-shadow:
0 25px 65px rgba(2,8,23,.32),
inset 0 1px 0 rgba(255,255,255,.85);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
}
.homepage-search-box .search-field{
min-width:0;
display:flex;
align-items:center;
gap:11px;
padding:0 16px;
background:#f8fafc;
border:1px solid #e2e8f0;
border-radius:16px;
transition:border-color .2s ease,box-shadow .2s ease;
}
.homepage-search-box .search-field:focus-within{
border-color:#60a5fa;
box-shadow:0 0 0 4px rgba(37,99,235,.10);
}
.homepage-search-box .search-field span{
flex-shrink:0;
font-size:19px;
}
.homepage-search-box .search-field input{
min-width:0;
width:100%;
padding:17px 0!important;
border:none!important;
outline:none!important;
box-shadow:none!important;
background:transparent!important;
color:#111827;
font-weight:700;
}
.homepage-search-box .search-field input::placeholder{
color:#64748b;
opacity:1;
}
.homepage-search-box button{
min-height:56px;
padding:0 30px;
border:none;
border-radius:16px;
background:linear-gradient(135deg,#2563eb,#1d4ed8);
color:#fff;
font-weight:950;
cursor:pointer;
box-shadow:0 12px 28px rgba(37,99,235,.30);
transition:transform .2s ease,box-shadow .2s ease;
}
.homepage-search-box button:hover{
transform:translateY(-2px);
box-shadow:0 17px 34px rgba(37,99,235,.38);
}
/* ?????????? ??????????? */
.popular-searches{
margin-top:20px;
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
gap:9px;
color:rgba(255,255,255,.85);
font-weight:700;
}
.popular-searches a{
color:#fff!important;
padding:7px 13px;
background:rgba(15,23,42,.28);
border:1px solid rgba(255,255,255,.18);
border-radius:999px;
text-decoration:none!important;
font-weight:800;
backdrop-filter:blur(9px);
-webkit-backdrop-filter:blur(9px);
transition:background .2s ease,transform .2s ease;
}
.popular-searches a:hover{
background:rgba(255,255,255,.20);
transform:translateY(-2px);
}
/* ?????????? */
.homepage-hero-stats{
max-width:1000px;
margin:42px auto 0;
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:16px;
}
.hero-stat{
padding:22px 16px;
color:#fff;
text-align:center;
background:rgba(15,23,42,.30);
border:1px solid rgba(255,255,255,.22);
border-radius:20px;
box-shadow:
0 15px 35px rgba(2,8,23,.18),
inset 0 1px 0 rgba(255,255,255,.12);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
}
.hero-stat strong{
display:block;
margin-bottom:3px;
color:#fff;
font-size:32px;
font-weight:950;
text-shadow:0 3px 14px rgba(0,0,0,.25);
}
.hero-stat span{
color:rgba(255,255,255,.86);
font-weight:800;
}
/* Tablet */
@media(max-width:900px){
.homepage-hero{
min-height:auto;
padding:80px 20px 45px;
background-position:center center;
}
.homepage-search-box{
grid-template-columns:1fr;
}
.homepage-search-box button{
min-height:56px;
}
.homepage-hero-stats{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
/* Mobile */
@media(max-width:560px){
.homepage-hero{
padding:58px 15px 35px;
border-radius:0 0 28px 28px;
background-position:center center;
}
.hero-badge{
padding:9px 13px;
font-size:13px;
}
.homepage-hero h1{
font-size:36px;
letter-spacing:-1px;
}
.homepage-hero p{
font-size:16px;
line-height:1.6;
}
.hero-buttons{
flex-direction:column;
}
.homepage-hero .hero-btn{
width:100%;
}
.homepage-search-box{
padding:9px;
border-radius:18px;
}
.homepage-search-box .search-field,
.homepage-search-box button{
border-radius:13px;
}
.popular-searches span{
width:100%;
}
.homepage-hero-stats{
grid-template-columns:1fr 1fr;
gap:10px;
margin-top:30px;
}
.hero-stat{
padding:17px 8px;
border-radius:16px;
}
.hero-stat strong{
font-size:26px;
}
.hero-stat span{
font-size:13px;
}
}
@media(max-width:380px){
.homepage-hero-stats{
grid-template-columns:1fr;
}
}
/* ===================================================
EPLUS HEADER - FINAL FIXED
=================================================== */
.eplus-header{
position:sticky;
top:0;
z-index:9999;
display:flex;
align-items:center;
justify-content:space-between;
width:100%;
min-height:82px;
padding:0 42px;
background:#ffffff;
border-bottom:1px solid #e8edf4;
box-shadow:0 8px 28px rgba(15,23,42,.05);
}
/* ???????? ?????? */
.eplus-header-left{
display:flex;
align-items:center;
gap:28px;
min-width:0;
}
/* Logo */
.eplus-logo{
display:flex;
align-items:center;
justify-content:flex-start;
width:240px;
height:62px;
overflow:hidden;
flex-shrink:0;
margin-right:8px;
text-decoration:none!important;
}
.eplus-logo img{
display:block;
width:322px;
height:auto;
max-width:none;
margin-left:-40px;
margin-top:2px;
object-fit:contain;
transition:
transform .25s ease,
filter .25s ease;
}
.eplus-logo:hover img{
transform:scale(1.015);
filter:drop-shadow(
0 6px 14px rgba(37,99,235,.14)
);
}
/* ????? ????? */
.eplus-main-nav{
display:flex;
align-items:center;
gap:32px;
white-space:nowrap;
}
.eplus-main-nav a{
position:relative;
color:#111827!important;
font-size:16px;
font-weight:850;
line-height:1;
text-decoration:none!important;
transition:color .22s ease;
}
.eplus-main-nav a::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:-10px;
width:0;
height:3px;
margin:auto;
background:#2563eb;
border-radius:999px;
transition:width .22s ease;
}
.eplus-main-nav a:hover::after{
width:100%;
}
/* ????? ?????? */
.eplus-header-right{
display:flex;
align-items:center;
justify-content:flex-end;
gap:14px;
margin-left:auto;
}
.eplus-header-right > a{
color:#111827!important;
font-weight:800;
text-decoration:none!important;
}
/* ??????? header */
.eplus-header-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:11px 17px;
background:#2563eb;
color:#ffffff!important;
border:1px solid #2563eb;
border-radius:12px;
font-size:14px;
font-weight:850;
line-height:1.2;
text-decoration:none!important;
box-shadow:0 8px 20px rgba(37,99,235,.18);
transition:
transform .2s ease,
box-shadow .2s ease,
background .2s ease;
}
.eplus-header-btn:hover{
background:#1d4ed8;
transform:translateY(-2px);
box-shadow:0 12px 26px rgba(37,99,235,.26);
}
.eplus-header-btn.employer{
background:#0f172a;
border-color:#0f172a;
}
.eplus-header-btn.employer:hover{
background:#1e293b;
}
/* User dropdown */
.eplus-user-trigger{
display:flex;
align-items:center;
justify-content:center;
gap:6px;
min-height:44px;
padding:10px 17px;
background:#f8fafc;
color:#111827;
border:1px solid #dfe6ef;
border-radius:999px;
font-size:15px;
font-weight:800;
cursor:pointer;
box-shadow:0 4px 12px rgba(15,23,42,.04);
transition:
background .2s ease,
color .2s ease,
border-color .2s ease;
}
.eplus-user-trigger:hover{
background:#eff6ff;
color:#1d4ed8;
border-color:#bfdbfe;
}
.eplus-dropdown-menu{
position:absolute;
top:calc(100% + 12px);
right:0;
display:none;
flex-direction:column;
min-width:245px;
padding:10px;
background:#ffffff;
border:1px solid #e5eaf2;
border-radius:18px;
box-shadow:0 20px 50px rgba(15,23,42,.16);
}
.eplus-user-dropdown:hover .eplus-dropdown-menu,
.eplus-user-dropdown:focus-within .eplus-dropdown-menu{
display:flex;
}
.eplus-dropdown-menu a{
display:block;
padding:11px 13px;
color:#1f2937!important;
border-radius:10px;
font-size:14px;
font-weight:750;
text-decoration:none!important;
transition:
background .2s ease,
color .2s ease;
}
.eplus-dropdown-menu a:hover{
background:#eff6ff;
color:#1d4ed8!important;
}
.eplus-dropdown-menu hr{
width:100%;
height:1px;
margin:8px 0;
border:0;
background:#e5e7eb;
}
.eplus-dropdown-menu .logout:hover{
background:#fef2f2;
color:#b91c1c!important;
}
/* ===================================================
TABLET
=================================================== */
@media(max-width:1100px){
.eplus-header{
padding:0 22px;
}
.eplus-header-left{
gap:20px;
}
.eplus-logo{
width:205px;
height:56px;
margin-right:4px;
}
.eplus-logo img{
width:278px;
margin-left:-35px;
margin-top:1px;
}
.eplus-main-nav{
gap:22px;
}
.eplus-main-nav a{
font-size:15px;
}
.eplus-header-btn{
padding:10px 13px;
font-size:13px;
}
}
/* ===================================================
MOBILE
=================================================== */
@media(max-width:768px){
.eplus-header{
min-height:70px;
padding:0 15px;
}
.eplus-header-left{
gap:0;
}
.eplus-logo{
width:165px;
height:48px;
margin-right:0;
}
.eplus-logo img{
width:222px;
margin-left:-28px;
margin-top:1px;
}
.eplus-main-nav{
display:none;
}
.eplus-header-right{
gap:8px;
}
.eplus-header-right > a:not(.eplus-header-btn){
display:none;
}
.eplus-header-btn{
min-height:40px;
padding:9px 11px;
font-size:12px;
border-radius:10px;
}
.eplus-user-trigger{
min-height:40px;
padding:9px 13px;
font-size:13px;
}
.eplus-dropdown-menu{
position:fixed;
top:78px;
left:12px;
right:12px;
width:auto;
min-width:0;
}
}
/* ???? ????? ?????? */
@media(max-width:480px){
.eplus-logo{
width:148px;
height:46px;
}
.eplus-logo img{
width:200px;
margin-left:-25px;
}
.eplus-header-btn{
display:none;
}
}
/* ===================================================
EMPLOYER JOB VIEWS
=================================================== */
.eplus-job-views-page{
width:100%;
max-width:1180px;
margin:0 auto;
padding:48px 20px 80px;
}
.eplus-job-views-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:24px;
margin-bottom:30px;
}
.eplus-job-views-head > div{
min-width:0;
}
.eplus-job-views-head span{
display:inline-block;
margin-bottom:8px;
color:#2563eb;
font-size:13px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.7px;
}
.eplus-job-views-head h1{
margin:0 0 10px;
color:#0f172a;
font-size:clamp(34px,4vw,46px);
line-height:1.1;
font-weight:950;
letter-spacing:-1px;
}
.eplus-job-views-head p{
margin:0;
max-width:700px;
color:#64748b;
font-size:16px;
line-height:1.65;
}
.eplus-job-views-back{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:46px;
padding:12px 18px;
color:#1d4ed8!important;
background:#eff6ff;
border:1px solid #dbeafe;
border-radius:12px;
font-size:14px;
font-weight:850;
text-decoration:none!important;
white-space:nowrap;
transition:
transform .2s ease,
background .2s ease,
color .2s ease;
}
.eplus-job-views-back:hover{
transform:translateY(-2px);
color:#fff!important;
background:#2563eb;
}
/* List */
.eplus-job-views-list{
display:flex;
flex-direction:column;
gap:18px;
}
/* Card */
.eplus-job-view-card{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:28px;
align-items:center;
width:100%;
padding:26px;
background:#fff;
border:1px solid #e2e8f0;
border-radius:22px;
box-shadow:0 16px 42px rgba(15,23,42,.06);
transition:
transform .22s ease,
border-color .22s ease,
box-shadow .22s ease;
}
.eplus-job-view-card:hover{
transform:translateY(-3px);
border-color:#cbd5e1;
box-shadow:0 22px 52px rgba(15,23,42,.09);
}
/* Left info */
.eplus-job-view-info{
min-width:0;
}
.eplus-job-view-title-row{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:12px;
margin-bottom:8px;
}
.eplus-job-view-title-row h2{
margin:0;
color:#0f172a;
font-size:23px;
line-height:1.3;
font-weight:950;
overflow-wrap:anywhere;
}
.eplus-job-view-status{
display:inline-flex;
align-items:center;
justify-content:center;
padding:6px 10px;
border-radius:999px;
font-size:12px;
font-weight:900;
}
.eplus-job-view-status.status-publish{
color:#166534;
background:#dcfce7;
border:1px solid #bbf7d0;
}
.eplus-job-view-status.status-pending{
color:#92400e;
background:#fef3c7;
border:1px solid #fde68a;
}
.eplus-job-view-status.status-draft{
color:#475569;
background:#f1f5f9;
border:1px solid #e2e8f0;
}
.eplus-job-view-info > p{
margin:0 0 16px;
color:#64748b;
font-size:14px;
line-height:1.5;
}
.eplus-job-view-links{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.eplus-job-view-links a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:9px 14px;
color:#1d4ed8!important;
background:#eff6ff;
border:1px solid #dbeafe;
border-radius:10px;
font-size:13px;
font-weight:850;
text-decoration:none!important;
transition:
transform .18s ease,
background .18s ease,
color .18s ease;
}
.eplus-job-view-links a:hover{
transform:translateY(-2px);
color:#fff!important;
background:#2563eb;
}
/* Stats */
.eplus-job-view-stats{
display:grid;
grid-template-columns:repeat(3,minmax(110px,1fr));
gap:10px;
}
.eplus-job-view-stats > div{
min-width:110px;
padding:16px 14px;
text-align:center;
background:#f8fafc;
border:1px solid #e2e8f0;
border-radius:14px;
}
.eplus-job-view-stats strong{
display:block;
margin-bottom:4px;
color:#0f172a;
font-size:24px;
font-weight:950;
}
.eplus-job-view-stats span{
color:#64748b;
font-size:12px;
font-weight:800;
}
/* Empty state */
.eplus-job-views-empty{
max-width:720px;
margin:30px auto;
padding:46px 28px;
text-align:center;
background:#fff;
border:1px solid #e2e8f0;
border-radius:24px;
box-shadow:0 16px 42px rgba(15,23,42,.06);
}
.eplus-job-views-empty h2{
margin:0 0 10px;
color:#0f172a;
}
.eplus-job-views-empty p{
margin:0 0 22px;
color:#64748b;
}
.eplus-job-views-empty a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:46px;
padding:12px 18px;
color:#fff!important;
background:#2563eb;
border-radius:12px;
font-weight:850;
text-decoration:none!important;
}
/* Tablet */
@media(max-width:900px){
.eplus-job-views-head{
align-items:flex-start;
flex-direction:column;
}
.eplus-job-view-card{
grid-template-columns:1fr;
}
.eplus-job-view-stats{
grid-template-columns:repeat(3,minmax(0,1fr));
}
}
/* Mobile */
@media(max-width:600px){
.eplus-job-views-page{
padding:34px 15px 60px;
}
.eplus-job-view-card{
padding:20px;
border-radius:18px;
}
.eplus-job-view-title-row h2{
font-size:20px;
}
.eplus-job-view-stats{
grid-template-columns:1fr;
}
.eplus-job-view-stats > div{
min-width:0;
}
.eplus-job-view-links{
flex-direction:column;
}
.eplus-job-view-links a{
width:100%;
}
}
/* ===================================================
HOMEPAGE - EMPLOYER BENEFITS
=================================================== */
.homepage-employers{
position:relative;
max-width:1180px;
margin:76px auto;
padding:46px;
overflow:hidden;
background:
linear-gradient(
135deg,
#f8fbff 0%,
#eef5ff 55%,
#f8fafc 100%
);
border:1px solid #dbe7f5;
border-radius:32px;
box-shadow:
0 24px 65px rgba(15,23,42,.08);
}
.homepage-employers::before{
content:"";
position:absolute;
top:-130px;
right:-120px;
width:330px;
height:330px;
background:rgba(37,99,235,.09);
border-radius:50%;
pointer-events:none;
}
.homepage-employers-intro{
position:relative;
z-index:2;
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:35px;
margin-bottom:38px;
}
.homepage-employers-copy{
max-width:680px;
}
.homepage-employers-kicker{
display:inline-flex;
align-items:center;
margin-bottom:11px;
color:#2563eb;
font-size:13px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.8px;
}
.homepage-employers-copy h2{
max-width:660px;
margin:0 0 15px;
color:#0f172a;
font-size:clamp(34px,4vw,49px);
line-height:1.12;
font-weight:950;
letter-spacing:-1.2px;
}
.homepage-employers-copy p{
max-width:650px;
margin:0;
color:#64748b;
font-size:17px;
line-height:1.75;
}
.homepage-employers-actions{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
gap:11px;
flex-shrink:0;
}
.homepage-employer-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:50px;
padding:13px 20px;
border-radius:13px;
font-size:14px;
font-weight:900;
text-align:center;
text-decoration:none!important;
transition:
transform .2s ease,
box-shadow .2s ease,
background .2s ease;
}
.homepage-employer-btn:hover{
transform:translateY(-3px);
}
.homepage-employer-btn.primary{
color:#fff!important;
background:#2563eb;
box-shadow:
0 12px 28px rgba(37,99,235,.22);
}
.homepage-employer-btn.primary:hover{
background:#1d4ed8;
box-shadow:
0 17px 34px rgba(37,99,235,.30);
}
.homepage-employer-btn.secondary{
color:#1d4ed8!important;
background:#fff;
border:1px solid #bfdbfe;
}
.homepage-employer-btn.secondary:hover{
background:#eff6ff;
}
/* Benefits grid */
.homepage-employer-benefits{
position:relative;
z-index:2;
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:16px;
}
.homepage-employer-benefit{
display:flex;
flex-direction:column;
min-width:0;
min-height:240px;
padding:24px 20px;
background:rgba(255,255,255,.88);
border:1px solid #dfe7f1;
border-radius:22px;
box-shadow:
0 14px 35px rgba(15,23,42,.06);
transition:
transform .23s ease,
border-color .23s ease,
box-shadow .23s ease;
}
.homepage-employer-benefit:hover{
transform:translateY(-6px);
border-color:#93c5fd;
box-shadow:
0 22px 45px rgba(37,99,235,.13);
}
.homepage-employer-benefit-icon{
display:flex;
align-items:center;
justify-content:center;
width:56px;
height:56px;
margin-bottom:20px;
background:
linear-gradient(
145deg,
#eff6ff,
#dbeafe
);
border-radius:18px;
font-size:27px;
box-shadow:
inset 0 -7px 13px rgba(37,99,235,.10),
0 10px 20px rgba(37,99,235,.13);
}
.homepage-employer-benefit h3{
margin:0 0 11px;
color:#0f172a;
font-size:19px;
line-height:1.3;
font-weight:950;
}
.homepage-employer-benefit p{
margin:0;
color:#64748b;
font-size:14px;
line-height:1.7;
font-weight:650;
}
/* Tablet */
@media(max-width:1100px){
.homepage-employers{
padding:38px 30px;
}
.homepage-employer-benefits{
grid-template-columns:
repeat(3,minmax(0,1fr));
}
}
/* Smaller tablet */
@media(max-width:820px){
.homepage-employers-intro{
align-items:flex-start;
flex-direction:column;
}
.homepage-employers-actions{
justify-content:flex-start;
}
.homepage-employer-benefits{
grid-template-columns:
repeat(2,minmax(0,1fr));
}
}
/* Mobile */
@media(max-width:560px){
.homepage-employers{
margin:50px 15px;
padding:30px 20px;
border-radius:24px;
}
.homepage-employers-copy p{
font-size:15px;
}
.homepage-employers-actions{
width:100%;
}
.homepage-employer-btn{
width:100%;
}
.homepage-employer-benefits{
grid-template-columns:1fr;
}
.homepage-employer-benefit{
min-height:auto;
padding:22px 19px;
}
}
/* ===================================================
EPLUS FAQ PAGE
=================================================== */
.eplus-faq-page{
width:100%;
max-width:1180px;
margin:0 auto;
padding:54px 20px 90px;
}
/* ===================================================
FAQ HERO
=================================================== */
.eplus-faq-hero{
position:relative;
overflow:hidden;
padding:52px 42px;
margin-bottom:34px;
background:
linear-gradient(
135deg,
#0f172a 0%,
#1d4ed8 58%,
#60a5fa 100%
);
border-radius:30px;
color:#fff;
box-shadow:
0 24px 65px rgba(15,23,42,.16);
}
.eplus-faq-hero::before{
content:"";
position:absolute;
top:-110px;
right:-90px;
width:320px;
height:320px;
background:rgba(255,255,255,.10);
border-radius:50%;
pointer-events:none;
}
.eplus-faq-hero::after{
content:"";
position:absolute;
left:-80px;
bottom:-120px;
width:260px;
height:260px;
background:rgba(255,255,255,.07);
border-radius:50%;
pointer-events:none;
}
.eplus-faq-hero > *{
position:relative;
z-index:2;
}
.eplus-faq-kicker{
display:inline-flex;
align-items:center;
margin-bottom:14px;
padding:8px 13px;
background:rgba(255,255,255,.14);
border:1px solid rgba(255,255,255,.22);
border-radius:999px;
color:#fff;
font-size:13px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.7px;
}
.eplus-faq-hero h1{
margin:0 0 14px;
color:#fff;
font-size:clamp(38px,5vw,58px);
line-height:1.05;
font-weight:950;
letter-spacing:-1.5px;
}
.eplus-faq-hero p{
max-width:760px;
margin:0;
color:#dbeafe;
font-size:18px;
line-height:1.7;
}
.eplus-faq-summary{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:24px;
}
.eplus-faq-summary span{
display:inline-flex;
align-items:center;
padding:8px 12px;
color:#fff;
background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.18);
border-radius:999px;
font-size:13px;
font-weight:800;
}
/* ===================================================
FAQ LAYOUT
=================================================== */
.eplus-faq-layout{
display:grid;
grid-template-columns:260px minmax(0,1fr);
gap:28px;
align-items:start;
}
/* ===================================================
FAQ NAVIGATION
=================================================== */
.eplus-faq-navigation{
position:sticky;
top:105px;
display:flex;
flex-direction:column;
gap:8px;
padding:20px;
background:#fff;
border:1px solid #e2e8f0;
border-radius:22px;
box-shadow:
0 16px 42px rgba(15,23,42,.06);
}
.eplus-faq-navigation > strong{
margin-bottom:4px;
padding:0 4px 10px;
color:#0f172a;
font-size:16px;
font-weight:950;
border-bottom:1px solid #e8edf4;
}
.eplus-faq-navigation a{
display:flex;
align-items:center;
gap:10px;
min-height:44px;
padding:10px 12px;
color:#334155!important;
background:transparent;
border-radius:12px;
font-size:14px;
font-weight:800;
text-decoration:none!important;
transition:
transform .18s ease,
background .18s ease,
color .18s ease;
}
.eplus-faq-navigation a:hover{
transform:translateX(3px);
color:#1d4ed8!important;
background:#eff6ff;
}
.eplus-faq-navigation a span{
display:inline-flex;
align-items:center;
justify-content:center;
width:30px;
height:30px;
background:#f1f5f9;
border-radius:9px;
flex-shrink:0;
}
.eplus-faq-navigation .eplus-faq-contact-link{
margin-top:8px;
color:#fff!important;
background:#2563eb;
justify-content:center;
}
.eplus-faq-navigation .eplus-faq-contact-link:hover{
color:#fff!important;
background:#1d4ed8;
}
/* ===================================================
FAQ CONTENT
=================================================== */
.eplus-faq-content{
min-width:0;
}
.eplus-faq-group{
scroll-margin-top:110px;
margin-bottom:26px;
padding:26px;
background:#fff;
border:1px solid #e2e8f0;
border-radius:24px;
box-shadow:
0 16px 42px rgba(15,23,42,.06);
}
.eplus-faq-group:last-child{
margin-bottom:0;
}
.eplus-faq-group-head{
display:flex;
align-items:center;
gap:14px;
margin-bottom:20px;
}
.eplus-faq-group-icon{
display:flex;
align-items:center;
justify-content:center;
width:52px;
height:52px;
background:
linear-gradient(
145deg,
#eff6ff,
#dbeafe
);
border-radius:17px;
font-size:25px;
box-shadow:
inset 0 -6px 12px rgba(37,99,235,.09),
0 10px 20px rgba(37,99,235,.12);
flex-shrink:0;
}
.eplus-faq-group-head h2{
margin:0 0 3px;
color:#0f172a;
font-size:25px;
line-height:1.2;
font-weight:950;
}
.eplus-faq-group-head span{
color:#64748b;
font-size:13px;
font-weight:800;
}
/* ===================================================
FAQ ACCORDION
=================================================== */
.eplus-faq-accordion{
display:flex;
flex-direction:column;
gap:11px;
}
.eplus-faq-item{
overflow:hidden;
background:#f8fafc;
border:1px solid #e2e8f0;
border-radius:16px;
transition:
border-color .2s ease,
background .2s ease,
box-shadow .2s ease;
}
.eplus-faq-item[open]{
background:#fff;
border-color:#93c5fd;
box-shadow:
0 12px 28px rgba(37,99,235,.09);
}
.eplus-faq-item summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
min-height:60px;
padding:16px 18px;
cursor:pointer;
list-style:none;
color:#0f172a;
}
.eplus-faq-item summary::-webkit-details-marker{
display:none;
}
.eplus-faq-question{
min-width:0;
font-size:15px;
line-height:1.45;
font-weight:900;
}
.eplus-faq-toggle{
position:relative;
width:26px;
height:26px;
background:#eff6ff;
border:1px solid #dbeafe;
border-radius:8px;
flex-shrink:0;
transition:
transform .2s ease,
background .2s ease;
}
.eplus-faq-toggle::before,
.eplus-faq-toggle::after{
content:"";
position:absolute;
left:50%;
top:50%;
background:#2563eb;
border-radius:999px;
transform:translate(-50%,-50%);
}
.eplus-faq-toggle::before{
width:12px;
height:2px;
}
.eplus-faq-toggle::after{
width:2px;
height:12px;
transition:opacity .2s ease;
}
.eplus-faq-item[open] .eplus-faq-toggle{
transform:rotate(180deg);
background:#2563eb;
}
.eplus-faq-item[open] .eplus-faq-toggle::before,
.eplus-faq-item[open] .eplus-faq-toggle::after{
background:#fff;
}
.eplus-faq-item[open] .eplus-faq-toggle::after{
opacity:0;
}
.eplus-faq-answer{
padding:0 18px 18px;
}
.eplus-faq-answer p{
margin:0;
color:#64748b;
font-size:14px;
line-height:1.75;
}
/* ===================================================
CONTACT CTA
=================================================== */
.eplus-faq-contact{
display:flex;
align-items:center;
justify-content:space-between;
gap:28px;
margin-top:34px;
padding:34px;
background:
linear-gradient(
135deg,
#1d4ed8,
#0f172a
);
border-radius:26px;
color:#fff;
box-shadow:
0 22px 55px rgba(15,23,42,.14);
}
.eplus-faq-contact span{
display:inline-block;
margin-bottom:6px;
color:#bfdbfe;
font-size:13px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.6px;
}
.eplus-faq-contact h2{
margin:0 0 8px;
color:#fff;
font-size:30px;
line-height:1.15;
font-weight:950;
}
.eplus-faq-contact p{
margin:0;
max-width:700px;
color:#dbeafe;
font-size:15px;
line-height:1.65;
}
.eplus-faq-contact > a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:12px 20px;
color:#1d4ed8!important;
background:#fff;
border-radius:13px;
font-size:14px;
font-weight:900;
text-decoration:none!important;
white-space:nowrap;
transition:
transform .2s ease,
box-shadow .2s ease;
}
.eplus-faq-contact > a:hover{
transform:translateY(-3px);
box-shadow:
0 14px 28px rgba(255,255,255,.16);
}
/* ===================================================
TABLET
=================================================== */
@media(max-width:980px){
.eplus-faq-layout{
grid-template-columns:1fr;
}
.eplus-faq-navigation{
position:static;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
}
.eplus-faq-navigation > strong{
grid-column:1/-1;
}
.eplus-faq-navigation .eplus-faq-contact-link{
margin-top:0;
}
}
/* ===================================================
MOBILE
=================================================== */
@media(max-width:640px){
.eplus-faq-page{
padding:34px 15px 65px;
}
.eplus-faq-hero{
padding:36px 23px;
border-radius:23px;
}
.eplus-faq-hero p{
font-size:15px;
}
.eplus-faq-navigation{
grid-template-columns:1fr;
padding:16px;
border-radius:18px;
}
.eplus-faq-group{
padding:20px;
border-radius:20px;
}
.eplus-faq-group-head{
align-items:flex-start;
}
.eplus-faq-group-head h2{
font-size:21px;
}
.eplus-faq-item summary{
min-height:56px;
padding:14px 15px;
}
.eplus-faq-question{
font-size:14px;
}
.eplus-faq-answer{
padding:0 15px 15px;
}
.eplus-faq-contact{
align-items:flex-start;
flex-direction:column;
padding:27px 22px;
border-radius:22px;
}
.eplus-faq-contact > a{
width:100%;
}
}
/*==================================================
EPLUS CONTACT PAGE
==================================================*/
.eplus-contact-page{
max-width:1200px;
margin:0 auto;
padding:60px 20px 90px;
}
/* HERO */
.eplus-contact-hero{
background:linear-gradient(135deg,#0f172a,#2563eb);
border-radius:28px;
padding:60px;
color:#fff;
margin-bottom:40px;
box-shadow:0 25px 60px rgba(0,0,0,.12);
}
.eplus-contact-kicker{
display:inline-block;
background:rgba(255,255,255,.15);
padding:8px 14px;
border-radius:999px;
font-size:13px;
font-weight:700;
margin-bottom:18px;
}
.eplus-contact-hero h1{
color:#fff;
font-size:48px;
margin:0 0 15px;
font-weight:900;
}
.eplus-contact-hero p{
max-width:700px;
color:#dbeafe;
font-size:18px;
line-height:1.8;
margin:0;
}
/* LAYOUT */
.eplus-contact-layout{
display:grid;
grid-template-columns:350px 1fr;
gap:30px;
align-items:start;
}
/* LEFT */
.eplus-contact-info{
background:#fff;
border:1px solid #e5e7eb;
border-radius:22px;
padding:30px;
box-shadow:0 12px 35px rgba(0,0,0,.05);
position:sticky;
top:110px;
}
.eplus-contact-info-head h2{
margin:10px 0;
font-size:28px;
}
.eplus-contact-info-head span{
color:#2563eb;
font-weight:700;
}
.eplus-contact-info-head p{
color:#64748b;
line-height:1.8;
}
.eplus-contact-info-list{
margin-top:30px;
display:flex;
flex-direction:column;
gap:20px;
}
.eplus-contact-info-item{
display:flex;
gap:15px;
}
.eplus-contact-info-icon{
width:50px;
height:50px;
border-radius:15px;
background:#eff6ff;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
flex-shrink:0;
}
.eplus-contact-info-item strong{
display:block;
margin-bottom:4px;
}
.eplus-contact-info-item a{
color:#2563eb;
text-decoration:none;
font-weight:600;
}
.eplus-contact-info-item span{
color:#64748b;
}
/* RIGHT */
.eplus-contact-form-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:22px;
padding:35px;
box-shadow:0 12px 35px rgba(0,0,0,.05);
}
.eplus-contact-form-head span{
color:#2563eb;
font-weight:700;
}
.eplus-contact-form-head h2{
margin:10px 0 25px;
font-size:30px;
}
.eplus-contact-form-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:22px;
}
.eplus-contact-field.full{
grid-column:1/-1;
}
.eplus-contact-field label{
display:block;
margin-bottom:8px;
font-weight:700;
color:#0f172a;
}
.eplus-contact-field input,
.eplus-contact-field textarea,
.eplus-contact-field select{
width:100%;
padding:14px 16px;
border:1px solid #dbe4ef;
border-radius:12px;
font-size:15px;
transition:.25s;
background:#fff;
}
.eplus-contact-field textarea{
resize:vertical;
min-height:180px;
}
.eplus-contact-field input:focus,
.eplus-contact-field textarea:focus,
.eplus-contact-field select:focus{
outline:none;
border-color:#2563eb;
box-shadow:0 0 0 4px rgba(37,99,235,.10);
}
/* Honeypot */
.eplus-contact-honeypot{
display:none;
}
/* Privacy */
.eplus-contact-privacy{
display:flex;
gap:12px;
margin:28px 0;
align-items:flex-start;
color:#64748b;
font-size:14px;
}
.eplus-contact-privacy input{
margin-top:4px;
}
/* Button */
.eplus-contact-submit{
display:inline-flex;
align-items:center;
justify-content:center;
height:54px;
padding:0 32px;
background:#2563eb;
color:#fff;
border:none;
border-radius:14px;
cursor:pointer;
font-size:16px;
font-weight:700;
transition:.25s;
}
.eplus-contact-submit:hover{
background:#1d4ed8;
transform:translateY(-2px);
box-shadow:0 12px 30px rgba(37,99,235,.25);
}
/* Notices */
.eplus-contact-notice{
margin-bottom:25px;
padding:18px 22px;
border-radius:14px;
font-weight:600;
}
.eplus-contact-notice.success{
background:#ecfdf5;
border:1px solid #86efac;
color:#166534;
}
.eplus-contact-notice.error{
background:#fef2f2;
border:1px solid #fecaca;
color:#991b1b;
}
/* Mobile */
@media(max-width:992px){
.eplus-contact-layout{
grid-template-columns:1fr;
}
.eplus-contact-info{
position:relative;
top:auto;
}
}
@media(max-width:768px){
.eplus-contact-hero{
padding:35px 25px;
}
.eplus-contact-hero h1{
font-size:34px;
}
.eplus-contact-form-card{
padding:25px;
}
.eplus-contact-form-grid{
grid-template-columns:1fr;
}
.eplus-contact-field.full{
grid-column:auto;
}
}
@media(max-width:480px){
.eplus-contact-page{
padding:35px 15px 60px;
}
.eplus-contact-hero{
border-radius:22px;
}
.eplus-contact-form-card,
.eplus-contact-info{
padding:22px;
}
.eplus-contact-submit{
width:100%;
}
}
/*======================================================
= EPLUS JOB SEARCH PAGE
======================================================*/
/* HERO */
.eplus-job-search-hero{
position:relative;
overflow:hidden;
padding:50px;
border-radius:30px;
background:linear-gradient(135deg,#162447,#2563eb,#60a5fa);
color:#fff;
margin-bottom:35px;
}
.eplus-job-search-hero h1{
font-size:52px;
margin:15px 0;
color:#fff;
}
.eplus-job-search-hero p{
font-size:20px;
opacity:.9;
}
.eplus-job-search-badge{
display:inline-flex;
align-items:center;
padding:8px 18px;
border-radius:30px;
background:rgba(255,255,255,.15);
border:1px solid rgba(255,255,255,.25);
font-size:13px;
font-weight:700;
text-transform:uppercase;
}
/*======================================================
= FILTERS
======================================================*/
.eplus-job-search-form{
background:#fff;
padding:22px;
border-radius:24px;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
gap:14px;
box-shadow:0 10px 35px rgba(0,0,0,.08);
margin-bottom:35px;
}
.eplus-job-search-form input[type=text],
.eplus-job-search-form select{
width:100%;
height:54px;
border:1px solid #d8e2ef;
border-radius:14px;
padding:0 16px;
font-size:15px;
background:#fff;
}
.eplus-job-search-form input:focus,
.eplus-job-search-form select:focus{
outline:none;
border-color:#2563eb;
}
.remote-filter{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
height:54px;
border:1px solid #d8e2ef;
border-radius:14px;
background:#fff;
font-weight:600;
}
.eplus-job-search-form button{
height:54px;
border:none;
border-radius:14px;
background:#2563eb;
color:#fff;
font-size:16px;
font-weight:700;
cursor:pointer;
transition:.25s;
}
.eplus-job-search-form button:hover{
background:#1d4ed8;
}
/*======================================================
= RESULTS
======================================================*/
.eplus-job-results{
display:flex;
flex-direction:column;
gap:25px;
}
/*======================================================
= JOB CARD
======================================================*/
.eplus-job-result-card{
display:flex;
align-items:stretch;
overflow:hidden;
background:#fff;
border-radius:24px;
box-shadow:0 12px 35px rgba(0,0,0,.08);
text-decoration:none;
transition:.25s;
}
.eplus-job-result-card:hover{
transform:translateY(-4px);
box-shadow:0 18px 45px rgba(37,99,235,.15);
}
.eplus-job-result-image{
width:340px;
min-width:340px;
background:#f4f7fb;
}
.eplus-job-result-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.eplus-job-result-content{
flex:1;
padding:28px;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.eplus-job-result-content h3{
font-size:32px;
margin:0 0 18px;
color:#1e293b;
}
.job-company{
font-size:20px;
color:#2563eb;
font-weight:700;
margin-bottom:18px;
}
.job-result-meta{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-bottom:20px;
}
.job-result-meta span{
padding:8px 16px;
background:#eef4ff;
border-radius:999px;
font-size:14px;
color:#334155;
}
.job-description{
color:#64748b;
line-height:1.8;
margin-bottom:20px;
}
.job-footer{
display:flex;
justify-content:space-between;
align-items:center;
}
.job-posted{
color:#64748b;
}
.job-result-link{
padding:14px 28px;
background:#2563eb;
color:#fff;
border-radius:12px;
font-weight:700;
transition:.25s;
}
.eplus-job-result-card:hover .job-result-link{
background:#1d4ed8;
}
/*======================================================
= PREMIUM BADGES
======================================================*/
.eplus-job-result-card.featured{
border-left:6px solid #f59e0b;
}
.eplus-job-result-card.premium{
border-left:6px solid #2563eb;
}
.eplus-job-result-card.sticky{
border-left:6px solid #16a34a;
}
/*======================================================
= RESPONSIVE
======================================================*/
@media(max-width:992px){
.eplus-job-result-card{
flex-direction:column;
}
.eplus-job-result-image{
width:100%;
min-width:100%;
height:260px;
}
}
@media(max-width:768px){
.eplus-job-search-hero{
padding:35px 25px;
}
.eplus-job-search-hero h1{
font-size:36px;
}
.eplus-job-search-form{
grid-template-columns:1fr;
}
.job-footer{
flex-direction:column;
align-items:flex-start;
gap:15px;
}
.eplus-job-result-content{
padding:22px;
}
.eplus-job-result-content h3{
font-size:24px;
}
}
/* ===================================================
EPLUS SINGLE JOB - FINAL OVERRIDE
=================================================== */
/* ??????? ??????????? ??? theme */
body.single-job_listing main,
body.single-job_listing .site-main,
body.single-job_listing .content-area,
body.single-job_listing .site-content,
body.single-job_listing article.job_listing,
body.single-job_listing .job_listing{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
body.single-job_listing .entry-header,
body.single-job_listing .entry-title{
display:none!important;
}
body.single-job_listing{
background:#f5f7fb!important;
}
/* ===================================================
PAGE WRAPPER
=================================================== */
.eplus-single-job-page{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:36px 20px 90px!important;
background:#f5f7fb!important;
color:#0f172a!important;
box-sizing:border-box!important;
}
.eplus-single-job-page *,
.eplus-single-job-page *::before,
.eplus-single-job-page *::after{
box-sizing:border-box!important;
}
/* ===================================================
HERO
=================================================== */
.eplus-single-job-hero{
position:relative!important;
overflow:hidden!important;
display:flex!important;
align-items:flex-end!important;
width:100%!important;
max-width:1180px!important;
min-height:500px!important;
margin:0 auto 30px!important;
padding:54px!important;
background-size:cover!important;
background-position:center!important;
background-repeat:no-repeat!important;
border-radius:30px!important;
box-shadow:
0 28px 70px rgba(15,23,42,.20)!important;
}
.eplus-single-job-hero::before{
content:""!important;
position:absolute!important;
inset:0!important;
background:
linear-gradient(
90deg,
rgba(15,23,42,.94) 0%,
rgba(15,23,42,.76) 53%,
rgba(15,23,42,.28) 100%
)!important;
z-index:1!important;
pointer-events:none!important;
}
.eplus-single-job-hero::after{
content:""!important;
position:absolute!important;
inset:auto 0 0!important;
height:160px!important;
background:
linear-gradient(
to top,
rgba(2,6,23,.38),
transparent
)!important;
z-index:1!important;
pointer-events:none!important;
}
.eplus-single-job-hero-content{
position:relative!important;
z-index:2!important;
width:100%!important;
max-width:900px!important;
margin:0!important;
padding:0!important;
color:#fff!important;
}
/* Badges */
.eplus-single-job-badges{
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
margin:0 0 18px!important;
}
.eplus-single-job-badges span{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:34px!important;
padding:7px 12px!important;
color:#fff!important;
background:rgba(15,23,42,.68)!important;
border:1px solid rgba(255,255,255,.24)!important;
border-radius:999px!important;
font-size:12px!important;
line-height:1!important;
font-weight:900!important;
backdrop-filter:blur(10px)!important;
-webkit-backdrop-filter:blur(10px)!important;
}
.eplus-single-job-badges .featured{
color:#92400e!important;
background:#fef3c7!important;
border-color:#fde68a!important;
}
.eplus-single-job-badges .premium{
background:#2563eb!important;
}
.eplus-single-job-badges .sticky{
background:#7c3aed!important;
}
/* Hero typography */
.eplus-single-job-hero h1{
max-width:900px!important;
margin:0 0 13px!important;
padding:0!important;
color:#fff!important;
font-size:clamp(40px,5vw,64px)!important;
line-height:1.05!important;
font-weight:950!important;
letter-spacing:-1.4px!important;
text-shadow:
0 5px 26px rgba(0,0,0,.32)!important;
}
.eplus-single-job-company{
margin:0 0 18px!important;
color:#dbeafe!important;
font-size:20px!important;
line-height:1.4!important;
font-weight:850!important;
}
.eplus-single-job-hero-meta{
display:flex!important;
flex-wrap:wrap!important;
gap:9px!important;
margin:0 0 25px!important;
padding:0!important;
}
.eplus-single-job-hero-meta span{
display:inline-flex!important;
align-items:center!important;
min-height:36px!important;
padding:8px 12px!important;
color:#fff!important;
background:rgba(15,23,42,.54)!important;
border:1px solid rgba(255,255,255,.19)!important;
border-radius:999px!important;
font-size:13px!important;
line-height:1.2!important;
font-weight:800!important;
backdrop-filter:blur(10px)!important;
-webkit-backdrop-filter:blur(10px)!important;
}
/* Hero buttons */
.eplus-single-job-hero-actions{
display:flex!important;
flex-wrap:wrap!important;
align-items:center!important;
gap:12px!important;
margin:0!important;
}
.eplus-single-job-apply{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:54px!important;
padding:14px 25px!important;
color:#1d4ed8!important;
background:#fff!important;
border:0!important;
border-radius:14px!important;
font-size:15px!important;
line-height:1!important;
font-weight:950!important;
text-decoration:none!important;
box-shadow:
0 15px 34px rgba(0,0,0,.20)!important;
transition:
transform .2s ease,
box-shadow .2s ease!important;
}
.eplus-single-job-apply:hover{
transform:translateY(-3px)!important;
box-shadow:
0 20px 42px rgba(0,0,0,.28)!important;
}
/* ===================================================
MAIN TWO-COLUMN LAYOUT
=================================================== */
.eplus-single-job-container{
display:grid!important;
grid-template-columns:minmax(0,1fr) 340px!important;
gap:28px!important;
align-items:start!important;
width:100%!important;
max-width:1180px!important;
margin:0 auto!important;
padding:0!important;
}
.eplus-single-job-main{
min-width:0!important;
width:100%!important;
}
.eplus-single-job-sidebar{
display:flex!important;
flex-direction:column!important;
gap:20px!important;
min-width:0!important;
width:100%!important;
}
/* ===================================================
CONTENT CARDS
=================================================== */
.eplus-single-job-card,
.eplus-single-job-apply-card,
.eplus-single-job-company-card{
width:100%!important;
background:#fff!important;
border:1px solid #e2e8f0!important;
border-radius:24px!important;
box-shadow:
0 17px 44px rgba(15,23,42,.07)!important;
}
.eplus-single-job-card{
margin:0 0 22px!important;
padding:32px!important;
}
.eplus-single-job-section-head{
margin:0 0 24px!important;
padding:0 0 18px!important;
border-bottom:1px solid #e8edf4!important;
}
.eplus-single-job-section-head > span{
display:inline-block!important;
margin:0 0 7px!important;
color:#2563eb!important;
font-size:12px!important;
line-height:1!important;
font-weight:900!important;
text-transform:uppercase!important;
letter-spacing:.6px!important;
}
.eplus-single-job-section-head h2{
margin:0!important;
padding:0!important;
color:#0f172a!important;
font-size:29px!important;
line-height:1.2!important;
font-weight:950!important;
}
/* ????????? */
.eplus-single-job-description{
width:100%!important;
color:#334155!important;
font-size:16px!important;
line-height:1.82!important;
}
.eplus-single-job-description > *:first-child{
margin-top:0!important;
}
.eplus-single-job-description > *:last-child{
margin-bottom:0!important;
}
.eplus-single-job-description p{
margin:0 0 18px!important;
color:#334155!important;
font-size:16px!important;
line-height:1.82!important;
}
.eplus-single-job-description h2,
.eplus-single-job-description h3,
.eplus-single-job-description h4{
margin:28px 0 12px!important;
color:#0f172a!important;
line-height:1.3!important;
font-weight:950!important;
}
.eplus-single-job-description ul,
.eplus-single-job-description ol{
margin:0 0 20px!important;
padding-left:24px!important;
}
.eplus-single-job-description li{
margin:0 0 9px!important;
color:#334155!important;
line-height:1.65!important;
}
.eplus-single-job-description a{
color:#2563eb!important;
font-weight:800!important;
}
/* Tags */
.eplus-single-job-tags{
display:flex!important;
flex-wrap:wrap!important;
gap:10px!important;
margin:0!important;
}
.eplus-single-job-tags a{
display:inline-flex!important;
align-items:center!important;
min-height:39px!important;
padding:8px 13px!important;
color:#1d4ed8!important;
background:#eff6ff!important;
border:1px solid #dbeafe!important;
border-radius:999px!important;
font-size:13px!important;
line-height:1!important;
font-weight:850!important;
text-decoration:none!important;
transition:
transform .2s ease,
color .2s ease,
background .2s ease!important;
}
.eplus-single-job-tags a:hover{
transform:translateY(-2px)!important;
color:#fff!important;
background:#2563eb!important;
}
/* ===================================================
APPLY SIDEBAR
=================================================== */
.eplus-single-job-apply-card{
position:sticky!important;
top:105px!important;
padding:28px!important;
}
.eplus-single-job-side-kicker{
display:inline-block!important;
margin:0 0 7px!important;
color:#2563eb!important;
font-size:12px!important;
line-height:1!important;
font-weight:900!important;
text-transform:uppercase!important;
letter-spacing:.6px!important;
}
.eplus-single-job-apply-card h2,
.eplus-single-job-company-card h2{
margin:0 0 11px!important;
padding:0!important;
color:#0f172a!important;
font-size:25px!important;
line-height:1.22!important;
font-weight:950!important;
}
.eplus-single-job-apply-card p,
.eplus-single-job-company-card p{
margin:0 0 20px!important;
color:#64748b!important;
font-size:14px!important;
line-height:1.7!important;
}
.eplus-single-job-side-apply{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
min-height:52px!important;
padding:13px 18px!important;
color:#fff!important;
background:
linear-gradient(
135deg,
#2563eb,
#1d4ed8
)!important;
border:0!important;
border-radius:13px!important;
font-size:15px!important;
line-height:1!important;
font-weight:950!important;
text-decoration:none!important;
box-shadow:
0 12px 28px rgba(37,99,235,.23)!important;
transition:
transform .2s ease,
box-shadow .2s ease!important;
}
.eplus-single-job-side-apply:hover{
transform:translateY(-2px)!important;
box-shadow:
0 17px 34px rgba(37,99,235,.32)!important;
}
.eplus-single-job-expiry{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
margin:20px 0 0!important;
padding:18px 0 0!important;
border-top:1px solid #e8edf4!important;
}
.eplus-single-job-expiry span{
color:#64748b!important;
font-size:13px!important;
font-weight:750!important;
}
.eplus-single-job-expiry strong{
color:#0f172a!important;
font-size:14px!important;
font-weight:900!important;
}
/* ===================================================
COMPANY SIDEBAR
=================================================== */
.eplus-single-job-company-card{
padding:28px!important;
}
.eplus-single-job-company-logo{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:76px!important;
height:76px!important;
margin:0 0 18px!important;
overflow:hidden!important;
background:
linear-gradient(
145deg,
#eff6ff,
#dbeafe
)!important;
border:1px solid #dbeafe!important;
border-radius:20px!important;
box-shadow:
inset 0 -7px 14px rgba(37,99,235,.08),
0 12px 24px rgba(37,99,235,.11)!important;
}
.eplus-single-job-company-logo img{
display:block!important;
width:100%!important;
height:100%!important;
object-fit:contain!important;
}
.eplus-single-job-company-logo span{
font-size:35px!important;
}
.eplus-single-job-company-card ul{
margin:20px 0!important;
padding:0!important;
list-style:none!important;
}
.eplus-single-job-company-card li{
display:flex!important;
align-items:flex-start!important;
gap:9px!important;
margin:0!important;
padding:10px 0!important;
color:#475569!important;
border-bottom:1px solid #e8edf4!important;
font-size:14px!important;
line-height:1.45!important;
font-weight:750!important;
}
.eplus-single-job-company-card li:last-child{
border-bottom:0!important;
}
.eplus-single-job-company-link{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
min-height:45px!important;
padding:11px 16px!important;
color:#1d4ed8!important;
background:#eff6ff!important;
border:1px solid #dbeafe!important;
border-radius:12px!important;
font-size:13px!important;
font-weight:900!important;
text-decoration:none!important;
}
/* ===================================================
BOTTOM CTA
=================================================== */
.eplus-single-job-bottom-cta{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:30px!important;
width:100%!important;
max-width:1180px!important;
margin:30px auto 0!important;
padding:36px!important;
color:#fff!important;
background:
linear-gradient(
135deg,
#1d4ed8,
#0f172a
)!important;
border-radius:27px!important;
box-shadow:
0 22px 55px rgba(15,23,42,.14)!important;
}
.eplus-single-job-bottom-cta span{
display:inline-block!important;
margin:0 0 6px!important;
color:#bfdbfe!important;
font-size:12px!important;
font-weight:900!important;
text-transform:uppercase!important;
letter-spacing:.6px!important;
}
.eplus-single-job-bottom-cta h2{
margin:0 0 8px!important;
color:#fff!important;
font-size:30px!important;
line-height:1.2!important;
font-weight:950!important;
}
.eplus-single-job-bottom-cta p{
margin:0!important;
color:#dbeafe!important;
line-height:1.6!important;
}
.eplus-single-job-bottom-cta > a{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:50px!important;
padding:13px 21px!important;
color:#1d4ed8!important;
background:#fff!important;
border-radius:13px!important;
font-size:14px!important;
font-weight:950!important;
text-decoration:none!important;
white-space:nowrap!important;
}
/* ===================================================
WP JOB MANAGER ELEMENTS INSIDE CONTENT
=================================================== */
.eplus-single-job-description .job_application{
margin:28px 0 0!important;
padding:24px!important;
background:#f8fafc!important;
border:1px solid #e2e8f0!important;
border-radius:18px!important;
}
.eplus-single-job-description .application_button,
.eplus-single-job-description .job_application_button,
.eplus-single-job-description .job_application .button{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:48px!important;
padding:12px 22px!important;
color:#fff!important;
background:#2563eb!important;
border:0!important;
border-radius:12px!important;
font-size:14px!important;
font-weight:900!important;
text-decoration:none!important;
box-shadow:
0 12px 25px rgba(37,99,235,.20)!important;
}
/* ?????????? ???????? */
.eplus-single-job-page .save-job-button,
.eplus-single-job-page .eplus-save-job,
.eplus-single-job-page [class*="save-job"]{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:44px!important;
padding:10px 16px!important;
color:#334155!important;
background:#fff!important;
border:1px solid #dfe6ef!important;
border-radius:11px!important;
font-size:13px!important;
font-weight:850!important;
text-decoration:none!important;
}
/* ===================================================
TABLET
=================================================== */
@media(max-width:980px){
.eplus-single-job-hero{
min-height:470px!important;
padding:42px!important;
}
.eplus-single-job-container{
grid-template-columns:1fr!important;
}
.eplus-single-job-sidebar{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.eplus-single-job-apply-card{
position:static!important;
}
}
/* ===================================================
MOBILE
=================================================== */
@media(max-width:700px){
.eplus-single-job-page{
padding:20px 15px 65px!important;
}
.eplus-single-job-hero{
min-height:480px!important;
padding:34px 23px!important;
border-radius:23px!important;
background-position:center!important;
}
.eplus-single-job-hero h1{
font-size:38px!important;
letter-spacing:-.8px!important;
}
.eplus-single-job-company{
font-size:17px!important;
}
.eplus-single-job-hero-meta{
flex-direction:column!important;
align-items:flex-start!important;
}
.eplus-single-job-hero-meta span{
width:100%!important;
}
.eplus-single-job-hero-actions{
flex-direction:column!important;
align-items:stretch!important;
}
.eplus-single-job-apply{
width:100%!important;
}
.eplus-single-job-card{
padding:23px 21px!important;
border-radius:20px!important;
}
.eplus-single-job-section-head h2{
font-size:24px!important;
}
.eplus-single-job-description{
font-size:15px!important;
}
.eplus-single-job-description p{
font-size:15px!important;
}
.eplus-single-job-sidebar{
grid-template-columns:1fr!important;
}
.eplus-single-job-apply-card,
.eplus-single-job-company-card{
padding:23px 21px!important;
border-radius:20px!important;
}
.eplus-single-job-bottom-cta{
align-items:flex-start!important;
flex-direction:column!important;
padding:28px 23px!important;
border-radius:22px!important;
}
.eplus-single-job-bottom-cta > a{
width:100%!important;
}
}
@media(max-width:420px){
.eplus-single-job-hero{
min-height:440px!important;
padding:28px 20px!important;
}
.eplus-single-job-hero h1{
font-size:32px!important;
}
}
/* ===================================================
CANDIDATE DASHBOARD - FINAL LAYOUT
=================================================== */
.eplus-candidate-layout{
display:grid;
grid-template-columns:270px minmax(0, 1fr);
gap:24px;
align-items:start;
width:100%;
max-width:1180px;
margin:30px auto 70px;
padding:0 20px;
box-sizing:border-box;
}
.eplus-candidate-layout *,
.eplus-candidate-layout *::before,
.eplus-candidate-layout *::after{
box-sizing:border-box;
}
/* ===================================================
SIDEBAR
=================================================== */
.eplus-candidate-sidebar{
position:sticky;
top:105px;
display:flex;
flex-direction:column;
gap:8px;
width:100%;
padding:16px;
background:#ffffff;
border:1px solid #e2e8f0;
border-radius:22px;
box-shadow:0 16px 40px rgba(15,23,42,.07);
}
.eplus-candidate-sidebar a{
display:flex;
align-items:center;
gap:9px;
width:100%;
min-height:48px;
padding:12px 14px;
color:#0f172a;
background:transparent;
border-radius:12px;
font-size:14px;
font-weight:800;
line-height:1.3;
text-decoration:none!important;
transition:
color .2s ease,
background .2s ease,
transform .2s ease;
}
.eplus-candidate-sidebar a:hover,
.eplus-candidate-sidebar a.active{
background:#2563eb;
color:#ffffff!important;
transform:none;
box-shadow:none;
}
/* ===================================================
MAIN
=================================================== */
.eplus-candidate-main{
min-width:0;
width:100%;
}
/* Welcome */
.candidate-welcome-card{
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
width:100%;
margin:0 0 22px;
padding:28px 30px;
background:#ffffff;
border:1px solid #e2e8f0;
border-radius:22px;
box-shadow:0 14px 36px rgba(15,23,42,.06);
}
.candidate-welcome-card h1{
margin:0 0 8px;
color:#0f172a;
font-size:32px;
line-height:1.15;
font-weight:950;
}
.candidate-welcome-card p{
margin:0;
color:#64748b;
font-size:15px;
line-height:1.6;
}
/* ===================================================
FOUR STATS - SAME ROW
=================================================== */
.candidate-stats-grid{
display:grid!important;
grid-template-columns:repeat(4, minmax(0, 1fr))!important;
gap:16px!important;
width:100%!important;
margin:0 0 22px!important;
}
.candidate-stat-card{
display:flex!important;
align-items:center!important;
gap:14px!important;
min-width:0!important;
min-height:150px!important;
padding:22px!important;
background:#ffffff!important;
border:1px solid #e2e8f0!important;
border-radius:22px!important;
box-shadow:0 14px 34px rgba(15,23,42,.06)!important;
transition:
transform .2s ease,
box-shadow .2s ease!important;
}
.candidate-stat-card:hover{
transform:translateY(-3px)!important;
box-shadow:0 20px 42px rgba(15,23,42,.10)!important;
}
.candidate-stat-card > span,
.candidate-stat-icon{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:48px!important;
height:48px!important;
min-width:48px!important;
margin:0!important;
background:#eff6ff!important;
border-radius:14px!important;
font-size:25px!important;
line-height:1!important;
}
.candidate-stat-card > div{
min-width:0!important;
}
.candidate-stat-card p{
margin:0 0 8px!important;
color:#64748b!important;
font-size:13px!important;
line-height:1.4!important;
font-weight:800!important;
}
.candidate-stat-card strong{
display:block!important;
margin:0!important;
color:#0f172a!important;
font-size:30px!important;
line-height:1!important;
font-weight:950!important;
}
/* ===================================================
PROFILE + RECENT APPLICATIONS
=================================================== */
.candidate-dashboard-grid{
display:grid!important;
grid-template-columns:repeat(2, minmax(0, 1fr))!important;
gap:20px!important;
width:100%!important;
margin:0 0 22px!important;
}
.candidate-panel-card{
min-width:0!important;
min-height:210px!important;
padding:26px!important;
background:#ffffff!important;
border:1px solid #e2e8f0!important;
border-radius:22px!important;
box-shadow:0 14px 36px rgba(15,23,42,.06)!important;
}
.candidate-panel-card h3{
margin:0 0 14px!important;
color:#0f172a!important;
font-size:23px!important;
line-height:1.25!important;
font-weight:950!important;
}
.candidate-panel-card > p{
margin:0 0 22px!important;
color:#64748b!important;
font-size:15px!important;
line-height:1.7!important;
}
.candidate-panel-card > a{
display:inline-flex!important;
align-items:center!important;
color:#2563eb!important;
font-size:14px!important;
font-weight:900!important;
text-decoration:none!important;
}
/* Recent applications rows */
.candidate-mini-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
padding:13px 0;
border-bottom:1px solid #e8edf4;
}
.candidate-mini-row:last-child{
border-bottom:0;
}
.candidate-mini-row strong{
display:block;
color:#0f172a;
font-size:14px;
line-height:1.4;
}
.candidate-mini-row span{
flex-shrink:0;
padding:7px 10px;
color:#1d4ed8;
background:#eff6ff;
border-radius:999px;
font-size:11px;
font-weight:900;
}
/* ===================================================
QUICK ACTIONS
=================================================== */
.candidate-quick-actions{
width:100%;
padding:25px;
background:#ffffff;
border:1px solid #e2e8f0;
border-radius:22px;
box-shadow:0 14px 36px rgba(15,23,42,.06);
}
.candidate-quick-actions h3{
margin:0 0 18px;
color:#0f172a;
font-size:23px;
font-weight:950;
}
.candidate-actions-grid{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:14px;
}
.candidate-action-card{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
gap:12px;
min-height:145px;
padding:20px;
color:#0f172a;
background:#f8fafc;
border:1px solid #e2e8f0;
border-radius:17px;
font-size:24px;
text-decoration:none!important;
transition:
transform .2s ease,
border-color .2s ease,
box-shadow .2s ease;
}
.candidate-action-card span{
color:#0f172a;
font-size:14px;
line-height:1.4;
font-weight:900;
}
.candidate-action-card:hover{
transform:translateY(-3px);
border-color:#bfdbfe;
box-shadow:0 12px 28px rgba(37,99,235,.10);
}
/* ===================================================
TABLET
=================================================== */
@media(max-width:1050px){
.eplus-candidate-layout{
grid-template-columns:230px minmax(0, 1fr);
}
.candidate-stats-grid{
grid-template-columns:repeat(2, minmax(0, 1fr))!important;
}
}
/* ===================================================
MOBILE
=================================================== */
@media(max-width:780px){
.eplus-candidate-layout{
display:block;
margin-top:20px;
padding:0 15px;
}
.eplus-candidate-sidebar{
position:static;
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:8px;
margin:0 0 20px;
}
.eplus-candidate-sidebar a{
justify-content:center;
text-align:center;
}
.candidate-welcome-card{
align-items:flex-start;
flex-direction:column;
padding:23px 21px;
}
.candidate-welcome-card h1{
font-size:27px;
}
.candidate-stats-grid{
grid-template-columns:repeat(2, minmax(0, 1fr))!important;
}
.candidate-dashboard-grid{
grid-template-columns:1fr!important;
}
.candidate-actions-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
}
@media(max-width:480px){
.eplus-candidate-sidebar{
grid-template-columns:1fr;
}
.candidate-stats-grid{
grid-template-columns:1fr!important;
}
.candidate-stat-card{
min-height:120px!important;
}
.candidate-actions-grid{
grid-template-columns:1fr;
}
.candidate-action-card{
min-height:110px;
}
}
/* ===================================================
JOB SUBMISSION FORM - PROFESSIONAL
=================================================== */
body.page-template-default .job-manager-form,
body.page .job-manager-form{
width:100%;
max-width:980px;
margin:40px auto 80px;
padding:34px;
background:#ffffff;
border:1px solid #e2e8f0;
border-radius:24px;
box-shadow:0 18px 50px rgba(15,23,42,.08);
box-sizing:border-box;
}
.job-manager-form *,
.job-manager-form *::before,
.job-manager-form *::after{
box-sizing:border-box;
}
.job-manager-form fieldset{
margin:0;
padding:22px 0;
border:0;
border-bottom:1px solid #e8edf4;
}
.job-manager-form fieldset:last-of-type{
border-bottom:0;
}
.job-manager-form label{
display:block;
margin:0 0 9px;
color:#0f172a;
font-size:14px;
font-weight:850;
line-height:1.4;
}
.job-manager-form input[type="text"],
.job-manager-form input[type="email"],
.job-manager-form input[type="url"],
.job-manager-form input[type="number"],
.job-manager-form input[type="date"],
.job-manager-form select,
.job-manager-form textarea{
width:100%;
min-height:52px;
padding:13px 16px;
color:#0f172a;
background:#ffffff;
border:1px solid #dbe3ee;
border-radius:14px;
font-size:15px;
line-height:1.5;
outline:none;
box-shadow:none;
transition:
border-color .2s ease,
box-shadow .2s ease,
background .2s ease;
}
.job-manager-form textarea{
min-height:170px;
resize:vertical;
}
.job-manager-form input:focus,
.job-manager-form select:focus,
.job-manager-form textarea:focus{
border-color:#2563eb;
box-shadow:0 0 0 4px rgba(37,99,235,.10);
}
.job-manager-form input::placeholder,
.job-manager-form textarea::placeholder{
color:#94a3b8;
}
.job-manager-form .field{
width:100%;
}
.job-manager-form .description{
display:block;
margin-top:8px;
color:#64748b;
font-size:13px;
line-height:1.6;
}
.job-manager-form .account-sign-in{
padding:14px 16px;
background:#eff6ff;
border:1px solid #bfdbfe;
border-radius:14px;
color:#1e3a8a;
}
.job-manager-form .button,
.job-manager-form button,
.job-manager-form input[type="submit"]{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:50px;
padding:14px 24px;
background:#2563eb;
color:#ffffff!important;
border:1px solid #2563eb;
border-radius:14px;
font-size:15px;
font-weight:900;
line-height:1.2;
text-decoration:none!important;
cursor:pointer;
box-shadow:0 10px 24px rgba(37,99,235,.22);
transition:
transform .2s ease,
background .2s ease,
box-shadow .2s ease;
}
.job-manager-form .button:hover,
.job-manager-form button:hover,
.job-manager-form input[type="submit"]:hover{
background:#1d4ed8;
transform:translateY(-2px);
box-shadow:0 14px 30px rgba(37,99,235,.28);
}
.job-manager-form .chosen-container,
.job-manager-form .select2-container{
width:100%!important;
}
.job-manager-form .chosen-container-single .chosen-single,
.job-manager-form .select2-selection{
min-height:52px!important;
padding:12px 16px!important;
border:1px solid #dbe3ee!important;
border-radius:14px!important;
background:#ffffff!important;
box-shadow:none!important;
}
.job-manager-form .wp-editor-wrap{
border:1px solid #dbe3ee;
border-radius:14px;
overflow:hidden;
}
.job-manager-form .wp-editor-tools,
.job-manager-form .quicktags-toolbar{
background:#f8fafc;
}
.job-manager-form .file-field,
.job-manager-form input[type="file"]{
width:100%;
padding:14px;
background:#f8fafc;
border:1px dashed #cbd5e1;
border-radius:14px;
}
.job-manager-form h2,
.job-manager-form h3{
color:#0f172a;
font-weight:950;
}
/* ???????? ??????/?????? ?????? ??? WP Job Manager */
.job-manager-form .fieldset-job_title label::after{
content:"";
}
/* ===================================================
PAGE WIDTH
=================================================== */
body.page .entry-content:has(.job-manager-form),
body.page .wp-block-post-content:has(.job-manager-form){
width:100%;
max-width:1180px;
margin:0 auto;
padding:0 20px;
}
/* ===================================================
RESPONSIVE
=================================================== */
@media(max-width:768px){
body.page-template-default .job-manager-form,
body.page .job-manager-form{
margin:24px auto 50px;
padding:22px 18px;
border-radius:18px;
}
.job-manager-form fieldset{
padding:18px 0;
}
.job-manager-form input[type="text"],
.job-manager-form input[type="email"],
.job-manager-form input[type="url"],
.job-manager-form input[type="number"],
.job-manager-form input[type="date"],
.job-manager-form select,
.job-manager-form textarea{
font-size:16px;
}
.job-manager-form .button,
.job-manager-form button,
.job-manager-form input[type="submit"]{
width:100%;
}
}
/*==================================================
EPLUS COMPANY SETTINGS
==================================================*/
.eplus-company-settings-page{
max-width:1200px;
margin:40px auto;
padding:0 20px;
}
.eplus-company-settings-head{
display:flex;
justify-content:space-between;
align-items:flex-start;
margin-bottom:35px;
gap:30px;
}
.eplus-company-settings-head h1{
font-size:38px;
margin:8px 0;
font-weight:800;
color:#0f172a;
}
.eplus-company-settings-head p{
color:#64748b;
font-size:16px;
margin:0;
}
.eplus-company-kicker{
display:inline-block;
padding:6px 14px;
background:#eef4ff;
color:#2563eb;
border-radius:50px;
font-weight:700;
font-size:13px;
}
.eplus-company-public-link{
background:#2563eb;
color:#fff;
padding:14px 22px;
border-radius:12px;
text-decoration:none;
font-weight:700;
transition:.25s;
}
.eplus-company-public-link:hover{
background:#1d4ed8;
transform:translateY(-2px);
}
.eplus-company-settings-form{
background:#fff;
border-radius:28px;
padding:40px;
box-shadow:0 15px 45px rgba(15,23,42,.08);
}
.eplus-company-media-preview{
position:relative;
margin-bottom:40px;
}
.eplus-company-cover-preview{
height:260px;
border-radius:22px;
background:#edf2f7 center/cover no-repeat;
display:flex;
align-items:flex-start;
padding:18px;
color:#fff;
font-weight:700;
}
.eplus-company-cover-preview span{
background:rgba(0,0,0,.45);
padding:8px 14px;
border-radius:40px;
}
.eplus-company-logo-preview{
position:absolute;
left:45px;
bottom:-55px;
width:120px;
height:120px;
background:#fff;
border-radius:25px;
box-shadow:0 10px 25px rgba(0,0,0,.15);
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.eplus-company-logo-preview img{
width:100%;
height:100%;
object-fit:cover;
}
.eplus-company-logo-preview span{
font-size:42px;
font-weight:800;
color:#2563eb;
}
.eplus-company-preview-title{
margin-left:190px;
margin-top:25px;
}
.eplus-company-preview-title strong{
display:block;
font-size:32px;
font-weight:800;
color:#111827;
}
.eplus-company-preview-title small{
color:#64748b;
font-size:15px;
}
.eplus-company-upload-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:25px;
margin:40px 0;
}
.eplus-company-upload-card{
background:#f8fafc;
padding:22px;
border:2px dashed #d7e0ee;
border-radius:18px;
display:flex;
flex-direction:column;
gap:10px;
}
.eplus-company-upload-card span{
font-weight:700;
font-size:17px;
}
.eplus-company-upload-card small{
color:#64748b;
}
.eplus-company-upload-card input{
margin-top:10px;
}
.eplus-company-form-section{
margin-top:50px;
padding-top:35px;
border-top:1px solid #edf2f7;
}
.eplus-company-section-head{
display:flex;
gap:18px;
margin-bottom:30px;
align-items:flex-start;
}
.eplus-company-section-head span{
width:42px;
height:42px;
background:#2563eb;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
}
.eplus-company-section-head h2{
margin:0;
font-size:26px;
}
.eplus-company-section-head p{
margin:6px 0 0;
color:#64748b;
}
.company-settings-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px;
}
.company-settings-grid label{
display:flex;
flex-direction:column;
gap:8px;
font-weight:600;
}
.company-settings-grid input{
padding:15px 18px;
border:1px solid #dbe4ef;
border-radius:12px;
font-size:15px;
}
.eplus-company-full-field{
display:flex;
flex-direction:column;
gap:10px;
font-weight:600;
}
.eplus-company-full-field textarea{
min-height:220px;
padding:18px;
border:1px solid #dbe4ef;
border-radius:15px;
resize:vertical;
font-size:15px;
}
.eplus-company-form-actions{
margin-top:45px;
text-align:right;
}
.eplus-company-form-actions button{
background:#2563eb;
color:#fff;
border:0;
padding:18px 34px;
font-size:17px;
font-weight:700;
border-radius:14px;
cursor:pointer;
transition:.25s;
}
.eplus-company-form-actions button:hover{
background:#1d4ed8;
transform:translateY(-2px);
}
/*==================================================
PUBLIC PROFILE
==================================================*/
.eplus-company-public-profile{
max-width:1200px;
margin:40px auto;
padding:0 20px;
}
.eplus-company-public-cover{
height:280px;
border-radius:28px;
background:#e8edf5 center/cover;
position:relative;
overflow:hidden;
}
.eplus-company-cover-overlay{
position:absolute;
inset:0;
background:linear-gradient(transparent,rgba(0,0,0,.25));
}
.eplus-company-profile-card{
margin-top:-90px;
background:#fff;
border-radius:28px;
padding:40px;
position:relative;
box-shadow:0 18px 45px rgba(15,23,42,.10);
}
.eplus-company-profile-head{
display:flex;
align-items:center;
gap:25px;
margin-bottom:35px;
}
.eplus-company-public-logo{
width:130px;
height:130px;
border-radius:28px;
overflow:hidden;
background:#fff;
box-shadow:0 10px 30px rgba(0,0,0,.15);
display:flex;
align-items:center;
justify-content:center;
}
.eplus-company-public-logo img{
width:100%;
height:100%;
object-fit:cover;
}
.eplus-company-profile-title h1{
font-size:42px;
margin:5px 0;
}
.eplus-company-profile-title span{
font-size:13px;
font-weight:700;
color:#2563eb;
text-transform:uppercase;
}
.eplus-company-profile-title p{
color:#64748b;
}
.eplus-company-profile-website{
margin-left:auto;
background:#2563eb;
color:#fff;
padding:14px 22px;
border-radius:12px;
text-decoration:none;
font-weight:700;
}
.eplus-company-description{
margin:35px 0;
line-height:1.8;
font-size:16px;
}
.eplus-company-description span{
display:block;
font-size:14px;
color:#64748b;
margin-bottom:8px;
font-weight:700;
}
.eplus-company-info-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
margin:35px 0;
}
.eplus-company-info-grid>a,
.eplus-company-info-grid>div{
display:flex;
gap:15px;
padding:20px;
background:#f8fafc;
border-radius:16px;
text-decoration:none;
color:#111827;
}
.eplus-company-social-links{
display:flex;
gap:12px;
flex-wrap:wrap;
margin-top:30px;
}
.eplus-company-social-links a{
background:#2563eb;
color:#fff;
padding:12px 18px;
border-radius:10px;
text-decoration:none;
font-weight:600;
}
.eplus-company-section-title{
display:flex;
justify-content:space-between;
align-items:center;
margin:60px 0 30px;
}
.eplus-company-section-title h2{
margin:6px 0 0;
font-size:32px;
}
.eplus-company-section-title span{
color:#64748b;
font-size:14px;
}
.eplus-company-section-title strong{
width:55px;
height:55px;
border-radius:50%;
background:#2563eb;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
}
.eplus-company-jobs-list{
display:grid;
gap:18px;
}
.eplus-company-job-card{
display:flex;
justify-content:space-between;
align-items:center;
padding:24px 28px;
background:#fff;
border-radius:18px;
box-shadow:0 8px 30px rgba(15,23,42,.06);
text-decoration:none;
transition:.25s;
}
.eplus-company-job-card:hover{
transform:translateY(-3px);
box-shadow:0 14px 40px rgba(37,99,235,.12);
}
.eplus-company-job-card strong{
display:block;
font-size:20px;
color:#111827;
margin:6px 0;
}
.eplus-company-job-card small{
color:#64748b;
}
.eplus-company-job-card span:last-child{
font-weight:700;
color:#2563eb;
}
.eplus-company-empty-jobs{
padding:70px;
background:#fff;
border-radius:20px;
text-align:center;
box-shadow:0 8px 30px rgba(15,23,42,.06);
}
.eplus-company-empty-jobs span{
font-size:55px;
display:block;
margin-bottom:15px;
}
@media(max-width:900px){
.company-settings-grid,
.eplus-company-upload-grid,
.eplus-company-info-grid{
grid-template-columns:1fr;
}
.eplus-company-profile-head{
flex-direction:column;
text-align:center;
}
.eplus-company-profile-website{
margin:auto;
}
.eplus-company-job-card{
flex-direction:column;
align-items:flex-start;
gap:15px;
}
.eplus-company-preview-title{
margin-left:0;
margin-top:80px;
}
.eplus-company-logo-preview{
left:50%;
transform:translateX(-50%);
}
.eplus-company-settings-head{
flex-direction:column;
}
}
/* ==================================================
EPLUS PUBLIC COMPANY PROFILE
================================================== */
.eplus-public-company-page,
.eplus-public-company-page *,
.eplus-public-company-page *::before,
.eplus-public-company-page *::after {
box-sizing: border-box;
}
.eplus-public-company-page {
width: 100%;
max-width: 1280px;
margin: 36px auto 80px;
padding: 0 22px;
color: #0f172a;
}
.eplus-public-company-page a {
text-decoration: none;
}
/* ==================================================
COVER
================================================== */
.eplus-public-company-cover {
position: relative;
min-height: 330px;
overflow: hidden;
background:
linear-gradient(135deg, #dbe7f7, #eef4fb);
background-position: center;
background-size: cover;
border: 1px solid #dce5f0;
border-radius: 30px;
box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}
.eplus-public-company-cover-shade {
position: absolute;
inset: 0;
background:
linear-gradient(
180deg,
rgba(15, 23, 42, 0.04) 0%,
rgba(15, 23, 42, 0.15) 55%,
rgba(15, 23, 42, 0.42) 100%
);
}
/* ==================================================
COMPANY HEADER
================================================== */
.eplus-public-company-header {
position: relative;
display: grid;
grid-template-columns: 150px minmax(0, 1fr) auto;
gap: 28px;
align-items: center;
margin: -90px 34px 0;
padding: 34px;
background: rgba(255, 255, 255, 0.98);
border: 1px solid #e1e8f0;
border-radius: 26px;
box-shadow: 0 22px 55px rgba(15, 23, 42, 0.12);
z-index: 3;
}
.eplus-public-company-logo {
display: flex;
align-items: center;
justify-content: center;
width: 150px;
height: 150px;
overflow: hidden;
background: #f5f8fc;
border: 6px solid #fff;
border-radius: 28px;
box-shadow: 0 12px 30px rgba(15, 23, 42, 0.13);
}
.eplus-public-company-logo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.eplus-public-company-logo > span {
color: #2563eb;
font-size: 58px;
font-weight: 900;
}
.eplus-public-company-title {
min-width: 0;
}
.eplus-public-company-label {
display: inline-flex;
align-items: center;
margin-bottom: 10px;
padding: 7px 12px;
color: #1d4ed8;
background: #eef4ff;
border: 1px solid #d7e5ff;
border-radius: 999px;
font-size: 12px;
font-weight: 850;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.eplus-public-company-title h1 {
margin: 0 0 14px;
color: #0f172a;
font-size: clamp(32px, 4vw, 48px);
line-height: 1.05;
font-weight: 900;
word-break: break-word;
}
.eplus-public-company-meta {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.eplus-public-company-meta > span {
display: inline-flex;
align-items: center;
min-height: 38px;
padding: 8px 12px;
color: #475569;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 999px;
font-size: 13px;
font-weight: 700;
}
.eplus-public-company-rating {
display: flex;
align-items: center;
gap: 10px;
margin-top: 15px;
}
.eplus-public-company-rating > span {
color: #92400e;
font-size: 14px;
font-weight: 850;
}
.eplus-public-company-rating small {
color: #64748b;
font-size: 12px;
}
.eplus-public-company-actions {
display: flex;
flex-direction: column;
gap: 10px;
min-width: 190px;
}
.eplus-public-company-actions a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 20px;
border-radius: 12px;
font-size: 14px;
font-weight: 850;
transition:
transform 0.2s ease,
box-shadow 0.2s ease,
background 0.2s ease;
}
.eplus-public-company-actions a.primary {
color: #fff;
background: #2563eb;
box-shadow: 0 10px 24px rgba(37, 99, 235, 0.23);
}
.eplus-public-company-actions a.primary:hover {
background: #1d4ed8;
transform: translateY(-2px);
}
.eplus-public-company-actions a.secondary {
color: #1d4ed8;
background: #eff6ff;
border: 1px solid #bfdbfe;
}
.eplus-public-company-actions a.secondary:hover {
background: #dbeafe;
transform: translateY(-2px);
}
/* ==================================================
TABS
================================================== */
.eplus-public-company-tabs {
display: flex;
gap: 8px;
margin: 24px 34px 0;
padding: 10px;
overflow-x: auto;
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 16px;
box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
scrollbar-width: none;
}
.eplus-public-company-tabs::-webkit-scrollbar {
display: none;
}
.eplus-public-company-tabs a {
flex: 0 0 auto;
padding: 11px 17px;
color: #64748b;
border-radius: 10px;
font-size: 13px;
font-weight: 800;
white-space: nowrap;
transition: 0.2s ease;
}
.eplus-public-company-tabs a:hover,
.eplus-public-company-tabs a.active {
color: #fff;
background: #2563eb;
}
/* ==================================================
MAIN LAYOUT
================================================== */
.eplus-public-company-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 330px;
gap: 24px;
align-items: start;
margin: 28px 34px 0;
}
.eplus-public-company-main {
min-width: 0;
}
.eplus-public-company-sidebar {
position: sticky;
top: 100px;
display: grid;
gap: 20px;
}
/* ==================================================
CARDS
================================================== */
.eplus-public-company-card,
.eplus-public-company-side-card {
background: #fff;
border: 1px solid #e1e8f0;
border-radius: 22px;
box-shadow: 0 14px 38px rgba(15, 23, 42, 0.06);
}
.eplus-public-company-card {
margin-bottom: 24px;
padding: 30px;
}
.eplus-public-company-side-card {
padding: 24px;
}
.eplus-public-company-section-head {
margin-bottom: 22px;
padding-bottom: 20px;
border-bottom: 1px solid #e7edf4;
}
.eplus-public-company-section-head > span,
.eplus-public-company-section-title > div > span {
display: block;
margin-bottom: 7px;
color: #2563eb;
font-size: 12px;
font-weight: 850;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.eplus-public-company-section-head h2,
.eplus-public-company-section-title h2 {
margin: 0;
color: #0f172a;
font-size: 28px;
line-height: 1.2;
font-weight: 900;
}
.eplus-public-company-description {
color: #475569;
font-size: 15px;
line-height: 1.85;
}
.eplus-public-company-description p {
margin: 0 0 16px;
}
.eplus-public-company-description p:last-child {
margin-bottom: 0;
}
.eplus-public-company-empty {
margin: 0;
color: #64748b;
}
/* ==================================================
JOBS SECTION
================================================== */
.eplus-public-company-section-title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 22px;
padding-bottom: 20px;
border-bottom: 1px solid #e7edf4;
}
.eplus-public-company-section-title > strong {
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
flex: 0 0 52px;
color: #fff;
background: #2563eb;
border-radius: 50%;
font-size: 18px;
font-weight: 900;
box-shadow: 0 8px 20px rgba(37, 99, 235, 0.22);
}
.eplus-public-company-jobs {
display: grid;
gap: 18px;
}
.eplus-public-company-job {
display: grid;
grid-template-columns: 190px minmax(0, 1fr);
overflow: hidden;
background: #fff;
border: 1px solid #dfe7f1;
border-radius: 18px;
transition:
transform 0.2s ease,
box-shadow 0.2s ease,
border-color 0.2s ease;
}
.eplus-public-company-job:hover {
transform: translateY(-3px);
border-color: #b8d0fb;
box-shadow: 0 16px 36px rgba(37, 99, 235, 0.10);
}
.eplus-public-company-job-image {
display: block;
min-height: 180px;
background: #eef3f8;
}
.eplus-public-company-job-image img {
display: block;
width: 100%;
height: 100%;
min-height: 180px;
object-fit: cover;
}
.eplus-public-company-job-content {
min-width: 0;
padding: 22px;
}
.eplus-public-company-job-content > span {
display: inline-flex;
margin-bottom: 8px;
color: #2563eb;
font-size: 11px;
font-weight: 850;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.eplus-public-company-job-content h3 {
margin: 0 0 12px;
font-size: 22px;
line-height: 1.25;
font-weight: 900;
}
.eplus-public-company-job-content h3 a {
color: #0f172a;
}
.eplus-public-company-job-content h3 a:hover {
color: #2563eb;
}
.eplus-public-company-job-meta {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 18px;
}
.eplus-public-company-job-meta span {
padding: 7px 10px;
color: #64748b;
background: #f8fafc;
border: 1px solid #e5eaf1;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
}
.eplus-public-company-job-link {
display: inline-flex;
align-items: center;
min-height: 40px;
padding: 0 15px;
color: #fff;
background: #2563eb;
border-radius: 10px;
font-size: 13px;
font-weight: 850;
}
.eplus-public-company-job-link:hover {
background: #1d4ed8;
}
.eplus-public-company-empty-jobs {
padding: 54px 24px;
text-align: center;
background: #f8fafc;
border: 1px dashed #cbd5e1;
border-radius: 16px;
}
.eplus-public-company-empty-jobs > span {
display: block;
margin-bottom: 10px;
font-size: 42px;
}
.eplus-public-company-empty-jobs p {
margin: 0;
color: #64748b;
}
/* ==================================================
COMPANY FACTS
================================================== */
.eplus-public-company-facts {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}
.eplus-public-company-facts > div {
display: flex;
flex-direction: column;
min-width: 0;
padding: 18px;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 14px;
}
.eplus-public-company-facts > div > span {
margin-bottom: 11px;
font-size: 26px;
}
.eplus-public-company-facts small {
margin-bottom: 5px;
color: #64748b;
font-size: 11px;
font-weight: 700;
}
.eplus-public-company-facts strong {
color: #0f172a;
font-size: 14px;
line-height: 1.45;
word-break: break-word;
}
/* ==================================================
SIDEBAR
================================================== */
.eplus-public-company-side-card h2 {
margin: 0 0 18px;
color: #0f172a;
font-size: 20px;
font-weight: 900;
}
.eplus-public-company-side-card ul {
list-style: none;
margin: 0;
padding: 0;
}
.eplus-public-company-side-card li {
display: flex;
gap: 12px;
padding: 14px 0;
border-bottom: 1px solid #edf1f6;
}
.eplus-public-company-side-card li:first-child {
padding-top: 0;
}
.eplus-public-company-side-card li:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.eplus-public-company-side-card li > span {
flex: 0 0 auto;
font-size: 19px;
}
.eplus-public-company-side-card li > div {
min-width: 0;
}
.eplus-public-company-side-card li small {
display: block;
margin-bottom: 4px;
color: #64748b;
font-size: 11px;
}
.eplus-public-company-side-card li strong,
.eplus-public-company-side-card li a {
color: #0f172a;
font-size: 13px;
font-weight: 800;
word-break: break-word;
}
.eplus-public-company-side-card li a:hover {
color: #2563eb;
}
.eplus-public-company-socials {
display: grid;
gap: 10px;
}
.eplus-public-company-socials a {
display: flex;
align-items: center;
justify-content: center;
min-height: 42px;
color: #1d4ed8;
background: #eff6ff;
border: 1px solid #bfdbfe;
border-radius: 10px;
font-size: 13px;
font-weight: 850;
}
.eplus-public-company-socials a:hover {
color: #fff;
background: #2563eb;
}
.eplus-public-company-side-card.highlight {
text-align: center;
background:
linear-gradient(135deg, #eff6ff, #f8fbff);
border-color: #cfe0ff;
}
.eplus-public-company-side-card.highlight > span {
display: block;
margin-bottom: 10px;
font-size: 38px;
}
.eplus-public-company-side-card.highlight p {
margin: 0 0 18px;
color: #64748b;
font-size: 13px;
line-height: 1.6;
}
.eplus-public-company-side-card.highlight > a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 18px;
color: #fff;
background: #2563eb;
border-radius: 10px;
font-size: 13px;
font-weight: 850;
}
/* ==================================================
REVIEWS
================================================== */
.eplus-public-company-reviews {
margin-bottom: 24px;
}
/* ==================================================
RESPONSIVE
================================================== */
@media (max-width: 1100px) {
.eplus-public-company-header {
grid-template-columns: 130px minmax(0, 1fr);
}
.eplus-public-company-logo {
width: 130px;
height: 130px;
}
.eplus-public-company-actions {
grid-column: 1 / -1;
flex-direction: row;
min-width: 0;
}
.eplus-public-company-actions a {
flex: 1;
}
.eplus-public-company-layout {
grid-template-columns: 1fr;
}
.eplus-public-company-sidebar {
position: static;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 780px) {
.eplus-public-company-page {
margin-top: 18px;
padding: 0 14px;
}
.eplus-public-company-cover {
min-height: 230px;
border-radius: 22px;
}
.eplus-public-company-header {
grid-template-columns: 1fr;
margin: -64px 14px 0;
padding: 24px;
text-align: center;
}
.eplus-public-company-logo {
width: 118px;
height: 118px;
margin: 0 auto;
border-radius: 24px;
}
.eplus-public-company-meta,
.eplus-public-company-rating {
justify-content: center;
}
.eplus-public-company-actions {
flex-direction: column;
}
.eplus-public-company-tabs,
.eplus-public-company-layout {
margin-left: 14px;
margin-right: 14px;
}
.eplus-public-company-card {
padding: 22px;
}
.eplus-public-company-section-head h2,
.eplus-public-company-section-title h2 {
font-size: 24px;
}
.eplus-public-company-job {
grid-template-columns: 1fr;
}
.eplus-public-company-job-image,
.eplus-public-company-job-image img {
min-height: 210px;
}
.eplus-public-company-facts {
grid-template-columns: 1fr;
}
.eplus-public-company-sidebar {
grid-template-columns: 1fr;
}
}
@media (max-width: 480px) {
.eplus-public-company-page {
padding: 0 10px;
}
.eplus-public-company-header,
.eplus-public-company-tabs,
.eplus-public-company-layout {
margin-left: 0;
margin-right: 0;
}
.eplus-public-company-title h1 {
font-size: 30px;
}
.eplus-public-company-meta > span {
width: 100%;
justify-content: center;
}
.eplus-public-company-card,
.eplus-public-company-side-card {
border-radius: 16px;
}
.eplus-public-company-section-title {
align-items: flex-start;
}
.eplus-public-company-job-content {
padding: 18px;
}
}
/* ==================================================
EPLUS - ????????? ?????????
??????? ?? class-employers.php:
.eplus-company-settings-v3
================================================== */
.eplus-company-settings-v3,
.eplus-company-settings-v3 *,
.eplus-company-settings-v3 *::before,
.eplus-company-settings-v3 *::after{
box-sizing:border-box;
}
.eplus-company-settings-v3{
width:100%;
max-width:1420px;
margin:34px auto 80px;
padding:0 24px;
color:#0f172a;
}
.eplus-company-page-title{
display:flex;
align-items:center;
gap:22px;
margin-bottom:26px;
}
.eplus-company-page-icon{
display:flex;
align-items:center;
justify-content:center;
width:76px;
height:76px;
flex:0 0 76px;
background:#fff;
border:1px solid #dfe7f1;
border-radius:18px;
box-shadow:0 12px 30px rgba(15,23,42,.08);
font-size:34px;
}
.eplus-company-page-title h1{
margin:0 0 7px!important;
color:#0f172a!important;
font-size:34px!important;
line-height:1.15!important;
font-weight:900!important;
}
.eplus-company-page-title p{
margin:0!important;
color:#64748b!important;
font-size:15px!important;
line-height:1.6!important;
}
.eplus-company-alert{
margin:0 0 22px;
padding:14px 18px;
border-radius:12px;
font-size:14px;
font-weight:800;
}
.eplus-company-alert.success{
color:#166534;
background:#f0fdf4;
border:1px solid #bbf7d0;
}
.eplus-company-alert.error{
color:#991b1b;
background:#fef2f2;
border:1px solid #fecaca;
}
/* ??????? ?????? + ?????????????? */
.eplus-company-settings-grid-v3{
display:grid!important;
grid-template-columns:minmax(0,1fr) 390px!important;
gap:24px!important;
align-items:start!important;
}
.eplus-company-form-card-v3,
.eplus-company-preview-card-v3{
min-width:0;
background:#fff;
border:1px solid #dfe6ef;
border-radius:18px;
box-shadow:0 14px 38px rgba(15,23,42,.07);
}
.eplus-company-form-card-v3{
padding:28px;
}
.eplus-company-preview-card-v3{
position:sticky;
top:92px;
padding:24px;
}
.eplus-company-card-title{
margin-bottom:24px;
}
.eplus-company-card-title h2{
margin:0!important;
color:#0f172a!important;
font-size:19px!important;
line-height:1.3!important;
font-weight:900!important;
}
.eplus-company-card-title>span{
display:block;
width:44px;
height:3px;
margin-top:10px;
background:#2563eb;
border-radius:999px;
}
/* ????? */
.eplus-company-fields-2{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}
.eplus-company-field{
min-width:0;
margin-bottom:18px;
}
.eplus-company-field.full{
width:100%;
}
.eplus-company-field>label{
display:block;
margin:0 0 8px;
color:#111827;
font-size:13px;
line-height:1.4;
font-weight:850;
}
.eplus-company-field>label em{
color:#dc2626;
font-style:normal;
}
.eplus-company-input-wrap,
.eplus-company-textarea-wrap{
position:relative;
}
.eplus-company-input-wrap>span,
.eplus-company-textarea-wrap>span{
position:absolute;
left:14px;
z-index:2;
color:#94a3b8;
pointer-events:none;
}
.eplus-company-input-wrap>span{
top:50%;
transform:translateY(-50%);
font-size:14px;
}
.eplus-company-textarea-wrap>span{
top:14px;
font-size:14px;
}
.eplus-company-settings-v3 input[type="text"],
.eplus-company-settings-v3 input[type="email"],
.eplus-company-settings-v3 input[type="url"],
.eplus-company-settings-v3 textarea{
display:block!important;
width:100%!important;
max-width:none!important;
margin:0!important;
color:#0f172a!important;
background:#fff!important;
border:1px solid #d6e0eb!important;
border-radius:10px!important;
outline:none!important;
box-shadow:none!important;
font-family:inherit!important;
font-size:14px!important;
transition:border-color .2s ease,box-shadow .2s ease!important;
}
.eplus-company-settings-v3 input[type="text"],
.eplus-company-settings-v3 input[type="email"],
.eplus-company-settings-v3 input[type="url"]{
height:48px!important;
padding:0 14px!important;
}
.eplus-company-settings-v3 .eplus-company-input-wrap input{
padding-left:42px!important;
}
.eplus-company-settings-v3 textarea{
min-height:105px!important;
padding:14px 52px 28px 42px!important;
resize:vertical!important;
}
.eplus-company-settings-v3 input:focus,
.eplus-company-settings-v3 textarea:focus{
border-color:#2563eb!important;
box-shadow:0 0 0 3px rgba(37,99,235,.10)!important;
}
.eplus-company-settings-v3 input::placeholder,
.eplus-company-settings-v3 textarea::placeholder{
color:#9aa8bb!important;
opacity:1;
}
.eplus-company-textarea-wrap>small{
position:absolute;
right:12px;
bottom:8px;
color:#64748b;
font-size:11px;
}
.eplus-company-divider{
height:1px;
margin:8px 0 24px;
background:#e7edf4;
}
.eplus-company-subtitle{
display:flex;
align-items:center;
gap:10px;
margin-bottom:18px;
}
.eplus-company-subtitle>span{
color:#2563eb;
font-size:18px;
}
.eplus-company-subtitle h3{
margin:0!important;
color:#0f172a!important;
font-size:17px!important;
font-weight:900!important;
}
/* ?????????? ??????? */
.eplus-company-image-manager{
display:grid;
grid-template-columns:1fr 1.35fr;
gap:18px;
margin-bottom:24px;
}
.eplus-image-manager-card{
min-width:0;
padding:16px;
background:#fbfdff;
border:1px solid #dce5f0;
border-radius:14px;
}
.eplus-image-manager-head{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:12px;
margin-bottom:12px;
}
.eplus-image-manager-head strong{
display:block;
color:#0f172a;
font-size:13px;
line-height:1.4;
font-weight:900;
}
.eplus-image-manager-head small{
display:block;
margin-top:4px;
color:#7b8798;
font-size:10px;
line-height:1.4;
}
.eplus-remove-image{
flex:0 0 auto;
min-height:32px;
padding:0 10px;
color:#b91c1c!important;
background:#fff!important;
border:1px solid #fecaca!important;
border-radius:8px!important;
box-shadow:none!important;
font-size:10px!important;
font-weight:800!important;
cursor:pointer;
}
.eplus-remove-image:hover{
background:#fef2f2!important;
}
.eplus-dropzone{
position:relative;
display:flex!important;
flex-direction:column;
align-items:center;
justify-content:center;
min-height:220px;
padding:16px;
text-align:center;
background:#fff;
border:2px dashed #c8d6e7;
border-radius:12px;
cursor:pointer;
transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.eplus-dropzone:hover,
.eplus-dropzone.is-dragging{
background:#f3f8ff;
border-color:#2563eb;
transform:translateY(-1px);
}
.eplus-dropzone input[type="file"]{
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
overflow:hidden!important;
opacity:0!important;
pointer-events:none!important;
}
.eplus-dropzone-preview{
display:flex;
align-items:center;
justify-content:center;
width:96px;
height:96px;
margin-bottom:14px;
overflow:hidden;
background:#f1f5f9;
border:1px solid #dbe4ef;
border-radius:22px;
}
.eplus-dropzone-preview.cover{
width:100%;
height:125px;
background:#e7eff9 center/cover no-repeat;
border-radius:10px;
}
.eplus-dropzone-preview img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.eplus-dropzone-icon{
font-size:31px;
}
.eplus-dropzone>strong{
color:#0f172a;
font-size:13px;
line-height:1.4;
font-weight:900;
}
.eplus-dropzone>span:not(.eplus-dropzone-icon){
margin-top:5px;
color:#2563eb;
font-size:11px;
font-weight:750;
}
.eplus-dropzone>small{
margin-top:7px;
color:#7c8798;
font-size:10px;
}
/* ????????????? ????? */
.eplus-company-preview-cover{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:170px;
overflow:hidden;
background:#dce7f6 center/cover no-repeat;
border:1px solid #8db6f5;
border-radius:12px;
color:#9db2cc;
font-size:35px;
}
.eplus-company-preview-logo{
display:flex;
align-items:center;
justify-content:center;
width:96px;
height:96px;
margin:-50px auto 14px;
overflow:hidden;
background:#f3f6fa;
border:5px solid #fff;
border-radius:50%;
box-shadow:0 7px 22px rgba(15,23,42,.12);
font-size:34px;
}
.eplus-company-preview-logo img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.eplus-company-preview-content{
text-align:center;
}
.eplus-company-preview-content h3{
margin:0 0 8px!important;
color:#0f172a!important;
font-size:20px!important;
line-height:1.25!important;
font-weight:900!important;
}
.eplus-company-preview-content p{
min-height:22px;
margin:0 auto 16px!important;
color:#64748b!important;
font-size:12px!important;
line-height:1.55!important;
}
.eplus-company-preview-meta{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
gap:14px;
padding:0 0 4px;
color:#627089;
font-size:11px;
}
.eplus-company-preview-meta b{
font-weight:650;
}
/* ?????? ??????????? */
.eplus-company-save-row{
grid-column:1/-1;
display:flex;
justify-content:flex-start;
margin-top:0;
}
.eplus-company-save-row button{
min-height:48px!important;
padding:0 22px!important;
color:#fff!important;
background:#2563eb!important;
border:0!important;
border-radius:10px!important;
box-shadow:0 10px 22px rgba(37,99,235,.22)!important;
font-size:14px!important;
font-weight:850!important;
cursor:pointer!important;
transition:background .2s ease,transform .2s ease!important;
}
.eplus-company-save-row button:hover{
background:#1d4ed8!important;
transform:translateY(-1px);
}
/* ??????? ????????? ?????? ??????? ??? ????? */
.page .entry-content>.eplus-company-settings-v3{
margin-top:0;
}
/* Responsive */
@media(max-width:1100px){
.eplus-company-settings-grid-v3{
grid-template-columns:1fr!important;
}
.eplus-company-preview-card-v3{
position:static;
}
.eplus-company-save-row{
grid-column:1;
}
}
@media(max-width:780px){
.eplus-company-settings-v3{
margin-top:22px;
padding:0 14px;
}
.eplus-company-page-title{
align-items:flex-start;
}
.eplus-company-page-icon{
width:62px;
height:62px;
flex-basis:62px;
font-size:28px;
}
.eplus-company-page-title h1{
font-size:27px!important;
}
.eplus-company-fields-2,
.eplus-company-image-manager{
grid-template-columns:1fr;
}
.eplus-company-form-card-v3,
.eplus-company-preview-card-v3{
padding:18px;
}
.eplus-company-save-row button{
width:100%;
}
}
@media(max-width:480px){
.eplus-company-settings-v3{
padding:0 10px;
}
.eplus-company-page-title{
gap:14px;
}
.eplus-company-page-title p{
font-size:13px!important;
}
.eplus-company-form-card-v3,
.eplus-company-preview-card-v3{
border-radius:14px;
}
.eplus-dropzone{
min-height:190px;
}
}
/* ==================================================
? ???????? ???
Shortcode: [employer_subscription]
================================================== */
.eplus-subscription-page {
width: min(1120px, calc(100% - 32px));
margin: 48px auto 80px;
color: #0f172a;
}
.eplus-subscription-page *,
.eplus-subscription-page *::before,
.eplus-subscription-page *::after {
box-sizing: border-box;
}
/* ??????????? */
.eplus-subscription-page-head {
position: relative;
overflow: hidden;
padding: 38px 42px;
margin-bottom: 28px;
border-radius: 26px;
color: #fff;
background:
radial-gradient(
circle at 92% 10%,
rgba(255, 255, 255, 0.18) 0,
rgba(255, 255, 255, 0.18) 115px,
transparent 116px
),
linear-gradient(135deg, #10254f 0%, #1f55d5 58%, #4d8ff5 100%);
box-shadow: 0 20px 50px rgba(30, 64, 175, 0.18);
}
.eplus-subscription-page-head > span {
display: inline-flex;
align-items: center;
min-height: 32px;
padding: 7px 14px;
margin-bottom: 14px;
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 999px;
background: rgba(255, 255, 255, 0.12);
color: #fff;
font-size: 13px;
line-height: 1;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.eplus-subscription-page-head h1 {
margin: 0 0 10px;
color: #fff;
font-size: clamp(30px, 4vw, 46px);
line-height: 1.12;
font-weight: 900;
letter-spacing: -0.035em;
}
.eplus-subscription-page-head p {
max-width: 720px;
margin: 0;
color: rgba(255, 255, 255, 0.86);
font-size: 16px;
line-height: 1.75;
}
/* ????? ????????? ????????? */
.eplus-subscription-manage-card {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
padding: 26px;
border: 1px solid #dfe7f2;
border-radius: 26px;
background: #fff;
box-shadow: 0 18px 55px rgba(15, 23, 42, 0.07);
}
.eplus-subscription-manage-card > div {
position: relative;
min-width: 0;
min-height: 132px;
padding: 24px 22px;
border: 1px solid #e5ebf4;
border-radius: 20px;
background: linear-gradient(145deg, #f8faff 0%, #f2f6fc 100%);
}
.eplus-subscription-manage-card > div::before {
content: "";
display: block;
width: 38px;
height: 4px;
margin-bottom: 19px;
border-radius: 999px;
background: #2563eb;
}
.eplus-subscription-manage-card small {
display: block;
margin-bottom: 9px;
color: #64748b;
font-size: 13px;
line-height: 1.4;
font-weight: 700;
}
.eplus-subscription-manage-card strong {
display: block;
overflow-wrap: anywhere;
color: #10213f;
font-size: clamp(20px, 2vw, 27px);
line-height: 1.2;
font-weight: 900;
}
/* ?????? ???????? */
.eplus-subscription-cancel-note {
display: flex;
align-items: flex-start;
gap: 12px;
margin-top: 22px;
padding: 18px 20px;
border: 1px solid #fed7aa;
border-radius: 16px;
background: #fff7ed;
color: #9a3412;
font-size: 15px;
line-height: 1.65;
font-weight: 650;
}
.eplus-subscription-cancel-note::before {
content: "??";
flex: 0 0 auto;
}
/* ??????? */
.eplus-subscription-page-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 13px;
margin-top: 24px;
padding: 22px;
border: 1px solid #dfe7f2;
border-radius: 22px;
background: #fff;
box-shadow: 0 14px 40px rgba(15, 23, 42, 0.06);
}
.eplus-subscription-page-actions a {
display: inline-flex;
justify-content: center;
align-items: center;
min-height: 50px;
padding: 13px 22px;
border: 1px solid #d7e1ef;
border-radius: 13px;
background: #f5f8fd;
color: #1d4ed8;
text-decoration: none !important;
font-size: 14px;
line-height: 1.2;
font-weight: 850;
transition:
transform 0.2s ease,
box-shadow 0.2s ease,
background 0.2s ease,
border-color 0.2s ease;
}
.eplus-subscription-page-actions a:hover {
transform: translateY(-2px);
border-color: #93b4f7;
background: #edf4ff;
box-shadow: 0 10px 25px rgba(37, 99, 235, 0.12);
}
.eplus-subscription-page-actions a.primary {
border-color: #2563eb;
background: linear-gradient(135deg, #2563eb, #1d4ed8);
color: #fff;
box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22);
}
.eplus-subscription-page-actions a.primary:hover {
border-color: #1d4ed8;
background: linear-gradient(135deg, #1d4ed8, #1e40af);
}
.eplus-subscription-page-actions a.danger {
border-color: #fecaca;
background: #fff5f5;
color: #dc2626;
}
.eplus-subscription-page-actions a.danger:hover {
border-color: #fca5a5;
background: #fee2e2;
}
/* Responsive */
@media (max-width: 980px) {
.eplus-subscription-manage-card {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.eplus-subscription-page {
width: min(100% - 22px, 1120px);
margin-top: 24px;
}
.eplus-subscription-page-head {
padding: 28px 22px;
border-radius: 20px;
}
.eplus-subscription-page-head h1 {
font-size: 31px;
}
.eplus-subscription-manage-card {
grid-template-columns: 1fr;
gap: 13px;
padding: 14px;
border-radius: 20px;
}
.eplus-subscription-manage-card > div {
min-height: 112px;
padding: 20px;
}
.eplus-subscription-page-actions {
flex-direction: column;
align-items: stretch;
padding: 15px;
}
.eplus-subscription-page-actions a {
width: 100%;
text-align: center;
}
}
/* ==================================================
JOB CARDS - ????? ??? ??????? ???????? ???????
??????????? ????? ???? ????????????? ???????
??? job card images.
================================================== */
/* --------------------------------------------------
?????? ????????? ??????
-------------------------------------------------- */
.eplus-job-result-card,
.eplus-public-company-job {
display: flex !important;
align-items: center !important;
width: 100% !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
/* --------------------------------------------------
??????? ???????
-------------------------------------------------- */
.eplus-job-result-image,
.eplus-public-company-job-image {
position: relative !important;
display: block !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
aspect-ratio: 16 / 9 !important;
flex-grow: 0 !important;
flex-shrink: 0 !important;
align-self: center !important;
overflow: hidden !important;
box-sizing: border-box !important;
background: #eef3fa !important;
border-radius: 18px 0 0 18px !important;
}
/* ?????? ???????? */
.eplus-job-result-image img,
.eplus-public-company-job-image img {
position: absolute !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: none !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
object-position: center center !important;
transform: none !important;
box-sizing: border-box !important;
background: #eef3fa !important;
}
/* --------------------------------------------------
??????????? ??????
-------------------------------------------------- */
.eplus-job-result-content,
.eplus-public-company-job-content {
flex: 1 1 auto !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
/* ??????? ?? ?????? overlay */
.eplus-job-result-image-overlay {
display: none !important;
}
/* --------------------------------------------------
DESKTOP
-------------------------------------------------- */
@media screen and (min-width: 992px) {
.eplus-job-result-image {
width: 350px !important;
min-width: 350px !important;
max-width: 350px !important;
flex-basis: 350px !important;
}
.eplus-public-company-job-image {
width: 300px !important;
min-width: 300px !important;
max-width: 300px !important;
flex-basis: 300px !important;
}
}
/* --------------------------------------------------
TABLET
-------------------------------------------------- */
@media screen and (min-width: 769px) and (max-width: 991px) {
.eplus-job-result-image {
width: 280px !important;
min-width: 280px !important;
max-width: 280px !important;
flex-basis: 280px !important;
}
.eplus-public-company-job-image {
width: 240px !important;
min-width: 240px !important;
max-width: 240px !important;
flex-basis: 240px !important;
}
}
/* --------------------------------------------------
MOBILE
-------------------------------------------------- */
@media screen and (max-width: 768px) {
.eplus-job-result-card,
.eplus-public-company-job {
display: block !important;
width: 100% !important;
}
.eplus-job-result-image,
.eplus-public-company-job-image {
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
aspect-ratio: 16 / 9 !important;
border-radius: 18px 18px 0 0 !important;
}
.eplus-job-result-content,
.eplus-public-company-job-content {
display: block !important;
width: 100% !important;
min-width: 0 !important;
padding: 22px !important;
}
}
/* --------------------------------------------------
SMALL MOBILE
-------------------------------------------------- */
@media screen and (max-width: 480px) {
.eplus-job-result-image,
.eplus-public-company-job-image {
border-radius: 16px 16px 0 0 !important;
}
.eplus-job-result-content,
.eplus-public-company-job-content {
padding: 18px !important;
}
}
/* ===================================================
EPLUS HOMEPAGE UPDATE - STICKY HEADER & JOB CAROUSELS
???????? ??? ????? ??? assets/css/style.css
=================================================== */
/* ??????? header ????? ?? ???????? ?? ??????????? */
body .eplus-header{
position:sticky!important;
top:0;
z-index:10000;
width:100%;
background:rgba(255,255,255,.96)!important;
backdrop-filter:saturate(180%) blur(14px);
-webkit-backdrop-filter:saturate(180%) blur(14px);
box-shadow:0 8px 28px rgba(15,23,42,.08)!important;
}
body.admin-bar .eplus-header{
top:32px;
}
@media(max-width:782px){
body.admin-bar .eplus-header{
top:46px;
}
}
/* Head ???????? */
.homepage-carousel-section{
overflow:hidden;
}
.homepage-carousel-heading{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:24px;
margin-bottom:26px;
}
.homepage-carousel-heading > div:first-child{
max-width:760px;
}
.homepage-carousel-heading > div:first-child > span{
display:inline-flex;
margin-bottom:8px;
color:#2563eb;
font-size:14px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.6px;
}
.homepage-carousel-heading h2{
margin:0 0 10px;
color:#0f172a;
font-size:clamp(30px,3.5vw,42px);
line-height:1.14;
font-weight:950;
letter-spacing:-.7px;
}
.homepage-carousel-heading p{
margin:0;
color:#64748b;
font-size:16px;
line-height:1.65;
}
.homepage-carousel-controls{
display:flex;
align-items:center;
gap:10px;
flex-shrink:0;
}
.homepage-carousel-arrow{
display:inline-flex;
align-items:center;
justify-content:center;
width:48px;
height:48px;
padding:0;
background:#fff;
color:#1d4ed8;
border:1px solid #dbeafe;
border-radius:999px;
font-size:22px;
font-weight:900;
line-height:1;
cursor:pointer;
box-shadow:0 10px 28px rgba(15,23,42,.08);
transition:
transform .2s ease,
background .2s ease,
color .2s ease,
border-color .2s ease,
box-shadow .2s ease;
}
.homepage-carousel-arrow:hover,
.homepage-carousel-arrow:focus-visible{
transform:translateY(-2px);
background:#2563eb;
color:#fff;
border-color:#2563eb;
box-shadow:0 14px 32px rgba(37,99,235,.22);
outline:none;
}
/* ??????? ?????????? ??????? */
.homepage-carousel{
position:relative;
width:100%;
overflow-x:auto;
overflow-y:hidden;
padding:8px 4px 24px;
cursor:grab;
scrollbar-width:none;
overscroll-behavior-x:contain;
-webkit-overflow-scrolling:touch;
mask-image:linear-gradient(
to right,
transparent 0,
#000 24px,
#000 calc(100% - 24px),
transparent 100%
);
-webkit-mask-image:linear-gradient(
to right,
transparent 0,
#000 24px,
#000 calc(100% - 24px),
transparent 100%
);
}
.homepage-carousel::-webkit-scrollbar{
display:none;
}
.homepage-carousel.is-dragging{
cursor:grabbing;
user-select:none;
}
.homepage-carousel:focus-visible{
outline:3px solid rgba(37,99,235,.25);
outline-offset:5px;
border-radius:20px;
}
.homepage-carousel-track{
display:flex;
align-items:stretch;
gap:20px;
width:max-content;
}
/* ????? ???????? */
.homepage-carousel-card{
flex:0 0 clamp(270px,29vw,360px);
min-width:0;
}
.homepage-carousel-card-link{
display:flex;
flex-direction:column;
height:100%;
overflow:hidden;
background:#fff;
color:#0f172a!important;
border:1px solid #e2e8f0;
border-radius:24px;
text-decoration:none!important;
box-shadow:0 16px 42px rgba(15,23,42,.07);
transition:
transform .24s ease,
border-color .24s ease,
box-shadow .24s ease;
}
.homepage-carousel-card-link:hover{
transform:translateY(-6px);
border-color:#bfdbfe;
box-shadow:0 24px 55px rgba(15,23,42,.13);
}
.homepage-carousel-media{
position:relative;
height:150px;
overflow:hidden;
background:
linear-gradient(135deg,#eff6ff,#dbeafe);
}
.homepage-carousel-media img{
display:block;
width:100%;
height:100%;
object-fit:cover;
transition:transform .35s ease;
}
.homepage-carousel-card-link:hover .homepage-carousel-media img{
transform:scale(1.045);
}
.homepage-carousel-placeholder{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
font-size:48px;
}
.homepage-carousel-badge{
position:absolute;
top:14px;
left:14px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:7px 12px;
background:rgba(255,255,255,.94);
color:#1d4ed8;
border:1px solid rgba(219,234,254,.95);
border-radius:999px;
font-size:12px;
font-weight:900;
box-shadow:0 8px 22px rgba(15,23,42,.12);
}
.homepage-carousel-card.is-premium .homepage-carousel-badge{
background:#fff7d6;
color:#92400e;
border-color:#fde68a;
}
.homepage-carousel-content{
display:flex;
flex-direction:column;
flex:1;
padding:22px;
}
.homepage-carousel-date{
display:block;
margin-bottom:10px;
color:#64748b;
font-size:12px;
font-weight:750;
}
.homepage-carousel-content h3{
margin:0 0 10px;
color:#0f172a;
font-size:20px;
line-height:1.3;
font-weight:950;
overflow-wrap:anywhere;
}
.homepage-carousel-company,
.homepage-carousel-location{
margin:0 0 7px;
color:#64748b;
font-size:14px;
line-height:1.45;
}
.homepage-carousel-content strong{
display:block;
margin-top:auto;
padding-top:18px;
color:#2563eb;
font-size:14px;
font-weight:900;
}
/* Premium ??????? */
.homepage-carousel-premium{
position:relative;
background:
radial-gradient(
circle at top right,
rgba(250,204,21,.16),
transparent 34%
),
linear-gradient(145deg,#fffdf5,#f8fafc 58%);
border-color:#fde68a!important;
}
.homepage-carousel-premium .homepage-carousel-heading > div:first-child > span{
color:#b45309;
}
.homepage-carousel-card.is-premium .homepage-carousel-card-link{
border-color:#fde7a7;
box-shadow:0 16px 42px rgba(146,64,14,.08);
}
.homepage-carousel-card.is-premium .homepage-carousel-card-link:hover{
border-color:#fbbf24;
box-shadow:0 24px 55px rgba(146,64,14,.15);
}
/* Tablet */
@media(max-width:900px){
.homepage-carousel-heading{
align-items:flex-start;
}
.homepage-carousel-card{
flex-basis:clamp(270px,58vw,340px);
}
}
/* Mobile */
@media(max-width:640px){
.homepage-carousel-heading{
align-items:flex-start;
gap:16px;
}
.homepage-carousel-heading h2{
font-size:28px;
}
.homepage-carousel-heading p{
font-size:14px;
}
.homepage-carousel-controls{
gap:7px;
}
.homepage-carousel-arrow{
width:42px;
height:42px;
font-size:19px;
}
.homepage-carousel{
margin-left:-4px;
width:calc(100% + 8px);
mask-image:none;
-webkit-mask-image:none;
}
.homepage-carousel-track{
gap:14px;
}
.homepage-carousel-card{
flex-basis:82vw;
max-width:330px;
}
.homepage-carousel-media{
height:135px;
}
.homepage-carousel-content{
padding:19px;
}
}
@media(prefers-reduced-motion:reduce){
.homepage-carousel-card-link,
.homepage-carousel-media img,
.homepage-carousel-arrow{
transition:none!important;
}
}
/* ===================================================
???????? ???????? HEADER
=================================================== */
/* ??????? */
.eplus-header-right > a:not(.eplus-header-btn) {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 16px;
color: #0f172a !important;
font-weight: 800;
text-decoration: none !important;
border-radius: 12px;
transition:
color 0.2s ease,
background-color 0.2s ease;
}
.eplus-header-right > a:not(.eplus-header-btn):hover {
color: #2563eb !important;
background: #eff6ff;
}
/* ??????? ????????? */
.eplus-header .eplus-header-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 22px;
background: #2563eb !important;
color: #ffffff !important;
border: 1px solid #2563eb !important;
border-radius: 12px;
font-weight: 850;
line-height: 1.2;
text-decoration: none !important;
box-shadow: 0 8px 20px rgba(37, 99, 235, 0.20);
transition:
transform 0.2s ease,
background-color 0.2s ease,
border-color 0.2s ease,
box-shadow 0.2s ease;
}
.eplus-header .eplus-header-btn:hover {
transform: translateY(-2px);
background: #1d4ed8 !important;
color: #ffffff !important;
border-color: #1d4ed8 !important;
box-shadow: 0 12px 26px rgba(37, 99, 235, 0.28);
}
/* ??????? ??????????? */
.eplus-header .eplus-header-btn.employer {
background: #0f172a !important;
color: #ffffff !important;
border-color: #0f172a !important;
box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18);
}
.eplus-header .eplus-header-btn.employer:hover {
background: #1e293b !important;
color: #ffffff !important;
border-color: #1e293b !important;
box-shadow: 0 12px 26px rgba(15, 23, 42, 0.25);
}
/* ????? ???????? ??????? ??? ??????? */
.eplus-header-right {
display: flex;
align-items: center;
gap: 12px;
}
/* ===================================================
EPLUS MOBILE APP MENU
???????? ??? ??????? ????? ??? assets/css/style.css
=================================================== */
.eplus-mobile-menu-toggle,
.eplus-mobile-menu-panel,
.eplus-mobile-menu-overlay{
display:none;
}
@media(max-width:768px){
body.eplus-mobile-menu-open{
overflow:hidden!important;
touch-action:none;
}
/* ?????, app-like header */
body .eplus-header{
position:sticky!important;
top:0;
z-index:10020;
display:flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:space-between!important;
width:100%!important;
min-height:68px!important;
padding:8px 15px!important;
margin:0!important;
background:rgba(255,255,255,.97)!important;
border:0!important;
border-bottom:1px solid #e5e7eb!important;
border-radius:0!important;
box-shadow:0 7px 24px rgba(15,23,42,.07)!important;
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
}
body.admin-bar .eplus-header{
top:46px;
}
.eplus-header-left{
display:flex!important;
align-items:center!important;
width:auto!important;
gap:0!important;
}
.eplus-logo{
display:block!important;
width:192px!important;
height:52px!important;
margin:0!important;
overflow:hidden;
}
.eplus-logo img{
display:block!important;
width:254px!important;
max-width:none!important;
height:auto!important;
margin:-1px 0 0 -31px!important;
}
.eplus-main-nav,
.eplus-header-right{
display:none!important;
}
/* Hamburger */
.eplus-mobile-menu-toggle{
position:relative;
display:flex!important;
flex-direction:column;
align-items:center;
justify-content:center;
gap:5px;
width:46px;
height:46px;
padding:0;
background:#eff6ff;
border:1px solid #dbeafe;
border-radius:14px;
box-shadow:0 7px 18px rgba(37,99,235,.10);
cursor:pointer;
transition:
background .22s ease,
border-color .22s ease,
transform .22s ease;
}
.eplus-mobile-menu-toggle:active{
transform:scale(.95);
}
.eplus-menu-line{
display:block;
width:21px;
height:2px;
background:#1d4ed8;
border-radius:999px;
transition:
transform .25s ease,
opacity .2s ease;
}
.eplus-mobile-menu-toggle.is-active
.eplus-menu-line:nth-child(1){
transform:translateY(7px) rotate(45deg);
}
.eplus-mobile-menu-toggle.is-active
.eplus-menu-line:nth-child(2){
opacity:0;
}
.eplus-mobile-menu-toggle.is-active
.eplus-menu-line:nth-child(3){
transform:translateY(-7px) rotate(-45deg);
}
/* Overlay */
.eplus-mobile-menu-overlay{
position:fixed;
inset:0;
z-index:10030;
display:block;
background:rgba(2,6,23,.56);
opacity:0;
backdrop-filter:blur(3px);
-webkit-backdrop-filter:blur(3px);
transition:opacity .28s ease;
}
.eplus-mobile-menu-overlay[hidden]{
display:none!important;
}
.eplus-mobile-menu-overlay.is-visible{
opacity:1;
}
/* Slide panel */
.eplus-mobile-menu-panel{
position:fixed;
top:0;
right:0;
bottom:0;
z-index:10040;
display:flex;
flex-direction:column;
width:min(88vw,390px);
height:100dvh;
padding:
max(18px,env(safe-area-inset-top))
18px
max(20px,env(safe-area-inset-bottom));
background:#ffffff;
box-shadow:-24px 0 65px rgba(2,6,23,.23);
transform:translateX(105%);
visibility:hidden;
overflow-y:auto;
overscroll-behavior:contain;
transition:
transform .30s cubic-bezier(.22,.8,.24,1),
visibility .30s;
}
.eplus-mobile-menu-panel.is-open{
transform:translateX(0);
visibility:visible;
}
.eplus-mobile-menu-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding-bottom:16px;
border-bottom:1px solid #e5e7eb;
}
.eplus-mobile-menu-logo{
display:block;
width:190px!important;
height:48px;
overflow:hidden;
}
.eplus-mobile-menu-logo img{
display:block;
width:250px;
max-width:none;
height:auto;
margin:-2px 0 0 -30px;
}
.eplus-mobile-menu-close{
display:inline-flex;
align-items:center;
justify-content:center;
width:43px;
height:43px;
padding:0;
background:#f1f5f9;
color:#0f172a;
border:0;
border-radius:14px;
font-family:Arial,sans-serif;
font-size:31px;
font-weight:400;
line-height:1;
cursor:pointer;
}
/* Logged-in user card */
.eplus-mobile-user-card{
display:flex;
align-items:center;
gap:13px;
margin-top:18px;
padding:15px;
background:
linear-gradient(135deg,#eff6ff,#f8fafc);
border:1px solid #dbeafe;
border-radius:18px;
}
.eplus-mobile-user-avatar{
display:flex;
align-items:center;
justify-content:center;
flex:0 0 46px;
width:46px;
height:46px;
background:#2563eb;
border-radius:15px;
font-size:21px;
}
.eplus-mobile-user-card div{
min-width:0;
}
.eplus-mobile-user-card strong,
.eplus-mobile-user-card small{
display:block;
}
.eplus-mobile-user-card strong{
overflow:hidden;
color:#0f172a;
font-size:15px;
font-weight:900;
text-overflow:ellipsis;
white-space:nowrap;
}
.eplus-mobile-user-card small{
margin-top:3px;
color:#64748b;
font-size:12px;
font-weight:700;
}
/* Menu links */
.eplus-mobile-menu-links{
display:flex;
flex-direction:column;
gap:6px;
padding:20px 0;
}
.eplus-mobile-menu-label{
display:block;
padding:0 12px;
margin:3px 0 5px;
color:#94a3b8;
font-size:11px;
font-weight:950;
letter-spacing:.8px;
text-transform:uppercase;
}
.eplus-mobile-menu-links a{
display:flex!important;
align-items:center;
gap:13px;
width:100%!important;
min-height:50px;
padding:12px 14px!important;
color:#172033!important;
background:transparent;
border:1px solid transparent;
border-radius:15px;
font-size:15px!important;
font-weight:850!important;
line-height:1.25;
text-decoration:none!important;
transition:
background .18s ease,
color .18s ease,
border-color .18s ease,
transform .18s ease;
}
.eplus-mobile-menu-links a > span{
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 27px;
width:27px;
height:27px;
font-size:17px;
}
.eplus-mobile-menu-links a:active{
transform:scale(.985);
}
.eplus-mobile-menu-links a:hover,
.eplus-mobile-menu-links a:focus-visible{
color:#1d4ed8!important;
background:#eff6ff;
border-color:#dbeafe;
outline:none;
}
.eplus-mobile-menu-divider{
height:1px;
margin:10px 4px;
background:#e5e7eb;
}
/* Registration actions */
.eplus-mobile-menu-links
.eplus-mobile-action{
justify-content:center;
min-height:52px;
margin-top:3px;
color:#ffffff!important;
border:0;
box-shadow:0 10px 24px rgba(15,23,42,.12);
}
.eplus-mobile-menu-links
.eplus-mobile-action.candidate{
background:#2563eb;
}
.eplus-mobile-menu-links
.eplus-mobile-action.candidate:hover,
.eplus-mobile-menu-links
.eplus-mobile-action.candidate:focus-visible{
color:#ffffff!important;
background:#1d4ed8;
}
.eplus-mobile-menu-links
.eplus-mobile-action.employer{
background:#0f172a;
}
.eplus-mobile-menu-links
.eplus-mobile-action.employer:hover,
.eplus-mobile-menu-links
.eplus-mobile-action.employer:focus-visible{
color:#ffffff!important;
background:#1e293b;
}
.eplus-mobile-menu-links
.eplus-mobile-logout{
color:#dc2626!important;
background:#fef2f2;
border-color:#fee2e2;
}
/* Footer */
.eplus-mobile-menu-footer{
margin-top:auto;
padding:16px 12px 4px;
border-top:1px solid #e5e7eb;
}
.eplus-mobile-menu-footer strong,
.eplus-mobile-menu-footer span{
display:block;
}
.eplus-mobile-menu-footer strong{
color:#1d4ed8;
font-size:14px;
font-weight:950;
}
.eplus-mobile-menu-footer span{
margin-top:3px;
color:#94a3b8;
font-size:11px;
font-weight:700;
}
}
@media(max-width:380px){
.eplus-logo{
width:168px!important;
}
.eplus-logo img{
width:225px!important;
margin-left:-28px!important;
}
.eplus-mobile-menu-panel{
width:92vw;
padding-left:15px;
padding-right:15px;
}
}
@media(prefers-reduced-motion:reduce){
.eplus-mobile-menu-panel,
.eplus-mobile-menu-overlay,
.eplus-mobile-menu-toggle,
.eplus-menu-line{
transition:none!important;
}
}
/* ===================================================
MOBILE APP HEADER - LOGO ????????
=================================================== */
@media (max-width: 768px) {
.eplus-header {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
min-height: 64px !important;
padding: 7px 14px !important;
margin: 0 !important;
background: rgba(255, 255, 255, 0.98) !important;
border-bottom: 1px solid #e5e7eb !important;
box-shadow: 0 5px 18px rgba(15, 23, 42, 0.07) !important;
}
.eplus-header-left {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
flex: 1 1 auto !important;
min-width: 0 !important;
}
.eplus-logo {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: auto !important;
height: 48px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.eplus-logo img {
display: block !important;
width: 205px !important;
max-width: 205px !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
object-position: left center !important;
}
.eplus-mobile-menu-toggle {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 44px !important;
width: 44px !important;
height: 44px !important;
margin: 0 0 0 12px !important;
padding: 0 !important;
border-radius: 14px !important;
}
/* Logo ???? ??? ??????? mobile menu */
.eplus-mobile-menu-logo {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: auto !important;
height: 46px !important;
overflow: hidden !important;
}
.eplus-mobile-menu-logo img {
display: block !important;
width: 195px !important;
max-width: 195px !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
object-position: left center !important;
}
}
/* ???? ????? ?????? */
@media (max-width: 380px) {
.eplus-header {
min-height: 60px !important;
padding: 6px 12px !important;
}
.eplus-logo {
height: 44px !important;
}
.eplus-logo img {
width: 178px !important;
max-width: 178px !important;
}
.eplus-mobile-menu-toggle {
flex-basis: 42px !important;
width: 42px !important;
height: 42px !important;
margin-left: 8px !important;
}
}
/* ===================================================
MIGRATED FROM WORDPRESS CUSTOMIZER ? ADDITIONAL CSS
Migration date: 2026-07-27
Keep this block at the end of the plugin stylesheet during the first
migration stage so that the existing cascade remains unchanged.
After visual QA, duplicate and obsolete rules can be consolidated safely.
=================================================== */
/* =========================
HERO SECTION
========================= */
.hero-section{
padding-top:100px;
padding-bottom:100px;
}
.hero-section h1{
font-size:60px;
line-height:1.1;
font-weight:700;
}
.hero-section p{
font-size:20px;
color:#666;
}
/* =========================
BUTTONS
========================= */
.wp-block-button__link{
border-radius:12px !important;
padding:15px 28px !important;
font-weight:600;
}
/* =========================
BENEFITS SECTION
========================= */
.benefits-section{
background:#F7F9FC;
padding:80px 0;
border-radius:25px;
}
/* =========================
?????? ???????
========================= */
.home .wp-block-columns{
gap:30px;
}
.home .wp-block-column{
background:#fff;
padding:35px;
border-radius:20px;
box-shadow:0 8px 25px rgba(0,0,0,.08);
transition:.3s ease;
}
.home .wp-block-column:hover{
transform:translateY(-5px);
box-shadow:0 15px 35px rgba(0,0,0,.12);
}
/* =========================
JOB SLIDER
========================= */
.home div.job_listings{
width:100%;
overflow:hidden !important;
padding:35px 0;
}
.home div.job_listings ul.job_listings{
display:flex !important;
flex-wrap:nowrap !important;
gap:24px !important;
overflow-x:auto !important;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
scroll-behavior:auto !important;
padding:20px 10px !important;
margin:0 !important;
cursor:grab;
user-select:none;
touch-action:pan-x;
}
.home div.job_listings ul.job_listings::-webkit-scrollbar{
display:none;
}
.home div.job_listings ul.job_listings.is-dragging{
cursor:grabbing;
}
.home div.job_listings li.job_listing{
min-width:330px !important;
max-width:330px !important;
flex:0 0 330px !important;
background:#fff !important;
border:1px solid #e5e7eb !important;
border-radius:22px !important;
box-shadow:0 10px 30px rgba(0,0,0,.08) !important;
padding:26px !important;
margin:0 !important;
transition:.3s ease;
}
.home div.job_listings li.job_listing:hover{
transform:translateY(-5px);
box-shadow:0 18px 40px rgba(0,0,0,.12) !important;
}
.home div.job_listings li.job_listing a{
display:flex !important;
flex-direction:column !important;
gap:10px;
min-height:230px;
border:none !important;
padding:0 !important;
}
.home div.job_listings .company_logo{
width:68px !important;
height:68px !important;
border-radius:16px !important;
object-fit:cover;
position:static !important;
float:none !important;
}
.home div.job_listings .position,
.home div.job_listings .location,
.home div.job_listings .meta{
float:none !important;
width:100% !important;
padding:0 !important;
}
.home div.job_listings .position h3{
font-size:20px !important;
line-height:1.3;
font-weight:700 !important;
color:#111827 !important;
}
.home div.job_listings .location{
color:#6b7280 !important;
font-size:14px !important;
}
.home div.job_listings .job-type{
display:inline-block !important;
background:#e8f3ff !important;
color:#2563eb !important;
padding:7px 14px !important;
border-radius:999px !important;
font-size:13px !important;
font-weight:700 !important;
}
.home div.job_listings .date{
color:#6b7280 !important;
font-size:13px !important;
}
/* =========================
?????????? ??????????
========================= */
.categories-grid{
margin-top:30px;
}
.cat-card{
position:relative;
background:#fff;
border:1px solid #e5e7eb;
border-radius:22px;
padding:38px 22px;
text-align:center;
box-shadow:0 8px 25px rgba(0,0,0,.06);
transition:all .3s ease;
cursor:pointer;
overflow:hidden;
min-height:180px;
}
.cat-card:hover{
transform:translateY(-8px);
box-shadow:0 18px 40px rgba(0,0,0,.12);
border-color:#2563eb;
}
.cat-card p:first-child{
font-size:38px;
line-height:1;
margin-bottom:16px;
}
.cat-card h3{
font-size:22px;
margin-bottom:12px;
color:#111827;
}
.cat-card p{
color:#6b7280;
margin-bottom:0;
}
.cat-card a{
text-decoration:none !important;
color:inherit !important;
}
.cat-card a::after{
content:"";
position:absolute;
inset:0;
z-index:5;
}
@media(max-width:768px){
.cat-card{
padding:28px 16px;
min-height:160px;
}
.cat-card p:first-child{
font-size:34px;
}
.cat-card h3{
font-size:20px;
}
}
/* =========================
MOBILE
========================= */
@media(max-width:768px){
.hero-section{
padding-top:60px;
padding-bottom:60px;
}
.hero-section h1{
font-size:40px;
}
.hero-section p{
font-size:18px;
}
.home div.job_listings li.job_listing{
min-width:82vw !important;
max-width:82vw !important;
flex:0 0 82vw !important;
}
.categories-grid .wp-block-column{
padding:25px 15px;
}
}
/* ?????? ?????????? */
.cat-card{
position:relative;
cursor:pointer;
transition:.3s ease;
}
.cat-card:hover{
transform:translateY(-6px);
}
/* ??????? ??? ??? ????? clickable */
.cat-card a{
position:absolute !important;
inset:0;
z-index:10;
opacity:0;
}
.cat-card p:first-child{
font-size:42px;
margin-bottom:18px;
transition:.3s ease;
}
.cat-card:hover p:first-child{
transform:scale(1.15);
}
.cat-card::after{
content:"?";
display:block;
margin-top:18px;
color:#2563eb;
font-size:22px;
font-weight:700;
transition:.3s ease;
}
.cat-card:hover::after{
transform:translateX(8px);
}
.categories-grid .wp-block-column{
display:flex;
}
.cat-card{
width:100%;
}
/* =========================
BUSINESS SECTION
========================= */
.business-section{
background:#f8fafc;
border-radius:30px;
padding:70px 60px;
margin-top:80px;
box-shadow:0 10px 30px rgba(0,0,0,.06);
}
.business-section h2{
font-size:42px;
font-weight:700;
color:#111827;
margin-bottom:20px;
}
.business-section p{
font-size:18px;
color:#6b7280;
line-height:1.8;
}
.business-section ul{
list-style:none;
padding:0;
margin:30px 0;
}
.business-section li{
margin-bottom:14px;
font-size:17px;
color:#374151;
}
.business-section .wp-block-button__link{
background:#2563eb !important;
border-radius:14px !important;
padding:16px 30px !important;
font-weight:700;
}
.business-section .wp-block-button__link:hover{
background:#1d4ed8 !important;
}
.business-section img{
border-radius:25px;
box-shadow:0 15px 40px rgba(0,0,0,.12);
}
/* MOBILE */
@media(max-width:768px){
.business-section{
padding:40px 25px;
}
.business-section h2{
font-size:30px;
}
.business-section p{
font-size:16px;
}
}
/* =========================
FAQ ACCORDION
========================= */
.wp-block-details{
background:#fff;
border:1px solid #e5e7eb;
border-radius:18px;
padding:22px 26px;
margin-bottom:18px;
box-shadow:0 8px 25px rgba(0,0,0,.05);
}
.wp-block-details summary{
font-size:18px;
font-weight:700;
color:#111827;
cursor:pointer;
}
.wp-block-details p{
margin-top:15px;
color:#6b7280;
line-height:1.7;
}
.wp-block-details[open]{
border-color:#2563eb;
}
/* =========================
TESTIMONIALS
========================= */
.testimonials-section{
margin-top:90px;
}
.testimonial-card{
background:#fff;
border-radius:25px;
padding:35px 30px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s ease;
height:100%;
}
.testimonial-card:hover{
transform:translateY(-8px);
box-shadow:0 18px 40px rgba(0,0,0,.12);
}
.testimonial-card h3{
font-size:24px;
font-weight:700;
color:#111827;
margin-bottom:8px;
}
.testimonial-card strong{
display:block;
color:#2563eb;
margin-bottom:20px;
}
.testimonial-card p{
color:#6b7280;
line-height:1.8;
font-size:16px;
}
.testimonial-card{
position:relative;
}
.testimonial-card::before{
content:"?????";
display:block;
color:#fbbf24;
font-size:20px;
margin-bottom:20px;
}
@media(max-width:768px){
.testimonial-card{
padding:25px;
margin-bottom:25px;
}
.testimonial-card h3{
font-size:21px;
}
}
/* =========================
STATS SECTION
========================= */
.stats-section{
margin-top:100px;
}
.stat-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:25px;
padding:40px 25px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s ease;
height:100%;
}
.stat-card:hover{
transform:translateY(-8px);
box-shadow:0 18px 40px rgba(0,0,0,.12);
border-color:#2563eb;
}
.stat-card h2{
font-size:52px;
font-weight:800;
color:#2563eb;
margin-bottom:12px;
line-height:1;
}
.stat-card p{
font-size:18px;
color:#6b7280;
margin:0;
}
@media(max-width:768px){
.stat-card{
padding:30px 20px;
margin-bottom:20px;
}
.stat-card h2{
font-size:42px;
}
.stat-card p{
font-size:16px;
}
}
/* =========================
NEWSLETTER SECTION
========================= */
.newsletter-section{
margin-top:100px;
background:linear-gradient(135deg,#2563eb,#1e40af);
border-radius:30px;
padding:70px 40px;
text-align:center;
color:#fff;
box-shadow:0 18px 45px rgba(37,99,235,.25);
}
.newsletter-section h2{
font-size:42px;
font-weight:800;
margin-bottom:18px;
color:#fff;
}
.newsletter-section p{
font-size:18px;
color:#e0e7ff;
margin-bottom:30px;
}
.newsletter-section input[type="email"]{
max-width:420px;
width:100%;
padding:17px 20px;
border-radius:14px;
border:none;
margin-right:10px;
}
.newsletter-section input[type="submit"],
.newsletter-section button{
padding:17px 30px;
border-radius:14px;
border:none;
background:#fff;
color:#2563eb;
font-weight:800;
cursor:pointer;
}
@media(max-width:768px){
.newsletter-section{
padding:45px 25px;
}
.newsletter-section h2{
font-size:30px;
}
.newsletter-section input[type="email"]{
margin-right:0;
margin-bottom:12px;
}
}
/* =========================
HEADER SEARCH
========================= */
.ast-header-search,
.ast-search-menu-icon{
max-width:330px;
}
.ast-search-menu-icon .search-form{
border:1px solid #2563eb;
border-radius:8px;
overflow:hidden;
background:#fff;
}
.ast-search-menu-icon input.search-field{
height:46px;
padding:0 45px 0 15px;
font-size:15px;
border:none !important;
}
.ast-search-menu-icon .search-submit{
color:#2563eb !important;
}
@media(max-width:768px){
.ast-header-search,
.ast-search-menu-icon{
max-width:100%;
}
}
/* =========================
SINGLE JOB PAGE - PRO STYLE
========================= */
.single-job_listing{
background:#f6f8fb;
}
.single-job_listing .site-content{
background:#f6f8fb;
padding:70px 0;
}
.single-job_listing .ast-container{
max-width:1180px;
}
/* ???????? ??????? */
.single-job_listing .entry-header,
.single-job_listing .post-navigation{
display:none !important;
}
/* ???????? ????? */
.single-job_listing .entry-content{
background:#ffffff;
border:1px solid #e5e7eb;
border-radius:30px;
padding:50px;
box-shadow:0 15px 45px rgba(0,0,0,.08);
}
/* ?????? */
.single-job_listing .job_listing h1,
.single-job_listing .entry-title{
font-size:44px !important;
line-height:1.15;
font-weight:800;
color:#111827;
margin-bottom:22px;
}
/* Logo ????????? */
.single-job_listing .company_logo{
width:120px !important;
height:120px !important;
border-radius:24px !important;
object-fit:cover !important;
border:1px solid #e5e7eb;
box-shadow:0 10px 30px rgba(0,0,0,.10);
margin-bottom:25px;
}
/* Meta ?????? */
.single-job_listing .job_listing .meta,
.single-job_listing .job_listing .job-listing-meta{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:14px;
margin:25px 0;
padding:0;
list-style:none;
}
/* Badge ????? */
.single-job_listing .job-type{
display:inline-flex !important;
align-items:center;
background:#dcfce7 !important;
color:#16a34a !important;
border-radius:999px;
padding:8px 16px;
font-size:14px;
font-weight:800;
}
/* Location / date */
.single-job_listing .location,
.single-job_listing .date-posted{
display:inline-flex !important;
align-items:center;
gap:6px;
color:#6b7280 !important;
font-size:15px;
font-weight:500;
}
/* ????????? ?? CSS */
.single-job_listing .location::before{
content:"?";
}
.single-job_listing .date-posted::before{
content:"?";
}
/* ?????? ??????? */
.single-job_listing .application_button,
.single-job_listing input.application_button,
.single-job_listing .job_application .application_button{
display:inline-flex !important;
align-items:center;
justify-content:center;
background:#2563eb !important;
color:#fff !important;
border:none !important;
border-radius:16px !important;
padding:17px 36px !important;
font-size:17px !important;
font-weight:800 !important;
margin:25px 0 35px 0 !important;
box-shadow:0 12px 28px rgba(37,99,235,.28);
transition:.3s ease;
}
.single-job_listing .application_button::before{
content:"?";
margin-right:10px;
}
.single-job_listing .application_button:hover{
background:#1d4ed8 !important;
transform:translateY(-3px);
}
/* ????????? */
.single-job_listing .job_description,
.single-job_listing .entry-content .job_description{
margin-top:35px;
padding-top:35px;
border-top:1px solid #e5e7eb;
}
.single-job_listing .job_description h2,
.single-job_listing .job_description h3,
.single-job_listing .entry-content h2,
.single-job_listing .entry-content h3{
font-size:24px;
font-weight:800;
color:#111827;
margin-top:30px;
margin-bottom:15px;
}
.single-job_listing .job_description p,
.single-job_listing .job_description li,
.single-job_listing .entry-content p,
.single-job_listing .entry-content li{
font-size:17px;
line-height:1.8;
color:#374151;
}
.single-job_listing .job_description ul{
padding-left:22px;
}
.single-job_listing .job_description li::marker{
color:#2563eb;
}
/* Application area */
.single-job_listing .job_application{
margin-top:25px;
padding:25px;
background:#f8fafc;
border:1px solid #e5e7eb;
border-radius:22px;
}
/* ??????????? ???? ?? ????? */
.single-job_listing .single_job_listing{
position:relative;
}
/* ????? ????? ????????? */
.single-job_listing .entry-content::after{
content:"??????? ????????? - ???? ?? ???????? ?????????? ???? ????????????.";
display:block;
margin-top:35px;
padding:22px 25px;
background:#eff6ff;
border:1px solid #bfdbfe;
color:#1e40af;
border-radius:20px;
font-weight:700;
}
/* MOBILE */
@media(max-width:768px){
.single-job_listing .site-content{
padding:35px 0;
}
.single-job_listing .entry-content{
padding:28px 22px;
border-radius:24px;
}
.single-job_listing .job_listing h1,
.single-job_listing .entry-title{
font-size:30px !important;
}
.single-job_listing .company_logo{
width:85px !important;
height:85px !important;
}
.single-job_listing .application_button,
.single-job_listing input.application_button{
width:100%;
text-align:center;
}
.single-job_listing .job_listing .meta,
.single-job_listing .job_listing .job-listing-meta{
flex-direction:column;
align-items:flex-start;
}
}
/* =========================
JOB LISTINGS PAGE - PRO STYLE 66/33
========================= */
.jobs-layout{
gap:32px;
align-items:flex-start;
}
.jobs-main div.job_listings{
width:100%;
margin:0;
}
/* ?????? ?????????? */
.jobs-main .job_filters{
background:#ffffff !important;
border:1px solid #e5e7eb !important;
border-radius:24px !important;
padding:24px !important;
box-shadow:0 10px 30px rgba(0,0,0,.06);
margin-bottom:24px;
}
.jobs-main .job_filters .search_jobs{
display:grid !important;
grid-template-columns:1fr 1fr;
gap:14px;
align-items:center;
}
.jobs-main .job_filters .search_keywords,
.jobs-main .job_filters .search_location,
.jobs-main .job_filters .search_categories{
width:100% !important;
padding:0 !important;
}
.jobs-main .job_filters input,
.jobs-main .job_filters select{
width:100% !important;
height:50px !important;
border:1px solid #dbe3ef !important;
border-radius:14px !important;
padding:0 16px !important;
background:#fff !important;
font-size:15px !important;
color:#111827 !important;
}
.jobs-main .job_filters input[type="submit"]{
height:50px !important;
border:none !important;
border-radius:14px !important;
background:#2563eb !important;
color:#fff !important;
font-weight:800 !important;
cursor:pointer;
padding:0 26px !important;
}
.jobs-main .job_filters input[type="submit"]:hover{
background:#1d4ed8 !important;
}
/* Remote checkbox ????? */
.jobs-main .job_filters .search_remote_position{
display:flex !important;
align-items:center !important;
gap:8px;
font-size:14px;
color:#6b7280;
}
.jobs-main .job_filters .search_remote_position input{
width:16px !important;
height:16px !important;
}
/* Job types ??? ????? pills */
.jobs-main .job_filters .job_types{
background:transparent !important;
border:none !important;
margin-top:18px !important;
display:flex !important;
gap:10px;
flex-wrap:wrap;
}
.jobs-main .job_filters .job_types li{
list-style:none !important;
margin:0 !important;
}
.jobs-main .job_filters .job_types label{
background:#f1f5f9;
border:1px solid #e5e7eb;
border-radius:999px;
padding:8px 13px;
font-weight:600;
font-size:14px;
color:#374151;
}
/* ???????? RSS */
.jobs-main .rss_link{
display:none !important;
}
/* ????? ???????? */
.jobs-main ul.job_listings{
border:none !important;
background:transparent !important;
}
.jobs-main ul.job_listings li.job_listing{
background:#fff !important;
border:1px solid #e5e7eb !important;
border-radius:20px !important;
margin-bottom:14px !important;
padding:0 !important;
box-shadow:0 8px 24px rgba(0,0,0,.05);
transition:.25s ease;
overflow:hidden;
}
.jobs-main ul.job_listings li.job_listing:hover{
transform:translateY(-3px);
box-shadow:0 14px 32px rgba(0,0,0,.09);
border-color:#bfdbfe !important;
}
.jobs-main ul.job_listings li.job_listing a{
display:grid !important;
grid-template-columns:70px 1fr 130px;
gap:18px;
align-items:center;
padding:18px 22px !important;
border:none !important;
min-height:118px;
}
/* Logo */
.jobs-main ul.job_listings li.job_listing img.company_logo{
position:static !important;
float:none !important;
width:62px !important;
height:62px !important;
border-radius:14px !important;
object-fit:cover !important;
border:1px solid #e5e7eb;
box-shadow:0 5px 14px rgba(0,0,0,.08);
}
/* ???? */
.jobs-main ul.job_listings li.job_listing .position{
float:none !important;
width:100% !important;
padding:0 !important;
}
.jobs-main ul.job_listings li.job_listing .position h3{
font-size:19px !important;
font-weight:800 !important;
color:#111827 !important;
margin:0 0 7px 0 !important;
line-height:1.25;
}
.jobs-main ul.job_listings li.job_listing .company{
color:#374151 !important;
font-size:14px !important;
margin-top:3px;
}
/* ????????? */
.jobs-main ul.job_listings li.job_listing .location{
float:none !important;
width:100% !important;
padding:0 !important;
color:#6b7280 !important;
font-size:14px !important;
margin-top:7px;
}
.jobs-main ul.job_listings li.job_listing .location::before{
content:"? ";
}
/* Meta ????? */
.jobs-main ul.job_listings li.job_listing .meta{
float:none !important;
width:100% !important;
padding:0 !important;
text-align:right !important;
}
.jobs-main ul.job_listings li.job_listing .job-type{
display:inline-block !important;
background:#dcfce7 !important;
color:#16a34a !important;
border-radius:999px !important;
padding:7px 13px !important;
font-size:13px !important;
font-weight:800 !important;
margin-bottom:8px !important;
}
.jobs-main ul.job_listings li.job_listing .date{
display:block !important;
color:#6b7280 !important;
font-size:13px !important;
}
/* Load more */
.jobs-main .load_more_jobs{
background:#2563eb !important;
color:#fff !important;
border-radius:14px !important;
padding:14px 28px !important;
font-weight:800 !important;
border:none !important;
margin:24px auto !important;
display:block !important;
max-width:220px;
text-align:center;
}
/* Sidebar ????? */
.jobs-sidebar{
background:#fff;
border:1px solid #e5e7eb;
border-radius:24px;
padding:26px;
box-shadow:0 10px 30px rgba(0,0,0,.06);
position:sticky;
top:100px;
}
.jobs-sidebar h2,
.jobs-sidebar h3{
font-size:22px;
font-weight:800;
color:#111827;
margin-bottom:18px;
}
.jobs-sidebar p{
color:#6b7280;
line-height:1.7;
}
.jobs-sidebar a{
display:block;
padding:12px 0;
color:#111827;
text-decoration:none;
border-bottom:1px solid #f1f5f9;
transition:.25s ease;
font-weight:600;
}
.jobs-sidebar a:hover{
color:#2563eb;
padding-left:8px;
}
/* MOBILE */
@media(max-width:768px){
.jobs-layout{
gap:24px;
}
.jobs-main .job_filters{
padding:18px !important;
border-radius:20px !important;
}
.jobs-main .job_filters .search_jobs{
grid-template-columns:1fr !important;
}
.jobs-main .job_filters input[type="submit"]{
width:100% !important;
}
.jobs-main ul.job_listings li.job_listing a{
grid-template-columns:58px 1fr !important;
gap:14px;
padding:18px !important;
min-height:auto;
}
.jobs-main ul.job_listings li.job_listing img.company_logo{
width:54px !important;
height:54px !important;
}
.jobs-main ul.job_listings li.job_listing .meta{
grid-column:1 / -1;
text-align:left !important;
margin-top:8px;
}
.jobs-main ul.job_listings li.job_listing .position h3{
font-size:17px !important;
}
.jobs-sidebar{
position:static;
padding:22px;
}
}
/* ???????? ?? Search Box */
.jobs-main .job_filters{
display:none !important;
}
/* ==========================
??? ????????????
========================== */
/* HERO */
.employers-hero{
background:#f8fafc;
border-radius:35px;
padding:70px;
box-shadow:0 15px 40px rgba(0,0,0,.07);
margin-bottom:80px;
}
.employers-hero h1{
font-size:56px;
line-height:1.15;
font-weight:800;
color:#111827;
margin-bottom:25px;
}
.employers-hero p{
font-size:20px;
color:#6b7280;
line-height:1.8;
}
.employers-hero .wp-block-button__link{
border-radius:18px !important;
padding:18px 32px !important;
font-weight:700;
transition:.3s;
}
.employers-hero .wp-block-button__link:hover{
transform:translateY(-3px);
}
/* Dashboard ?????? */
.employers-dashboard img{
border-radius:30px;
box-shadow:0 20px 50px rgba(0,0,0,.12);
}
/* BENEFITS */
.employers-benefits{
margin-top:80px;
margin-bottom:80px;
}
.employers-benefits h2{
text-align:center;
font-size:42px;
font-weight:800;
margin-bottom:50px;
}
/* ?????? */
.employer-benefit-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:25px;
padding:35px 25px;
box-shadow:0 10px 35px rgba(0,0,0,.06);
transition:.3s;
height:100%;
}
.employer-benefit-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 45px rgba(0,0,0,.12);
}
.employer-benefit-card h3{
font-size:22px;
font-weight:800;
margin-bottom:15px;
color:#111827;
}
.employer-benefit-card p{
color:#6b7280;
line-height:1.8;
}
/* Mobile */
@media(max-width:768px){
.employers-hero{
padding:35px 25px;
}
.employers-hero h1{
font-size:36px;
}
.employers-benefits h2{
font-size:30px;
}
}
/* =========================
HOW IT WORKS
========================= */
.how-it-works{
margin-top:100px;
margin-bottom:100px;
}
.how-it-works h2{
text-align:center;
font-size:44px;
font-weight:800;
color:#111827;
margin-bottom:60px;
}
/* ?????? */
.step-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:28px;
padding:40px 30px;
text-align:center;
box-shadow:0 10px 35px rgba(0,0,0,.06);
transition:.3s ease;
position:relative;
height:100%;
}
.step-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 45px rgba(0,0,0,.12);
}
/* ??????? */
.step-card h3{
font-size:24px;
font-weight:800;
color:#111827;
margin-bottom:20px;
line-height:1.4;
}
.step-card p{
color:#6b7280;
line-height:1.8;
font-size:16px;
}
/* ?????? ???? */
.step-card::before{
content:"";
width:18px;
height:18px;
background:#2563eb;
border-radius:50%;
position:absolute;
top:-9px;
left:50%;
transform:translateX(-50%);
box-shadow:0 0 0 8px rgba(37,99,235,.12);
}
/* MOBILE */
@media(max-width:768px){
.how-it-works{
margin-top:70px;
margin-bottom:70px;
}
.how-it-works h2{
font-size:32px;
margin-bottom:40px;
}
.step-card{
padding:30px 22px;
margin-bottom:20px;
}
.step-card h3{
font-size:21px;
}
}
/* =========================
WHY US SECTION
========================= */
.why-us-section{
margin-top:100px;
margin-bottom:100px;
}
.why-us-section h2{
text-align:center;
font-size:44px;
font-weight:800;
color:#111827;
margin-bottom:55px;
}
.why-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:28px;
padding:45px 32px;
box-shadow:0 10px 35px rgba(0,0,0,.06);
transition:.3s ease;
height:100%;
}
.why-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 45px rgba(0,0,0,.12);
border-color:#2563eb;
}
.why-card h3{
font-size:25px;
font-weight:800;
color:#111827;
margin-bottom:18px;
}
.why-card p{
font-size:17px;
color:#6b7280;
line-height:1.8;
}
/* MOBILE */
@media(max-width:768px){
.why-us-section{
margin-top:70px;
margin-bottom:70px;
}
.why-us-section h2{
font-size:32px;
margin-bottom:35px;
}
.why-card{
padding:32px 24px;
margin-bottom:20px;
}
}
/* =========================
CTA BUSINESS
========================= */
.cta-business{
margin-top:100px;
margin-bottom:100px;
background:linear-gradient(135deg,#2563eb,#1d4ed8);
border-radius:35px;
padding:80px 50px;
text-align:center;
box-shadow:0 20px 50px rgba(37,99,235,.25);
}
.cta-business h2{
color:#fff;
font-size:48px;
font-weight:800;
margin-bottom:20px;
}
.cta-business p{
color:#dbeafe;
font-size:20px;
line-height:1.8;
max-width:700px;
margin:0 auto 35px;
}
.cta-business .wp-block-button__link{
border-radius:18px !important;
padding:18px 34px !important;
font-weight:700;
transition:.3s;
}
.cta-business .wp-block-button__link:hover{
transform:translateY(-4px);
}
@media(max-width:768px){
.cta-business{
padding:50px 25px;
margin-top:70px;
margin-bottom:70px;
}
.cta-business h2{
font-size:32px;
}
.cta-business p{
font-size:17px;
}
}
/* =========================
PRICING SECTION
========================= */
.pricing-section{
margin-top:90px;
margin-bottom:100px;
gap:30px;
}
.pricing-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:30px;
padding:45px 35px;
box-shadow:0 10px 35px rgba(0,0,0,.06);
transition:.3s ease;
height:100%;
position:relative;
}
.pricing-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 45px rgba(0,0,0,.12);
}
/* Professional */
.featured-plan{
background:linear-gradient(135deg,#2563eb,#1d4ed8);
color:#fff;
transform:scale(1.05);
box-shadow:0 20px 50px rgba(37,99,235,.25);
}
.featured-plan h2,
.featured-plan h3,
.featured-plan p,
.featured-plan li{
color:#fff !important;
}
.featured-plan::before{
content:"????????????";
position:absolute;
top:-15px;
left:50%;
transform:translateX(-50%);
background:#fff;
color:#2563eb;
font-weight:700;
padding:8px 20px;
border-radius:999px;
box-shadow:0 8px 20px rgba(0,0,0,.1);
}
.pricing-card h2,
.pricing-card h3{
font-size:30px;
font-weight:800;
margin-bottom:25px;
}
.pricing-card p{
color:#6b7280;
line-height:1.8;
}
.pricing-card ul{
padding-left:20px;
}
.pricing-card li{
margin-bottom:12px;
color:#374151;
}
.pricing-card .wp-block-button{
margin-top:30px;
}
.pricing-card .wp-block-button__link{
width:100%;
text-align:center;
border-radius:18px !important;
padding:16px 28px !important;
font-weight:700;
}
@media(max-width:768px){
.pricing-section{
margin-top:60px;
}
.featured-plan{
transform:none;
}
.pricing-card{
padding:35px 25px;
margin-bottom:25px;
}
}
/* =========================
CONTACT PAGE
========================= */
.contact-hero{
text-align:center;
margin-bottom:80px;
}
.contact-hero h1{
font-size:58px;
font-weight:800;
color:#111827;
margin-bottom:20px;
}
.contact-hero p{
max-width:750px;
margin:auto;
font-size:20px;
line-height:1.8;
color:#6b7280;
}
/* Contact Section */
.contact-section{
gap:40px;
align-items:flex-start;
}
/* ????? */
.contact-section .wp-block-column:first-child{
background:#fff;
border:1px solid #e5e7eb;
border-radius:30px;
padding:45px;
box-shadow:0 12px 35px rgba(0,0,0,.06);
}
/* ????? ????? */
.contact-info-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:30px;
padding:40px;
box-shadow:0 12px 35px rgba(0,0,0,.06);
position:sticky;
top:100px;
}
.contact-info-card h2,
.contact-info-card h3{
font-size:24px;
font-weight:800;
color:#111827;
margin-bottom:15px;
}
.contact-info-card p{
color:#6b7280;
line-height:1.8;
margin-bottom:30px;
}
/* WPForms */
.wpforms-container input,
.wpforms-container textarea{
border-radius:15px !important;
border:1px solid #dbe3ef !important;
}
.wpforms-submit{
background:#2563eb !important;
border:none !important;
border-radius:16px !important;
padding:16px 30px !important;
font-weight:700 !important;
}
/* MOBILE */
@media(max-width:768px){
.contact-hero{
margin-bottom:50px;
}
.contact-hero h1{
font-size:38px;
}
.contact-hero p{
font-size:18px;
}
.contact-section{
gap:25px;
}
.contact-section .wp-block-column:first-child{
padding:30px 22px;
}
.contact-info-card{
position:static;
padding:30px 22px;
}
}
/* =========================
SUBMIT JOB PAGE - FINAL
========================= */
.submit-job-layout{
gap:40px;
align-items:flex-start;
}
.submit-job-main{
background:#fff;
border:1px solid #e5e7eb;
border-radius:32px;
padding:45px;
box-shadow:0 18px 45px rgba(0,0,0,.07);
}
.submit-job-main fieldset{
border:none !important;
margin-bottom:28px !important;
padding:0 !important;
}
.submit-job-main label{
font-weight:800;
color:#111827;
margin-bottom:8px;
}
.submit-job-main input,
.submit-job-main select,
.submit-job-main textarea{
width:100%;
border:1px solid #dbe3ef !important;
border-radius:16px !important;
padding:15px 18px !important;
font-size:15px !important;
background:#fff !important;
}
.submit-job-main input:focus,
.submit-job-main select:focus,
.submit-job-main textarea:focus{
border-color:#2563eb !important;
box-shadow:0 0 0 4px rgba(37,99,235,.10);
outline:none;
}
.submit-job-main textarea,
.submit-job-main .wp-editor-area{
min-height:260px !important;
}
.submit-job-main h2,
.submit-job-main h3{
font-size:30px;
font-weight:900;
color:#111827;
margin:35px 0 25px;
}
.submit-job-main input[type="submit"],
.submit-job-main button,
.submit-job-main .button{
background:#2563eb !important;
color:#fff !important;
border:none !important;
border-radius:16px !important;
padding:16px 34px !important;
font-weight:900 !important;
box-shadow:0 12px 28px rgba(37,99,235,.25);
}
/* Sidebar */
.submit-job-sidebar{
background:#fff;
border:1px solid #e5e7eb;
border-radius:32px;
padding:35px;
box-shadow:0 18px 45px rgba(0,0,0,.07);
position:sticky;
top:100px;
}
.submit-job-sidebar h2,
.submit-job-sidebar h3{
font-size:26px;
font-weight:900;
color:#111827;
margin-bottom:22px;
}
.submit-job-sidebar p,
.submit-job-sidebar li{
color:#374151;
line-height:1.9;
font-size:16px;
}
.submit-job-sidebar ul{
padding-left:0;
list-style:none;
}
.submit-job-sidebar li{
padding:12px 0;
border-bottom:1px solid #f1f5f9;
}
.submit-job-sidebar li::before{
content:"?";
color:#16a34a;
font-weight:900;
margin-right:10px;
}
/* Account box */
.submit-job-main .account-sign-in,
.submit-job-main .account-sign-in,
.submit-job-main .job-manager-message{
background:#eff6ff !important;
border:1px solid #bfdbfe !important;
color:#1e40af !important;
border-radius:18px !important;
padding:18px 22px !important;
margin-bottom:28px !important;
}
/* Mobile */
@media(max-width:768px){
.submit-job-layout{
gap:25px;
}
.submit-job-main,
.submit-job-sidebar{
padding:25px;
border-radius:24px;
}
.submit-job-sidebar{
position:static;
}
.submit-job-main h2,
.submit-job-main h3{
font-size:24px;
}
}
/* =========================
SUBMIT JOB FIXES
========================= */
/* Account box fix */
.submit-job-main .account-sign-in{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:20px;
flex-wrap:wrap;
}
.submit-job-main .account-sign-in .button,
.submit-job-main .account-sign-in a.button{
width:auto !important;
min-width:140px;
padding:12px 22px !important;
margin:0 !important;
}
/* ????? ??? ?????? */
.submit-job-main fieldset{
display:grid !important;
grid-template-columns:210px 1fr;
gap:18px;
align-items:center;
}
.submit-job-main fieldset label{
margin:0 !important;
}
.submit-job-main fieldset div.field{
width:100% !important;
}
/* Editor fix */
.submit-job-main .wp-editor-wrap{
width:100% !important;
}
.submit-job-main .wp-editor-container{
border:1px solid #dbe3ef !important;
border-radius:16px !important;
overflow:hidden;
}
/* ??????? Preview / Save Draft */
.submit-job-main p:last-child,
.submit-job-main .submit-job{
display:flex !important;
gap:15px;
flex-wrap:wrap;
}
.submit-job-main input[type="submit"],
.submit-job-main .button{
width:auto !important;
min-width:180px;
}
/* Sidebar ??? ????? */
.submit-job-sidebar{
min-height:auto !important;
}
/* Mobile */
@media(max-width:768px){
.submit-job-main fieldset{
grid-template-columns:1fr !important;
gap:8px;
}
.submit-job-main .account-sign-in{
flex-direction:column;
align-items:flex-start !important;
}
.submit-job-main input[type="submit"],
.submit-job-main .button{
width:100% !important;
}
}
/* ==========================
SUBMIT FORM FULL WIDTH
========================== */
.job-manager-form fieldset{
display:block!important;
margin-bottom:25px!important;
border:none!important;
padding:0!important;
}
.job-manager-form fieldset label{
display:block!important;
width:100%!important;
margin-bottom:10px!important;
font-size:15px!important;
font-weight:700!important;
color:#1f2937!important;
}
.job-manager-form fieldset .field{
width:100%!important;
max-width:100%!important;
}
.job-manager-form input[type=text],
.job-manager-form input[type=email],
.job-manager-form input[type=url],
.job-manager-form select,
.job-manager-form textarea{
width:100%!important;
max-width:100%!important;
height:auto!important;
padding:15px 18px!important;
border:1px solid #dbe3ef!important;
border-radius:16px!important;
font-size:15px!important;
background:#fff!important;
}
.job-manager-form textarea{
min-height:250px!important;
}
.wp-editor-wrap{
width:100%!important;
}
.wp-editor-container{
width:100%!important;
}
.wp-editor-area{
min-height:260px!important;
}
.job-manager-form .button{
border-radius:16px!important;
padding:15px 30px!important;
font-weight:700!important;
}
/* Company section */
.company_details{
margin-top:50px!important;
}
/* remove side spacing */
.job-manager-form{
max-width:100%!important;
}
/* ==========================
SUBMIT FORM FINAL CLEAN
========================== */
/* ?????? ??? ???????? ?????? ?????? */
.submit-job-main{
max-width:760px !important;
margin:0 auto !important;
}
/* ???????? ???? ???? */
.submit-job-main .account-sign-in{
margin-bottom:40px !important;
}
/* ??? ????? account box */
.submit-job-main .account-sign-in{
background:#f8fbff !important;
border:1px solid #dbeafe !important;
border-radius:20px !important;
padding:18px 24px !important;
}
/* Editor toolbar ?? ??? ???????? ???????? */
.submit-job-main .quicktags-toolbar input{
width:auto !important;
min-width:auto !important;
padding:10px 16px !important;
margin:4px !important;
}
/* Editor ????? ?????? */
.submit-job-main .wp-editor-wrap,
.submit-job-main .wp-editor-container,
.submit-job-main iframe,
.submit-job-main textarea.wp-editor-area{
width:100% !important;
max-width:100% !important;
}
/* ??????? ???? ???? ?????? */
.submit-job-main p.submit,
.submit-job-main .submit-job{
display:flex !important;
gap:16px !important;
align-items:center;
}
.submit-job-main p.submit input,
.submit-job-main .submit-job input{
width:auto !important;
min-width:180px !important;
}
/* Sidebar ??? ????? */
.submit-job-sidebar{
padding:38px !important;
}
.submit-job-sidebar h2,
.submit-job-sidebar h3{
line-height:1.25;
}
/* =========================
JOB DASHBOARD PAGE - FINAL
========================= */
.job-manager-jobs.jm-dashboard-table{
max-width:1180px;
margin:40px auto;
background:#f8fafc !important;
border:1px solid #e5e7eb;
border-radius:32px;
padding:30px !important;
box-shadow:0 18px 45px rgba(0,0,0,.07);
}
/* Header */
.jm-dashboard-header{
display:flex !important;
justify-content:space-between !important;
align-items:center !important;
gap:20px;
margin-bottom:30px !important;
}
.jm-dashboard-header input[type="search"],
.jm-dashboard-header input[type="text"]{
max-width:320px !important;
height:50px !important;
border:1px solid #dbe3ef !important;
border-radius:14px !important;
padding:0 18px !important;
background:#fff !important;
}
.jm-dashboard-header .button,
.jm-dashboard-header a.button,
.job-manager-jobs .add-job,
.job-manager-jobs a.button{
margin-left:auto !important;
background:#2563eb !important;
color:#fff !important;
border:none !important;
border-radius:14px !important;
padding:14px 24px !important;
font-weight:800 !important;
text-decoration:none !important;
box-shadow:0 10px 25px rgba(37,99,235,.22);
}
/* ???????? labels */
.jm-dashboard-label{
display:none !important;
}
/* ???? ??????? */
.jm-dashboard-job{
display:grid !important;
grid-template-columns:1.7fr .8fr .7fr .6fr;
gap:20px;
align-items:center;
background:#fff !important;
border:1px solid #e5e7eb !important;
border-radius:22px !important;
padding:18px 24px !important;
min-height:95px !important;
margin-bottom:18px !important;
box-shadow:0 8px 25px rgba(0,0,0,.06);
transition:.25s ease;
}
.jm-dashboard-job:hover{
transform:translateY(-3px);
box-shadow:0 16px 38px rgba(0,0,0,.10);
border-color:#bfdbfe !important;
}
/* ?????? */
.jm-dashboard-job .job-title,
.jm-dashboard-job .job-title a{
font-size:19px !important;
font-weight:850 !important;
color:#111827 !important;
text-decoration:none !important;
}
.jm-dashboard-job .job-title a:hover{
color:#2563eb !important;
}
/* Active badge */
.jm-dashboard-job .job-status,
.jm-dashboard-job .job-status span,
.job-status{
display:inline-flex !important;
background:#dcfce7 !important;
color:#16a34a !important;
border-radius:999px !important;
padding:5px 12px !important;
font-size:11px !important;
font-weight:900 !important;
text-transform:uppercase;
margin-left:8px;
}
/* Date / Views */
.jm-dashboard-job-column.date,
.jm-dashboard-job-column.stats{
color:#6b7280 !important;
font-size:13px !important;
line-height:1.5 !important;
}
/* Actions */
.jm-dashboard-job-column.actions{
text-align:right !important;
}
.jm-dashboard-job-column.actions a,
.jm-dashboard-job-column.actions button,
.jm-dashboard-job-actions a,
.jm-dashboard-job-actions button{
background:#2563eb !important;
color:#fff !important;
border:none !important;
border-radius:12px !important;
padding:10px 18px !important;
margin:3px !important;
font-weight:800 !important;
text-decoration:none !important;
}
.jm-dashboard-job-column.actions a:hover,
.jm-dashboard-job-column.actions button:hover,
.jm-dashboard-job-actions a:hover,
.jm-dashboard-job-actions button:hover{
background:#1d4ed8 !important;
color:#fff !important;
}
/* Mobile */
@media(max-width:768px){
.job-manager-jobs.jm-dashboard-table{
margin:25px 15px;
padding:22px !important;
}
.jm-dashboard-header{
flex-direction:column;
align-items:stretch !important;
}
.jm-dashboard-header input[type="search"],
.jm-dashboard-header input[type="text"]{
max-width:100% !important;
width:100% !important;
}
.jm-dashboard-header .button,
.jm-dashboard-header a.button{
width:100%;
text-align:center;
}
.jm-dashboard-job{
grid-template-columns:1fr !important;
gap:12px;
}
.jm-dashboard-job-column.actions{
text-align:left !important;
}
}
/* =========================
EMPLOYER DASHBOARD FINAL
========================= */
.employer-dashboard-layout{
display:grid !important;
grid-template-columns:260px minmax(0,1fr) !important;
gap:35px !important;
align-items:flex-start !important;
max-width:1280px !important;
margin:40px auto !important;
}
.employer-dashboard-sidebar{
background:#fff;
border:1px solid #e5e7eb;
border-radius:28px;
padding:28px 22px;
box-shadow:0 14px 40px rgba(0,0,0,.06);
position:sticky;
top:100px;
}
.employer-dashboard-sidebar h2,
.employer-dashboard-sidebar h3{
font-size:22px;
font-weight:900;
color:#111827;
margin-bottom:22px;
}
.employer-dashboard-sidebar p,
.employer-dashboard-sidebar li{
display:block;
list-style:none;
padding:14px 16px;
border-radius:14px;
color:#111827;
font-weight:700;
margin:0 0 6px;
}
.employer-dashboard-sidebar p:first-of-type,
.employer-dashboard-sidebar li:first-child{
background:#2563eb;
color:#fff;
}
.employer-dashboard-main{
width:100% !important;
min-width:0 !important;
}
.employer-dashboard-main .job-manager-jobs.jm-dashboard-table{
margin:0 !important;
max-width:100% !important;
}
.jm-dashboard-header-row{
display:none !important;
}
.jm-dashboard-job{
grid-template-columns:1.6fr .8fr .7fr .7fr !important;
background:linear-gradient(180deg,#ffffff,#fdfefe) !important;
}
.jm-dashboard-job-column.date::before{
content:"? ";
}
.jm-dashboard-job-column.stats::before{
content:"? ";
}
.jm-dashboard-job-column.actions{
display:flex !important;
justify-content:flex-end;
align-items:center;
gap:8px;
}
.jm-dashboard-job-column.actions a,
.jm-dashboard-job-column.actions button{
min-width:110px;
text-align:center;
}
@media(max-width:768px){
.employer-dashboard-layout{
grid-template-columns:1fr !important;
margin:25px 15px !important;
}
.employer-dashboard-sidebar{
position:static !important;
width:100% !important;
}
.jm-dashboard-job{
grid-template-columns:1fr !important;
}
.jm-dashboard-job-column.actions{
justify-content:flex-start;
flex-wrap:wrap;
}
}
/* FORCE EMPLOYER DASHBOARD COLUMNS */
.wp-block-columns.employer-dashboard-layout{
display:grid !important;
grid-template-columns:260px minmax(0,1fr) !important;
gap:35px !important;
align-items:flex-start !important;
max-width:1280px !important;
margin:40px auto !important;
}
.wp-block-column.employer-dashboard-sidebar{
width:260px !important;
max-width:260px !important;
flex-basis:260px !important;
}
.wp-block-column.employer-dashboard-main{
width:100% !important;
max-width:100% !important;
flex-basis:auto !important;
min-width:0 !important;
}
.wp-block-column.employer-dashboard-main .job-manager-jobs.jm-dashboard-table{
margin:0 !important;
max-width:100% !important;
}
@media(max-width:768px){
.wp-block-columns.employer-dashboard-layout{
grid-template-columns:1fr !important;
}
.wp-block-column.employer-dashboard-sidebar{
width:100% !important;
max-width:100% !important;
}
}
/* =========================
EMPLOYER SIDEBAR PREMIUM
========================= */
.employer-dashboard-sidebar{
background:#ffffff !important;
border:1px solid #e5e7eb !important;
border-radius:30px !important;
padding:24px !important;
box-shadow:0 18px 45px rgba(0,0,0,.07) !important;
}
.employer-dashboard-sidebar p,
.employer-dashboard-sidebar li{
display:flex !important;
align-items:center !important;
gap:12px !important;
font-size:16px !important;
font-weight:800 !important;
padding:14px 16px !important;
border-radius:16px !important;
margin-bottom:8px !important;
color:#111827 !important;
}
/* ????????? */
.employer-dashboard-sidebar p:nth-of-type(1)::before,
.employer-dashboard-sidebar li:nth-child(1)::before{content:"?";}
.employer-dashboard-sidebar p:nth-of-type(2)::before,
.employer-dashboard-sidebar li:nth-child(2)::before{content:"?";}
.employer-dashboard-sidebar p:nth-of-type(3)::before,
.employer-dashboard-sidebar li:nth-child(3)::before{content:"?";}
.employer-dashboard-sidebar p:nth-of-type(4)::before,
.employer-dashboard-sidebar li:nth-child(4)::before{content:"?";}
.employer-dashboard-sidebar p:nth-of-type(5)::before,
.employer-dashboard-sidebar li:nth-child(5)::before{content:"?";}
.employer-dashboard-sidebar p:nth-of-type(6)::before,
.employer-dashboard-sidebar li:nth-child(6)::before{content:"?";}
.employer-dashboard-sidebar p:nth-of-type(7)::before,
.employer-dashboard-sidebar li:nth-child(7)::before{content:"?";}
.employer-dashboard-sidebar p:nth-of-type(8)::before,
.employer-dashboard-sidebar li:nth-child(8)::before{content:"?";}
.employer-dashboard-sidebar p:nth-of-type(9)::before,
.employer-dashboard-sidebar li:nth-child(9)::before{content:"?";}
/* Active ????? item */
.employer-dashboard-sidebar p:first-of-type,
.employer-dashboard-sidebar li:first-child{
background:#2563eb !important;
color:#ffffff !important;
box-shadow:0 10px 25px rgba(37,99,235,.25);
}
/* Hover */
.employer-dashboard-sidebar p:hover,
.employer-dashboard-sidebar li:hover{
background:#eff6ff !important;
color:#2563eb !important;
transform:translateX(4px);
}
/* Mobile */
@media(max-width:768px){
.employer-dashboard-sidebar{
position:static !important;
}
}
/* ?????? TITLE / DATE / VIEWS / ACTIONS */
.jm-dashboard-header-row{
display:none!important;
}
.job-manager-jobs thead{
display:none!important;
}
.job-manager-jobs table thead{
display:none!important;
}
/* Search + Add Job */
.job-manager-jobs .search_jobs{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
margin-bottom:25px!important;
}
/* Search box */
.job-manager-jobs input[type="search"]{
height:52px!important;
border-radius:16px!important;
padding:0 18px!important;
box-shadow:0 10px 25px rgba(0,0,0,.05);
}
/* Add Job */
.job-manager-jobs a.button{
border-radius:16px!important;
padding:14px 24px!important;
font-weight:800!important;
}
/* ?????? ???? ??? ???????????? */
.job-manager-jobs thead,
.job-manager-jobs table thead,
.jm-dashboard-header-row,
.job-manager-jobs th{
display:none !important;
}
/* ???????? ??? ?????? */
.job-manager-jobs tbody tr:first-child td{
padding-top:0 !important;
}
/* =========================
EMPLOYER DASHBOARD
========================= */
.employer-dashboard-section{
max-width:1200px;
margin:24px auto;
padding:0 15px;
}
.employer-upgrade-grid{
display:grid;
grid-template-columns:2fr 1fr;
gap:20px;
margin-bottom:22px;
}
.employer-chart-card,
.employer-applications-card,
.employer-actions-card,
.employer-dashboard-sidebar{
background:#fff !important;
border:1px solid #e5eaf2 !important;
border-radius:22px !important;
box-shadow:0 10px 30px rgba(15,23,42,.06) !important;
}
.employer-chart-card,
.employer-applications-card,
.employer-actions-card{
padding:22px !important;
}
.employer-card-head{
display:flex;
justify-content:space-between;
align-items:center;
gap:10px;
margin-bottom:18px;
}
.employer-card-head h3,
.employer-actions-card h3{
margin:0;
font-size:20px;
font-weight:800;
color:#111827;
}
.employer-card-head span{
background:#eef5ff;
color:#2563eb;
font-size:12px;
font-weight:700;
padding:7px 12px;
border-radius:999px;
}
.fake-chart{
height:190px;
display:flex;
align-items:flex-end;
gap:12px;
padding-top:15px;
}
.fake-chart span{
flex:1;
display:block;
background:linear-gradient(180deg,#1688ff,#125fd6);
border-radius:12px 12px 4px 4px;
}
.application-row{
padding:12px 0;
border-bottom:1px solid #edf1f7;
}
.application-row strong{
display:block;
font-size:15px;
color:#111827;
margin-bottom:3px;
}
.application-row small{
color:#4b5563;
font-size:13px;
}
.dashboard-small-link{
display:inline-block;
margin-top:16px;
color:#2563eb;
font-size:14px;
font-weight:700;
text-decoration:none;
}
/* QUICK ACTIONS */
.quick-actions-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
margin-top:18px;
}
.quick-action,
.quick-action:link,
.quick-action:visited{
display:block;
min-height:120px;
padding:18px;
background:#f8fbff;
border:1px solid #e5eaf2;
border-radius:18px;
color:#111827 !important;
text-decoration:none !important;
transition:.25s ease;
}
.quick-action:hover{
transform:translateY(-3px);
box-shadow:0 12px 28px rgba(37,99,235,.12);
border-color:#bfdbfe;
color:#111827 !important;
}
.action-icon{
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
background:#eaf3ff;
border-radius:12px;
font-size:20px;
margin-bottom:12px;
}
.quick-action strong{
display:block;
font-size:15px;
font-weight:700;
color:#111827;
margin:6px 0 4px;
line-height:1.3;
}
.quick-action small{
display:block;
color:#4b5563;
font-size:13px;
line-height:1.4;
}
/* SIDEBAR */
.employer-dashboard-sidebar{
border-radius:24px !important;
padding:20px !important;
position:sticky !important;
top:100px !important;
}
.employer-dashboard-sidebar ul{
list-style:none !important;
padding:0 !important;
margin:0 !important;
}
.employer-dashboard-sidebar li{
display:flex !important;
align-items:center !important;
gap:12px !important;
padding:13px 15px !important;
border-radius:14px !important;
margin-bottom:8px !important;
font-size:15px !important;
font-weight:700 !important;
color:#111827 !important;
transition:.25s ease;
}
.employer-dashboard-sidebar li:first-child{
background:#2563eb !important;
color:#fff !important;
box-shadow:0 10px 24px rgba(37,99,235,.22);
}
.employer-dashboard-sidebar li:hover{
background:#eff6ff !important;
color:#2563eb !important;
transform:translateX(3px);
}
.employer-dashboard-sidebar li:nth-child(1)::before{content:"?";}
.employer-dashboard-sidebar li:nth-child(2)::before{content:"?";}
.employer-dashboard-sidebar li:nth-child(3)::before{content:"?";}
.employer-dashboard-sidebar li:nth-child(4)::before{content:"?";}
.employer-dashboard-sidebar li:nth-child(5)::before{content:"?";}
.employer-dashboard-sidebar li:nth-child(6)::before{content:"?";}
.employer-dashboard-sidebar li:nth-child(7)::before{content:"?";}
.employer-dashboard-sidebar li:nth-child(8)::before{content:"?";}
.employer-dashboard-sidebar li:nth-child(9)::before{content:"?";}
/* JOB MANAGER */
.jm-dashboard-header-row,
.job-manager-jobs thead,
.job-manager-jobs table thead,
.job-manager-jobs th{
display:none !important;
}
.job-manager-jobs input[type="search"]{
height:50px !important;
border-radius:15px !important;
font-size:15px !important;
padding-left:20px !important;
}
.job-manager-jobs a.button,
.job-manager-jobs .add-job{
background:#2563eb !important;
color:#fff !important;
padding:13px 24px !important;
border-radius:14px !important;
font-weight:700 !important;
box-shadow:0 8px 22px rgba(37,99,235,.22);
}
/* RESPONSIVE */
@media(max-width:900px){
.employer-upgrade-grid,
.quick-actions-grid{
grid-template-columns:1fr;
}
}
/* =========================
HIDE TITLE DATE VIEWS ACTIONS
========================= */
.jm-dashboard-header{
display:none !important;
}
/* ?????? ?? ????? labels ???? ???? ?????? */
.jm-dashboard-job-column-label{
display:none !important;
}
/* ??????? ?? ???? ??? ?????? ?? header */
.job-manager-jobs.jm-dashboard-table{
padding-top:0 !important;
}
/* Mobile */
@media(max-width:768px){
.employer-stats-grid,
.employer-upgrade-grid,
.quick-actions-grid{
grid-template-columns:1fr;
}
}
/* =========================
JOB DASHBOARD CARD FINAL
========================= */
.jm-dashboard-job{
grid-template-columns:1.4fr .7fr .6fr .5fr !important;
padding:28px 32px !important;
border-radius:30px !important;
}
.jm-dashboard-job .job-title{
display:flex !important;
flex-direction:column !important;
gap:10px !important;
}
.jm-dashboard-job-column.date::before{
content:"? ";
font-size:16px;
}
.jm-dashboard-job-column.stats::before{
content:"? ";
font-size:16px;
}
.jm-dashboard-job-column.actions{
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
gap:10px !important;
}
.jm-dashboard-job-column.actions button,
.jm-dashboard-job-column.actions a{
background:#2563eb !important;
color:#fff !important;
border-radius:14px !important;
padding:12px 18px !important;
font-weight:800 !important;
}
.company-settings-card{
max-width:900px;
margin:50px auto;
background:#fff;
border:1px solid #e5e7eb;
border-radius:30px;
padding:45px;
box-shadow:0 18px 45px rgba(0,0,0,.07);
}
.company-settings-card h2{
font-size:34px;
font-weight:900;
color:#111827;
}
.company-settings-card p{
color:#6b7280;
margin-bottom:30px;
}
.company-settings-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
}
.company-settings-card input,
.company-settings-card textarea{
width:100%;
border:1px solid #dbe3ef;
border-radius:16px;
padding:16px 18px;
font-size:15px;
}
.company-settings-card textarea{
min-height:180px;
margin-top:18px;
}
.company-settings-card button{
margin-top:22px;
background:#2563eb;
color:#fff;
border:none;
border-radius:16px;
padding:16px 30px;
font-weight:900;
}
@media(max-width:768px){
.company-settings-grid{
grid-template-columns:1fr;
}
}
.applications-dashboard{
max-width:1100px;
margin:50px auto;
}
.applications-header{
margin-bottom:30px;
}
.applications-header h2{
font-size:36px;
font-weight:900;
color:#111827;
}
.applications-header p{
color:#6b7280;
font-size:17px;
}
.application-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:26px;
padding:28px;
margin-bottom:20px;
box-shadow:0 12px 35px rgba(0,0,0,.06);
display:flex;
justify-content:space-between;
gap:25px;
align-items:center;
}
.application-card h3{
font-size:22px;
font-weight:900;
color:#111827;
margin-bottom:8px;
}
.application-card p{
color:#6b7280;
margin-bottom:8px;
}
.application-card span{
color:#2563eb;
font-weight:800;
}
.application-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
}
.application-actions button{
background:#2563eb;
color:#fff;
border:none;
border-radius:14px;
padding:12px 18px;
font-weight:800;
}
.application-actions .reject{
background:#f1f5f9;
color:#374151;
}
@media(max-width:768px){
.application-card{
flex-direction:column;
align-items:flex-start;
}
.application-actions button{
width:100%;
}
}
.applications-page{
max-width:1100px;
margin:auto;
}
.application-card{
display:flex;
justify-content:space-between;
align-items:center;
background:#fff;
border:1px solid #edf2f7;
padding:30px;
border-radius:28px;
margin-bottom:25px;
box-shadow:0 15px 40px rgba(0,0,0,.06);
}
.application-left h3{
margin:0;
font-size:26px;
font-weight:900;
color:#111827;
}
.application-left span{
display:block;
margin-top:8px;
color:#2563eb;
font-weight:700;
}
.application-info{
margin-top:18px;
color:#6b7280;
}
.application-right{
display:flex;
gap:15px;
}
.btn-view,
.btn-message{
padding:14px 22px;
border-radius:16px;
font-weight:800;
text-decoration:none;
}
.btn-view{
background:#2563eb;
color:#fff;
}
.btn-message{
background:#f3f4f6;
color:#111827;
}
@media(max-width:768px){
.application-card{
flex-direction:column;
align-items:flex-start;
gap:20px;
}
}
.candidate-card{
display:flex;
justify-content:space-between;
align-items:center;
background:#fff;
border:1px solid #edf2f7;
padding:30px;
border-radius:28px;
margin-bottom:25px;
box-shadow:0 15px 40px rgba(0,0,0,.06);
}
.candidate-left h3{
margin:0;
font-size:26px;
font-weight:900;
color:#111827;
}
.candidate-left span{
display:block;
margin-top:8px;
color:#2563eb;
font-weight:700;
}
.candidate-info{
margin-top:15px;
color:#6b7280;
}
.candidate-btn{
background:#2563eb;
color:#fff;
padding:14px 24px;
border-radius:16px;
text-decoration:none;
font-weight:800;
}
@media(max-width:768px){
.candidate-card{
flex-direction:column;
align-items:flex-start;
gap:20px;
}
}
.messages-page{
max-width:1100px;
margin:auto;
}
.message-card{
display:flex;
justify-content:space-between;
align-items:center;
background:#fff;
border:1px solid #edf2f7;
padding:28px 30px;
border-radius:28px;
margin-bottom:22px;
box-shadow:0 15px 40px rgba(0,0,0,.06);
}
.message-card.unread{
border-color:#bfdbfe;
box-shadow:0 18px 45px rgba(37,99,235,.10);
}
.message-card h3{
margin:0;
font-size:24px;
font-weight:900;
color:#111827;
}
.message-card span{
display:block;
margin-top:8px;
color:#374151;
font-weight:600;
}
.message-card p{
margin:12px 0 0;
color:#6b7280;
font-size:14px;
}
.message-btn{
background:#2563eb;
color:#fff;
padding:14px 24px;
border-radius:16px;
text-decoration:none;
font-weight:800;
}
@media(max-width:768px){
.message-card{
flex-direction:column;
align-items:flex-start;
gap:20px;
}
}
.views-card{
display:flex;
justify-content:space-between;
align-items:center;
background:#fff;
padding:30px;
border-radius:28px;
margin-bottom:25px;
border:1px solid #edf2f7;
box-shadow:0 15px 40px rgba(0,0,0,.06);
}
.views-left h3{
margin:0;
font-size:25px;
font-weight:900;
color:#111827;
}
.views-left span{
display:block;
margin-top:10px;
color:#6b7280;
}
.views-right{
display:flex;
gap:50px;
}
.stat strong{
font-size:32px;
font-weight:900;
color:#2563eb;
display:block;
}
.stat p{
margin-top:6px;
color:#6b7280;
}
@media(max-width:768px){
.views-card{
flex-direction:column;
align-items:flex-start;
gap:25px;
}
.views-right{
gap:30px;
}
}
.packages-page{
max-width:1100px;
margin:auto;
}
.package-card{
display:flex;
justify-content:space-between;
gap:40px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:32px;
padding:40px;
box-shadow:0 18px 45px rgba(0,0,0,.07);
}
.package-card h2{
font-size:30px;
font-weight:900;
color:#111827;
margin-bottom:10px;
}
.package-card p{
color:#6b7280;
}
.package-card ul{
list-style:none;
padding:0;
margin:25px 0 0;
}
.package-card li{
margin-bottom:12px;
font-weight:700;
color:#111827;
}
.package-price{
min-width:260px;
background:#f8fafc;
border-radius:26px;
padding:30px;
text-align:center;
}
.package-price span{
display:block;
color:#6b7280;
font-weight:700;
}
.package-price strong{
display:block;
font-size:48px;
font-weight:900;
color:#2563eb;
margin-top:10px;
}
.package-price small{
display:block;
color:#6b7280;
margin-bottom:25px;
}
.package-price a{
display:block;
background:#2563eb;
color:#fff;
padding:16px 22px;
border-radius:16px;
text-decoration:none;
font-weight:900;
}
@media(max-width:768px){
.package-card{
flex-direction:column;
}
.package-price{
min-width:100%;
}
}
/* =========================
CANDIDATE DASHBOARD
========================= */
.candidate-dashboard-layout{
display:flex;
gap:35px;
align-items:flex-start;
}
.candidate-dashboard-sidebar{
width:260px;
flex:0 0 260px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:28px;
padding:25px;
box-shadow:0 18px 45px rgba(0,0,0,.07);
position:sticky;
top:100px;
}
.candidate-dashboard-sidebar ul{
list-style:none;
padding:0;
margin:0;
}
.candidate-dashboard-sidebar li{
padding:15px 18px;
margin-bottom:10px;
border-radius:16px;
font-weight:800;
transition:.25s;
}
/* Legacy first-item active rule removed: active state must follow the actual .active class. */
.candidate-dashboard-sidebar li:hover{
background:#eff6ff;
color:#2563eb;
transform:translateX(4px);
}
.candidate-dashboard-main{
flex:1;
min-width:0;
}
.candidate-welcome{
background:#fff;
border:1px solid #e5e7eb;
border-radius:30px;
padding:35px;
box-shadow:0 15px 40px rgba(0,0,0,.06);
margin-bottom:30px;
}
.candidate-welcome h2{
font-size:34px;
font-weight:900;
color:#111827;
margin-bottom:10px;
}
.candidate-welcome p{
color:#6b7280;
}
.candidate-stats-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
margin-bottom:30px;
}
.candidate-stat-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:28px;
padding:28px;
box-shadow:0 12px 35px rgba(0,0,0,.06);
}
.candidate-stat-card span{
font-size:30px;
display:block;
margin-bottom:15px;
}
.candidate-stat-card p{
color:#6b7280;
font-weight:700;
margin-bottom:8px;
}
.candidate-stat-card h3{
font-size:34px;
font-weight:900;
color:#111827;
margin:0;
}
.candidate-dashboard-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:30px;
padding:30px;
box-shadow:0 15px 40px rgba(0,0,0,.06);
}
.candidate-dashboard-card h3{
font-size:24px;
font-weight:900;
margin-bottom:25px;
}
.candidate-application-row{
display:flex;
justify-content:space-between;
padding:18px 0;
border-bottom:1px solid #f1f5f9;
}
.candidate-application-row strong{
color:#111827;
font-weight:800;
}
.candidate-application-row span{
color:#2563eb;
font-weight:700;
}
@media(max-width:768px){
.candidate-dashboard-layout{
flex-direction:column;
}
.candidate-dashboard-sidebar{
width:100%;
position:static;
}
.candidate-stats-grid{
grid-template-columns:1fr;
}
.candidate-application-row{
flex-direction:column;
gap:8px;
}
}
.my-applications-page{
max-width:1100px;
margin:auto;
}
.my-application-card{
display:flex;
justify-content:space-between;
align-items:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:28px;
padding:28px 32px;
margin-bottom:22px;
box-shadow:0 15px 40px rgba(0,0,0,.06);
}
.my-application-card h3{
margin:0;
font-size:24px;
font-weight:900;
color:#111827;
}
.my-application-card span{
display:block;
margin-top:8px;
color:#2563eb;
font-weight:800;
}
.my-application-card p{
margin:12px 0 0;
color:#6b7280;
}
.status-review,
.status-sent,
.status-rejected{
padding:10px 16px;
border-radius:999px;
font-weight:900;
white-space:nowrap;
}
.status-review{
background:#eff6ff;
color:#2563eb;
}
.status-sent{
background:#dcfce7;
color:#16a34a;
}
.status-rejected{
background:#fee2e2;
color:#dc2626;
}
@media(max-width:768px){
.my-application-card{
flex-direction:column;
align-items:flex-start;
gap:18px;
}
}
/* ????????????? ???????? */
.saved-jobs-page{
max-width:1100px;
margin:auto;
}
.saved-job-card{
display:flex;
justify-content:space-between;
align-items:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:28px;
padding:28px 32px;
margin-bottom:22px;
box-shadow:0 15px 40px rgba(0,0,0,.06);
}
.saved-job-card h3{
margin:0;
font-size:24px;
font-weight:900;
color:#111827;
}
.saved-job-card span{
display:block;
margin-top:8px;
font-weight:800;
color:#2563eb;
}
.saved-job-card p{
margin-top:12px;
color:#6b7280;
}
.saved-actions{
display:flex;
gap:15px;
align-items:center;
}
.saved-actions a{
background:#2563eb;
color:#fff;
padding:12px 22px;
border-radius:14px;
font-weight:800;
text-decoration:none;
}
.saved-actions button{
background:#fff;
border:1px solid #e5e7eb;
padding:12px 22px;
border-radius:14px;
font-weight:800;
cursor:pointer;
transition:.3s;
}
.saved-actions button:hover{
background:#fee2e2;
color:#dc2626;
}
@media(max-width:768px){
.saved-job-card{
flex-direction:column;
align-items:flex-start;
gap:20px;
}
.saved-actions{
width:100%;
}
.saved-actions a,
.saved-actions button{
flex:1;
text-align:center;
}
}
.candidate-messages-page{
max-width:1100px;
margin:auto;
}
.candidate-message-card{
display:flex;
justify-content:space-between;
align-items:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:28px;
padding:28px 32px;
margin-bottom:22px;
box-shadow:0 15px 40px rgba(0,0,0,.06);
}
.candidate-message-card.unread{
border-color:#bfdbfe;
}
.candidate-message-card h3{
margin:0;
font-size:24px;
font-weight:900;
color:#111827;
}
.candidate-message-card span{
display:block;
margin-top:8px;
color:#2563eb;
font-weight:800;
}
.candidate-message-card p{
margin:12px 0 0;
color:#374151;
}
.candidate-message-card small{
display:block;
margin-top:10px;
color:#6b7280;
}
.candidate-message-card a{
background:#2563eb;
color:#fff;
padding:14px 22px;
border-radius:16px;
font-weight:900;
text-decoration:none;
}
@media(max-width:768px){
.candidate-message-card{
flex-direction:column;
align-items:flex-start;
gap:20px;
}
}
/* =========================
MY RESUME PAGE
========================= */
.my-resume-page{
max-width:1100px;
margin:auto;
}
.resume-profile-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:32px;
padding:40px;
box-shadow:0 18px 45px rgba(0,0,0,.06);
}
.resume-header{
display:flex;
align-items:center;
gap:25px;
margin-bottom:35px;
}
.resume-avatar{
width:100px;
height:100px;
border-radius:50%;
background:#eff6ff;
display:flex;
align-items:center;
justify-content:center;
font-size:42px;
}
.resume-info h2{
margin:0;
font-size:34px;
font-weight:900;
color:#111827;
}
.resume-info span{
display:block;
margin-top:8px;
font-size:18px;
font-weight:800;
color:#2563eb;
}
.resume-contact{
margin-top:14px;
color:#6b7280;
}
.resume-section{
margin-top:35px;
}
.resume-section h3{
font-size:22px;
font-weight:900;
color:#111827;
margin-bottom:18px;
}
.resume-section p,
.resume-section li{
color:#374151;
line-height:1.8;
}
.resume-section ul{
padding-left:20px;
}
.resume-download-btn{
display:inline-block;
background:#2563eb;
color:#fff;
padding:14px 22px;
border-radius:16px;
font-weight:800;
text-decoration:none;
}
.resume-buttons{
display:flex;
gap:18px;
margin-top:35px;
}
.resume-buttons a{
background:#f8fafc;
border:1px solid #e5e7eb;
padding:14px 22px;
border-radius:16px;
font-weight:800;
text-decoration:none;
color:#111827;
transition:.3s;
}
.resume-buttons a:hover{
background:#2563eb;
color:#fff;
border-color:#2563eb;
}
@media(max-width:768px){
.resume-header{
flex-direction:column;
align-items:flex-start;
}
.resume-buttons{
flex-direction:column;
}
.resume-buttons a{
text-align:center;
}
}
/* =========================
CANDIDATE SETTINGS
========================= */
.candidate-settings-page{
max-width:1100px;
margin:auto;
}
.candidate-settings-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:32px;
padding:40px;
box-shadow:0 18px 45px rgba(0,0,0,.06);
}
.candidate-settings-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
margin-bottom:25px;
}
.candidate-settings-grid input,
.candidate-settings-card textarea{
width:100%;
border:1px solid #e5e7eb;
border-radius:18px;
padding:16px 20px;
font-size:15px;
}
.candidate-settings-card textarea{
min-height:180px;
}
.candidate-settings-buttons{
display:flex;
gap:20px;
margin-top:30px;
}
.candidate-settings-buttons button{
background:#2563eb;
color:#fff;
border:none;
padding:16px 24px;
border-radius:16px;
font-weight:800;
cursor:pointer;
}
@media(max-width:768px){
.candidate-settings-grid{
grid-template-columns:1fr;
}
.candidate-settings-buttons{
flex-direction:column;
}
}
/* =========================
JOB SEARCH PAGE PREMIUM
========================= */
.job_filters{
max-width:1100px;
margin:30px auto;
background:#fff;
border:1px solid #e5e7eb;
border-radius:28px;
padding:25px;
box-shadow:0 15px 40px rgba(0,0,0,.06);
}
.job_filters input,
.job_filters select{
border:1px solid #e5e7eb !important;
border-radius:16px !important;
padding:15px 18px !important;
height:52px !important;
}
ul.job_listings{
max-width:1100px;
margin:30px auto !important;
}
ul.job_listings li.job_listing{
background:#fff !important;
border:1px solid #e5e7eb !important;
border-radius:28px !important;
margin-bottom:24px !important;
padding:24px !important;
box-shadow:0 15px 40px rgba(0,0,0,.06);
transition:.25s ease;
}
ul.job_listings li.job_listing:hover{
transform:translateY(-4px);
box-shadow:0 22px 55px rgba(0,0,0,.10);
}
ul.job_listings li.job_listing a{
padding:0 !important;
}
ul.job_listings li.job_listing .position h3{
font-size:24px !important;
font-weight:900 !important;
color:#111827 !important;
}
ul.job_listings li.job_listing .location{
color:#2563eb !important;
font-weight:700 !important;
}
ul.job_listings li.job_listing .meta .job-type{
background:#dcfce7 !important;
color:#16a34a !important;
border-radius:999px !important;
padding:8px 14px !important;
font-weight:900 !important;
}
.job-manager .job-categories{
background:#fff;
border:1px solid #e5e7eb;
border-radius:28px;
padding:25px;
box-shadow:0 15px 40px rgba(0,0,0,.06);
}
@media(max-width:768px){
.job_filters,
ul.job_listings{
margin:20px 15px !important;
}
}
/* JOB SEARCH PAGE FINAL POLISH */
ul.job_listings li.job_listing{
min-height:150px !important;
padding:22px 26px !important;
}
ul.job_listings li.job_listing a{
display:grid !important;
grid-template-columns:90px 1fr 180px !important;
gap:24px !important;
align-items:center !important;
}
ul.job_listings li.job_listing img.company_logo{
width:70px !important;
height:70px !important;
border-radius:18px !important;
object-fit:cover !important;
}
ul.job_listings li.job_listing .position{
padding:0 !important;
}
ul.job_listings li.job_listing .meta{
text-align:left !important;
}
ul.job_listings li.job_listing .meta li{
margin-bottom:8px !important;
}
.job-manager .job-categories,
.job_categories{
background:#fff !important;
border:1px solid #e5e7eb !important;
border-radius:28px !important;
padding:28px !important;
box-shadow:0 15px 40px rgba(0,0,0,.06) !important;
}
.job_categories li,
.job_categories a{
font-weight:800 !important;
color:#111827 !important;
margin-bottom:12px !important;
text-decoration:none !important;
}
@media(max-width:768px){
ul.job_listings li.job_listing a{
grid-template-columns:1fr !important;
}
}
/* SINGLE JOB PAGE */
.single_job_listing{
max-width:1100px;
margin:40px auto !important;
background:#fff;
border:1px solid #e5e7eb;
border-radius:30px;
padding:50px !important;
box-shadow:0 20px 50px rgba(0,0,0,.07);
}
.single_job_listing .meta{
border-bottom:1px solid #edf1f5;
padding-bottom:25px;
margin-bottom:35px;
}
.single_job_listing .meta .job-type{
background:#dcfce7 !important;
color:#16a34a !important;
border-radius:999px !important;
padding:10px 20px !important;
font-weight:800 !important;
}
.single_job_listing .application{
background:#f8fafc;
border:1px solid #edf1f5;
border-radius:25px;
padding:35px;
margin-top:40px;
}
.single_job_listing .application_button,
.single_job_listing .application .button{
background:#2563eb !important;
color:white !important;
border-radius:16px !important;
padding:16px 35px !important;
font-weight:800 !important;
border:none !important;
}
.single_job_listing .application_button:hover{
background:#1d4ed8 !important;
}
.single_job_listing h1,
.single_job_listing h2,
.single_job_listing h3{
color:#111827;
font-weight:900;
}
.single_job_listing p{
color:#4b5563;
line-height:1.9;
}
/* =========================
SUBMIT JOB FORM CLEANUP
========================= */
/* ???????? ??????? ????? ????????? */
fieldset.fieldset-company_website,
fieldset.fieldset-company_tagline,
fieldset.fieldset-company_video,
fieldset.fieldset-company_twitter,
fieldset.fieldset-company_logo{
display:none !important;
}
/* ????? ?????? */
.job-manager-form{
background:#fff !important;
border:1px solid #e5e7eb !important;
border-radius:32px !important;
padding:40px !important;
box-shadow:0 18px 45px rgba(0,0,0,.06) !important;
}
/* Labels */
.job-manager-form label{
font-weight:900 !important;
color:#111827 !important;
}
/* Inputs */
.job-manager-form input,
.job-manager-form select,
.job-manager-form textarea{
border:1px solid #e5e7eb !important;
border-radius:16px !important;
padding:15px 18px !important;
font-size:15px !important;
}
/* Description editor */
.job-manager-form .wp-editor-wrap{
border:1px solid #e5e7eb !important;
border-radius:18px !important;
overflow:hidden !important;
}
/* Buttons */
.job-manager-form input[type="submit"],
.job-manager-form .button{
background:#2563eb !important;
color:#fff !important;
border:none !important;
border-radius:16px !important;
padding:15px 28px !important;
font-weight:900 !important;
}
/* ??????? ???????? ?????? ??? ?????????? ???????? */
fieldset.fieldset-remote_position,
fieldset.fieldset-company_name,
fieldset.fieldset-company_website,
fieldset.fieldset-company_tagline,
fieldset.fieldset-company_video,
fieldset.fieldset-company_twitter,
fieldset.fieldset-company_logo{
display:none !important;
}
/* ??????? ??? "Your account" */
.job-manager-form fieldset:first-child{
display:none !important;
}
/* ???????? ??? ??????? */
.job-manager-form .button{
margin-right:15px !important;
}
/* FORCE HIDE ACCOUNT + COMPANY DETAILS */
.job-manager-form .account-sign-in,
.job-manager-form .fieldset-logged_in,
.job-manager-form fieldset.logged-in,
.job-manager-form p.account-sign-in{
display:none !important;
}
/* ?????? ??? ????? Company Details */
.job-manager-form h2,
.job-manager-form h3{
display:none !important;
}
/* ?????? ??? ?? company section */
.job-manager-form fieldset[class*="company_"],
.job-manager-form .fieldset-company_name,
.job-manager-form .fieldset-company_website,
.job-manager-form .fieldset-company_tagline,
.job-manager-form .fieldset-company_video,
.job-manager-form .fieldset-company_twitter,
.job-manager-form .fieldset-company_logo{
display:none !important;
}
/* =========================
SUBMIT JOB FORM GREEK POLISH
========================= */
/* ???????? ?? ????? ??????? ????????? ??????? */
.job-manager-form small,
.job-manager-form .description{
display:none !important;
}
/* ??? ????? ???????? ??????? ??? ????? */
.job-manager-form fieldset{
margin-bottom:26px !important;
}
/* ???????? ????? ?????????? */
.job-manager-form .wp-editor-container,
.job-manager-form textarea{
min-height:260px !important;
}
/* ??????? ???? */
.job-manager-form p:last-child{
display:flex !important;
gap:18px !important;
margin-top:30px !important;
}
/* Preview */
.job-manager-form input[name="submit_job"]{
background:#2563eb !important;
}
/* Save Draft */
.job-manager-form input[name="save_draft"]{
background:#1d4ed8 !important;
}
/* =========================
SINGLE JOB PAGE PRO
========================= */
.single_job_listing{
max-width:1100px !important;
margin:45px auto !important;
background:#fff !important;
border:1px solid #e5e7eb !important;
border-radius:34px !important;
padding:45px !important;
box-shadow:0 22px 55px rgba(0,0,0,.08) !important;
}
.single_job_listing .meta{
display:flex !important;
flex-wrap:wrap !important;
gap:18px !important;
align-items:center !important;
padding-bottom:28px !important;
margin-bottom:35px !important;
border-bottom:1px solid #edf2f7 !important;
}
.single_job_listing .meta li{
list-style:none !important;
font-weight:800 !important;
color:#374151 !important;
}
.single_job_listing .meta .job-type{
background:#dcfce7 !important;
color:#16a34a !important;
border-radius:999px !important;
padding:10px 18px !important;
}
.single_job_listing .company{
background:#f8fafc !important;
border:1px solid #e5e7eb !important;
border-radius:26px !important;
padding:24px !important;
margin-bottom:35px !important;
}
.single_job_listing .company img{
border-radius:18px !important;
}
.single_job_listing .job_description,
.single_job_listing .description{
font-size:17px !important;
line-height:1.9 !important;
color:#374151 !important;
}
.single_job_listing h1,
.single_job_listing h2,
.single_job_listing h3{
font-weight:900 !important;
color:#111827 !important;
}
.business-register-card{
max-width:650px;
margin:50px auto;
padding:40px;
background:#fff;
border-radius:25px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.business-register-card h1{
text-align:center;
font-size:34px;
margin-bottom:10px;
color:#1e293b;
}
.business-register-card p{
text-align:center;
color:#64748b;
margin-bottom:25px;
}
.business-register-form{
display:flex;
flex-direction:column;
gap:18px;
}
.business-register-form input{
padding:16px 20px;
border:1px solid #dbe3ef;
border-radius:15px;
font-size:16px;
background:#f8fafc;
}
.business-register-form input:focus{
outline:none;
border-color:#2563eb;
background:#fff;
}
.business-register-form button{
background:#2563eb;
color:white;
border:none;
padding:18px;
border-radius:15px;
font-size:18px;
font-weight:600;
cursor:pointer;
transition:.3s;
}
.business-register-form button:hover{
background:#1d4ed8;
}
.business-login-link{
margin-top:25px;
}
.business-login-link a{
color:#2563eb;
font-weight:600;
text-decoration:none;
}
.single_job_listing .application{
background:#f8fafc !important;
border:1px solid #e5e7eb !important;
border-radius:28px !important;
padding:32px !important;
margin-top:40px !important;
}
.single_job_listing .application_button,
.single_job_listing .application .button{
background:#2563eb !important;
color:#fff !important;
border:none !important;
border-radius:18px !important;
padding:16px 34px !important;
font-weight:900 !important;
box-shadow:0 12px 28px rgba(37,99,235,.25) !important;
}
.single_job_listing .application_button:hover,
.single_job_listing .application .button:hover{
background:#1d4ed8 !important;
}
/* =========================
JOB APPLY PAGE
========================= */
.job-apply-page{
max-width:900px;
margin:40px auto;
}
.job-apply-form{
background:#fff;
border:1px solid #e5e7eb;
border-radius:32px;
padding:40px;
box-shadow:0 18px 45px rgba(0,0,0,.06);
}
.apply-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
margin-bottom:25px;
}
.job-apply-form input,
.job-apply-form textarea{
width:100%;
border:1px solid #e5e7eb;
border-radius:18px;
padding:16px 20px;
font-size:15px;
background:#fff;
}
.job-apply-form textarea{
min-height:180px;
margin-bottom:25px;
}
.cv-upload{
display:block;
background:#f8fafc;
border:2px dashed #cbd5e1;
border-radius:22px;
padding:28px;
font-weight:800;
color:#111827;
margin-bottom:30px;
cursor:pointer;
}
.cv-upload input{
margin-top:15px;
border:none !important;
padding:0 !important;
}
.job-apply-form button{
background:#2563eb;
color:#fff;
border:none;
padding:18px 30px;
border-radius:18px;
font-size:16px;
font-weight:900;
cursor:pointer;
box-shadow:0 12px 28px rgba(37,99,235,.25);
transition:.3s;
}
.job-apply-form button:hover{
background:#1d4ed8;
transform:translateY(-2px);
}
@media(max-width:768px){
.apply-grid{
grid-template-columns:1fr;
}
.job-apply-form{
padding:25px;
}
}
/* =========================
CONTACT FORM 7 - JOB APPLICATION
========================= */
.wpcf7{
max-width:900px;
margin:40px auto;
background:#fff;
border:1px solid #e5e7eb;
border-radius:32px;
padding:40px;
box-shadow:0 18px 45px rgba(0,0,0,.06);
}
.wpcf7 label{
display:block;
font-weight:800;
color:#111827;
margin-bottom:18px;
}
.wpcf7 input,
.wpcf7 textarea{
width:100%;
border:1px solid #e5e7eb;
border-radius:18px;
padding:16px 20px;
font-size:15px;
margin-top:8px;
}
.wpcf7 textarea{
min-height:170px;
}
.wpcf7 input[type="file"]{
background:#f8fafc;
border:2px dashed #cbd5e1;
padding:22px;
}
.wpcf7 input[type="submit"]{
background:#2563eb !important;
color:#fff !important;
border:none !important;
border-radius:18px !important;
padding:17px 32px !important;
font-weight:900 !important;
box-shadow:0 12px 28px rgba(37,99,235,.25);
cursor:pointer;
}
.wpcf7 input[type="submit"]:hover{
background:#1d4ed8 !important;
}
.employer-stats-grid{
max-width:1200px;
margin:20px auto 26px;
padding:0 15px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
.employer-stat-card{
background:#fff;
border:1px solid #e5eaf2;
border-radius:22px;
padding:22px;
display:flex;
align-items:center;
gap:16px;
box-shadow:0 10px 30px rgba(15,23,42,.06);
}
.stat-icon{
width:46px;
height:46px;
border-radius:14px;
background:#eef5ff;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
}
.employer-stat-card span{
display:block;
font-size:14px;
font-weight:700;
color:#4b5563;
margin-bottom:8px;
}
.employer-stat-card strong{
display:block;
font-size:28px;
font-weight:900;
color:#111827;
}
@media(max-width:900px){
.employer-stats-grid{
grid-template-columns:1fr;
}
}
.applications-page{
max-width:1100px;
margin:30px auto;
padding:0 16px;
}
.application-card{
background:#fff;
border:1px solid #e5eaf2;
border-radius:22px;
padding:24px;
margin-bottom:18px;
display:flex;
justify-content:space-between;
gap:22px;
box-shadow:0 12px 35px rgba(15,23,42,.06);
}
.application-info h3{
margin:0 0 8px;
font-size:22px;
color:#111827;
}
.application-info strong{
display:block;
color:#2563eb;
margin-bottom:12px;
}
.application-info p{
margin:8px 0;
color:#475569;
}
.application-actions{
min-width:220px;
display:flex;
flex-direction:column;
gap:10px;
align-items:flex-end;
}
.application-status{
background:#eef5ff;
color:#2563eb;
padding:8px 14px;
border-radius:999px;
font-weight:800;
font-size:13px;
}
.app-btn{
width:180px;
text-align:center;
padding:11px 14px;
border-radius:12px;
font-weight:800;
text-decoration:none!important;
color:#fff!important;
}
.app-btn.blue{background:#2563eb;}
.app-btn.green{background:#16a34a;}
.app-btn.red{background:#dc2626;}
.eplus-apply-card{
max-width:720px;
margin:30px auto;
background:#fff;
border:1px solid #e5eaf2;
border-radius:24px;
padding:28px;
box-shadow:0 12px 35px rgba(15,23,42,.06);
}
.eplus-apply-form input,
.eplus-apply-form textarea{
width:100%;
margin-bottom:12px;
padding:14px 16px;
border:1px solid #dbe3ef;
border-radius:14px;
}
.eplus-apply-form button{
background:#2563eb;
color:#fff;
border:0;
padding:14px 22px;
border-radius:14px;
font-weight:800;
}
.application-success{
max-width:720px;
margin:30px auto;
background:#ecfdf5;
color:#047857;
padding:18px;
border-radius:16px;
font-weight:800;
}
@media(max-width:800px){
.application-card{
flex-direction:column;
}
.application-actions{
align-items:flex-start;
}
}
/* ===================================================
EPLUS PROFESSIONAL MESSAGING UI — V6
Fixed Messenger-style layout
=================================================== */
.eplus-messages-page{
width:100%;
max-width:1320px;
margin:34px auto 70px;
padding:0 20px;
}
.eplus-messages-page > h1{
margin:0 0 18px;
font-size:clamp(28px,3vw,38px);
line-height:1.15;
font-weight:950;
letter-spacing:-.7px;
color:#0f172a;
}
.eplus-messages-layout{
display:grid;
grid-template-columns:minmax(280px,330px) minmax(0,1fr);
gap:20px;
height:clamp(600px,calc(100dvh - 230px),760px);
min-height:600px;
align-items:stretch;
}
.eplus-message-threads,
.eplus-message-chat{
min-width:0;
min-height:0;
height:100%;
background:#ffffff;
border:1px solid #dfe7f1;
border-radius:24px;
box-shadow:0 18px 55px rgba(15,23,42,.08);
}
.eplus-message-threads{
display:flex;
flex-direction:column;
padding:18px 12px 12px;
overflow-y:auto;
overscroll-behavior:contain;
scrollbar-width:thin;
scrollbar-color:#cbd5e1 transparent;
}
.eplus-message-threads h3{
flex:0 0 auto;
margin:0;
padding:2px 8px 15px;
font-size:19px;
font-weight:950;
color:#0f172a;
}
.eplus-message-threads::-webkit-scrollbar,
.chat-messages::-webkit-scrollbar{
width:9px;
}
.eplus-message-threads::-webkit-scrollbar-track,
.chat-messages::-webkit-scrollbar-track{
background:transparent;
}
.eplus-message-threads::-webkit-scrollbar-thumb,
.chat-messages::-webkit-scrollbar-thumb{
background:#cbd5e1;
border:3px solid transparent;
background-clip:padding-box;
border-radius:999px;
}
.eplus-message-threads a{
margin:0 0 8px;
padding:14px;
border:1px solid transparent;
border-radius:16px;
transition:
background .18s ease,
border-color .18s ease,
transform .18s ease,
box-shadow .18s ease;
}
.eplus-message-threads a:hover{
transform:translateY(-1px);
background:#eff6ff;
border-color:#dbeafe;
color:#1d4ed8!important;
}
.eplus-message-threads a.active{
background:linear-gradient(135deg,#2563eb,#1d4ed8);
border-color:#2563eb;
color:#fff!important;
box-shadow:0 12px 26px rgba(37,99,235,.22);
}
.eplus-message-chat{
display:grid;
grid-template-rows:auto minmax(0,1fr) auto;
overflow:hidden;
isolation:isolate;
}
.chat-head{
position:relative;
z-index:3;
display:flex;
align-items:center;
min-height:66px;
padding:16px 22px;
background:rgba(255,255,255,.96);
border-bottom:1px solid #e5eaf2;
box-shadow:0 5px 18px rgba(15,23,42,.035);
font-size:17px;
font-weight:950;
color:#0f172a;
}
.chat-messages{
min-height:0!important;
height:auto;
padding:24px 22px;
overflow-x:hidden;
overflow-y:auto;
overscroll-behavior:contain;
scroll-behavior:auto!important;
overflow-anchor:none;
scrollbar-gutter:stable;
display:flex;
flex-direction:column;
gap:10px;
background:
radial-gradient(circle at 100% 0%,rgba(219,234,254,.52),transparent 34%),
linear-gradient(180deg,#fbfdff 0%,#f8fafc 100%);
}
.chat-bubble{
position:relative;
width:fit-content;
max-width:min(72%,680px);
padding:11px 14px 9px;
border-radius:19px;
overflow-wrap:anywhere;
word-break:break-word;
box-shadow:0 5px 14px rgba(15,23,42,.055);
}
.chat-bubble p{
margin:0 0 6px;
font-size:15px;
line-height:1.48;
}
.chat-bubble small{
display:block;
font-size:11px;
line-height:1.3;
opacity:.76;
}
.chat-bubble.mine{
align-self:flex-end;
color:#fff;
background:linear-gradient(135deg,#2f6fed,#2563eb);
border-bottom-right-radius:6px;
box-shadow:0 9px 22px rgba(37,99,235,.20);
}
.chat-bubble.theirs{
align-self:flex-start;
color:#172033;
background:#fff;
border:1px solid #e4eaf2;
border-bottom-left-radius:6px;
}
.chat-attachments{
display:grid;
gap:6px;
margin:7px 0;
}
.chat-attachments a{
color:inherit!important;
font-weight:800;
text-decoration:underline!important;
text-underline-offset:2px;
}
.chat-form{
position:relative;
z-index:4;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:end;
gap:12px;
margin:0;
padding:14px 16px;
background:rgba(255,255,255,.97);
border-top:1px solid #e3eaf3;
box-shadow:0 -8px 28px rgba(15,23,42,.045);
}
.chat-form textarea{
display:block;
width:100%;
height:48px;
min-height:48px!important;
max-height:140px;
margin:0;
padding:13px 16px;
resize:none!important;
overflow-y:auto;
border:1px solid #d8e1ec;
border-radius:18px;
background:#f8fafc;
color:#0f172a;
font:inherit;
font-size:15px;
line-height:1.45;
outline:none;
box-shadow:inset 0 1px 2px rgba(15,23,42,.025);
transition:
background .18s ease,
border-color .18s ease,
box-shadow .18s ease;
}
.chat-form textarea:focus{
background:#fff;
border-color:#60a5fa;
box-shadow:0 0 0 4px rgba(59,130,246,.13);
}
.chat-form button{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:112px;
height:48px;
padding:0 22px;
border:0;
border-radius:16px;
background:linear-gradient(135deg,#2563eb,#1d4ed8);
color:#fff;
font-size:14px;
font-weight:950;
cursor:pointer;
box-shadow:0 10px 24px rgba(37,99,235,.22);
transition:
transform .18s ease,
box-shadow .18s ease,
opacity .18s ease;
}
.chat-form button:hover{
transform:translateY(-1px);
box-shadow:0 14px 28px rgba(37,99,235,.29);
}
.chat-form button:active{
transform:translateY(0);
}
.chat-form button:disabled{
cursor:wait;
opacity:.68;
transform:none;
}
.message-empty{
margin:auto;
max-width:420px;
padding:22px;
border:1px dashed #cbd5e1;
border-radius:18px;
background:rgba(255,255,255,.80);
color:#64748b;
text-align:center;
font-weight:800;
}
.eplus-conversation-closed{
margin:14px 18px 0;
padding:14px 16px;
border:1px solid #fde68a;
border-radius:16px;
background:#fffbeb;
color:#854d0e;
}
.eplus-conversation-closed p{
margin:5px 0 0;
font-size:13px;
}
@media(max-width:900px){
.eplus-messages-page{
margin-top:20px;
padding:0 14px;
}
.eplus-messages-layout{
grid-template-columns:250px minmax(0,1fr);
height:calc(100dvh - 165px);
min-height:600px;
gap:12px;
}
.chat-bubble{
max-width:82%;
}
}
@media(max-width:680px){
.eplus-messages-page{
margin:14px auto 28px;
padding:0 10px;
}
.eplus-messages-page > h1{
margin-bottom:12px;
font-size:27px;
}
.eplus-messages-layout{
display:flex;
flex-direction:column;
height:auto;
min-height:0;
gap:12px;
}
.eplus-message-threads{
height:auto;
max-height:190px;
border-radius:20px;
}
.eplus-message-chat{
height:calc(100dvh - 150px);
min-height:540px;
max-height:760px;
border-radius:20px;
}
.chat-head{
min-height:58px;
padding:13px 16px;
}
.chat-messages{
padding:17px 13px;
}
.chat-bubble{
max-width:88%;
}
.chat-form{
grid-template-columns:minmax(0,1fr) auto;
gap:8px;
padding:10px;
}
.chat-form button{
min-width:54px;
width:54px;
padding:0;
font-size:0;
}
.chat-form button::after{
content:"➤";
font-size:20px;
line-height:1;
}
.chat-form textarea{
padding:13px 14px;
}
}


/* ===================================================
EPLUS PROFESSIONAL AUTH — V9
Login / Registration / Mobile responsive
=================================================== */

.eplus-auth-page{
position:relative;
isolation:isolate;
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:calc(100dvh - 76px);
padding:54px 20px 72px;
overflow:hidden;
background:
linear-gradient(
135deg,
rgba(7,18,45,.78),
rgba(29,78,216,.42)
),
url("https://www.eplusergasia.gr/wp-content/uploads/2026/07/EPlusErgasia.png");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

.eplus-auth-page::before{
content:"";
position:absolute;
inset:0;
z-index:-1;
background:
radial-gradient(
circle at 50% 18%,
rgba(255,255,255,.16),
transparent 42%
),
linear-gradient(
to bottom,
rgba(15,23,42,.05),
rgba(15,23,42,.28)
);
}

.eplus-auth-card{
width:100%;
max-width:480px;
margin:0 auto;
padding:34px;
background:rgba(255,255,255,.97);
border:1px solid rgba(255,255,255,.76);
border-radius:26px;
box-shadow:
0 28px 80px rgba(15,23,42,.30),
0 2px 10px rgba(15,23,42,.08);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
}

.eplus-auth-page-register .eplus-auth-card{
max-width:520px;
}

.eplus-auth-brand-mark{
display:flex;
align-items:center;
justify-content:center;
width:58px;
height:58px;
margin:0 auto 18px;
border-radius:18px;
background:linear-gradient(135deg,#2563eb,#1d4ed8);
color:#fff;
font-size:27px;
box-shadow:0 13px 28px rgba(37,99,235,.25);
}

.eplus-auth-card h1{
margin:0;
color:#0f172a;
font-size:clamp(29px,4vw,37px);
line-height:1.12;
font-weight:950;
letter-spacing:-.7px;
text-align:center;
}

.eplus-auth-card > p{
margin:11px 0 26px;
color:#64748b;
font-size:15px;
line-height:1.6;
text-align:center;
}

.eplus-auth-form{
display:grid;
gap:9px;
}

.eplus-auth-form label{
display:block;
margin:4px 2px 0;
color:#1e293b;
font-size:13px;
font-weight:850;
}

.eplus-auth-form input,
.eplus-auth-form select{
width:100%;
height:50px;
margin:0 0 5px;
padding:0 15px;
box-sizing:border-box;
border:1px solid #d8e1ec;
border-radius:14px;
background:#f8fafc;
color:#0f172a;
font-size:15px;
line-height:1;
outline:none;
box-shadow:inset 0 1px 2px rgba(15,23,42,.025);
transition:
background .18s ease,
border-color .18s ease,
box-shadow .18s ease,
transform .18s ease;
}

.eplus-auth-form input::placeholder{
color:#94a3b8;
}

.eplus-auth-form input:hover,
.eplus-auth-form select:hover{
border-color:#b8c6d8;
background:#fff;
}

.eplus-auth-form input:focus,
.eplus-auth-form select:focus{
background:#fff;
border-color:#3b82f6;
box-shadow:
0 0 0 4px rgba(59,130,246,.14),
0 8px 18px rgba(37,99,235,.07);
}

.eplus-auth-form input:-webkit-autofill,
.eplus-auth-form input:-webkit-autofill:hover,
.eplus-auth-form input:-webkit-autofill:focus{
-webkit-text-fill-color:#0f172a;
-webkit-box-shadow:0 0 0 1000px #f8fafc inset;
transition:background-color 9999s ease-out 0s;
caret-color:#0f172a;
}

.eplus-auth-options{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
margin:3px 0 9px;
}

.eplus-auth-checkbox{
display:inline-flex!important;
align-items:center;
gap:8px;
margin:0!important;
color:#475569!important;
font-size:13px!important;
font-weight:750!important;
cursor:pointer;
}

.eplus-auth-checkbox input{
width:18px!important;
height:18px!important;
margin:0!important;
padding:0!important;
accent-color:#2563eb;
box-shadow:none!important;
}

.eplus-forgot-password{
color:#2563eb!important;
font-size:13px;
font-weight:850;
text-decoration:none!important;
}

.eplus-forgot-password:hover{
color:#1d4ed8!important;
text-decoration:underline!important;
text-underline-offset:3px;
}

.eplus-auth-form button,
.eplus-auth-btn{
display:inline-flex;
align-items:center;
justify-content:center;
width:auto;
min-width:180px;
height:50px;
margin:10px auto 0;
padding:0 28px;
border:0;
border-radius:14px;
background:linear-gradient(135deg,#2563eb,#1d4ed8);
color:#fff!important;
font-size:15px;
font-weight:900;
text-align:center;
text-decoration:none!important;
cursor:pointer;
box-shadow:0 12px 26px rgba(37,99,235,.24);
transition:
transform .18s ease,
box-shadow .18s ease,
background .18s ease;
}

.eplus-auth-form button:hover,
.eplus-auth-btn:hover{
transform:translateY(-1px);
background:linear-gradient(135deg,#1d4ed8,#1e40af);
box-shadow:0 16px 32px rgba(37,99,235,.31);
}

.eplus-auth-form button:active{
transform:translateY(0);
}

.eplus-auth-error,
.eplus-auth-success{
margin:0 0 18px;
padding:13px 15px;
border-radius:14px;
font-size:14px;
font-weight:750;
line-height:1.5;
}

.eplus-auth-error{
background:#fef2f2;
border:1px solid #fecaca;
color:#991b1b;
}

.eplus-auth-success{
background:#f0fdf4;
border:1px solid #bbf7d0;
color:#166534;
}

.eplus-selected-package{
margin:0 0 20px;
padding:14px 16px;
border:1px solid #bfdbfe;
border-radius:15px;
background:#eff6ff;
color:#475569;
font-size:14px;
line-height:1.55;
text-align:center;
}

.eplus-selected-package strong{
color:#1d4ed8;
}

.eplus-auth-help{
display:block;
margin:-2px 2px 5px;
color:#64748b;
font-size:12px;
line-height:1.45;
}

.eplus-otp-input{
font-size:26px!important;
font-weight:950;
letter-spacing:8px;
text-align:center;
font-variant-numeric:tabular-nums;
}

/* Browser password/email suggestion popups are browser-controlled.
   These rules professionally style the field and autofill state. */

@media(max-width:680px){
.eplus-auth-page{
align-items:flex-start;
min-height:calc(100dvh - 68px);
padding:28px 12px 46px;
background-position:center;
}

.eplus-auth-card,
.eplus-auth-page-register .eplus-auth-card{
max-width:100%;
padding:25px 18px;
border-radius:22px;
}

.eplus-auth-brand-mark{
width:52px;
height:52px;
margin-bottom:15px;
border-radius:16px;
font-size:24px;
}

.eplus-auth-card h1{
font-size:29px;
}

.eplus-auth-card > p{
margin-bottom:21px;
font-size:14px;
}

.eplus-auth-form input,
.eplus-auth-form select{
height:49px;
font-size:16px;
}

.eplus-auth-options{
align-items:flex-start;
flex-direction:column;
gap:10px;
}

.eplus-auth-form button,
.eplus-auth-btn{
width:100%;
min-width:0;
margin-top:9px;
}

.eplus-otp-input{
font-size:23px!important;
letter-spacing:6px;
}
}

@media(max-width:380px){
.eplus-auth-page{
padding-left:8px;
padding-right:8px;
}

.eplus-auth-card,
.eplus-auth-page-register .eplus-auth-card{
padding:22px 14px;
border-radius:20px;
}
}
/* ===================================================
EPLUS DASHBOARD UI V2 - UNIFIED EMPLOYER + CANDIDATE
Temporary unified implementation. Can be split into
separate design-system files before the mobile app.
=================================================== */
:root{
--eplus-navy:#0b1f46;
--eplus-navy-2:#102a5c;
--eplus-blue:#2563eb;
--eplus-blue-2:#1d4ed8;
--eplus-cyan:#67e8f9;
--eplus-page:#f3f6fb;
--eplus-card:#ffffff;
--eplus-soft:#f8fafc;
--eplus-border:#dbe4f0;
--eplus-text:#0f172a;
--eplus-muted:#64748b;
--eplus-shadow:0 18px 44px rgba(15,23,42,.08);
}

.eplus-employer-layout,
.eplus-candidate-layout{
max-width:1320px!important;
margin:34px auto 80px!important;
padding:0 20px!important;
grid-template-columns:300px minmax(0,1fr)!important;
gap:24px!important;
align-items:start!important;
}

.eplus-employer-layout *,
.eplus-employer-layout *::before,
.eplus-employer-layout *::after,
.eplus-candidate-layout *,
.eplus-candidate-layout *::before,
.eplus-candidate-layout *::after{
box-sizing:border-box;
}

.eplus-employer-sidebar,
.eplus-candidate-sidebar{
position:sticky!important;
top:96px!important;
display:flex!important;
flex-direction:column!important;
gap:7px!important;
width:100%!important;
height:max-content!important;
padding:18px!important;
background:linear-gradient(180deg,var(--eplus-navy) 0%,var(--eplus-navy-2) 100%)!important;
border:1px solid rgba(255,255,255,.08)!important;
border-radius:24px!important;
box-shadow:0 22px 52px rgba(11,31,70,.22)!important;
overflow:hidden!important;
}

.eplus-employer-sidebar::before,
.eplus-candidate-sidebar::before{
content:"EPlusErgasia";
display:block;
margin:0 4px 12px!important;
padding:4px 8px 15px!important;
color:#7dd3fc!important;
border-bottom:1px solid rgba(255,255,255,.12)!important;
font-size:12px!important;
font-weight:900!important;
letter-spacing:.12em!important;
text-transform:uppercase!important;
}

.eplus-employer-sidebar a,
.eplus-candidate-sidebar a{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
width:100%!important;
min-height:50px!important;
margin:0!important;
padding:13px 14px!important;
color:rgba(255,255,255,.88)!important;
background:transparent!important;
border:1px solid transparent!important;
border-radius:14px!important;
font-size:14px!important;
font-weight:800!important;
line-height:1.35!important;
text-decoration:none!important;
transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important;
}

.eplus-employer-sidebar a:hover,
.eplus-candidate-sidebar a:hover{
color:#fff!important;
background:rgba(255,255,255,.09)!important;
border-color:rgba(255,255,255,.10)!important;
transform:translateX(2px)!important;
}

.eplus-employer-sidebar a.active,
.eplus-candidate-sidebar a.active{
color:#fff!important;
background:linear-gradient(135deg,var(--eplus-blue) 0%,#1747c9 100%)!important;
border-color:rgba(255,255,255,.16)!important;
box-shadow:0 10px 22px rgba(37,99,235,.34)!important;
transform:none!important;
}

.eplus-employer-sidebar .eplus-sidebar-label,
.eplus-candidate-sidebar .eplus-sidebar-label{
display:flex!important;
align-items:center!important;
gap:9px!important;
min-width:0!important;
}

.eplus-employer-sidebar .eplus-sidebar-badge,
.eplus-candidate-sidebar .eplus-sidebar-badge{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 auto!important;
min-width:23px!important;
height:23px!important;
padding:0 7px!important;
color:#fff!important;
background:#ef4444!important;
border:2px solid rgba(255,255,255,.92)!important;
border-radius:999px!important;
font-size:11px!important;
font-weight:900!important;
line-height:1!important;
box-shadow:0 4px 10px rgba(239,68,68,.35)!important;
}

.eplus-employer-main,
.eplus-candidate-main{
min-width:0!important;
width:100%!important;
}

.eplus-employer-main>h1,
.eplus-candidate-main h1,
.candidate-applications-page h1{
color:var(--eplus-text)!important;
font-size:34px!important;
line-height:1.15!important;
font-weight:950!important;
letter-spacing:-.03em!important;
}

.eplus-employer-main>h1{
margin:0 0 24px!important;
}

.eplus-subscription-box,
.employer-stat-card,
.employer-chart-card,
.employer-applications-card,
.eplus-subscription-history,
.employer-quick-actions,
.candidate-welcome-card,
.candidate-stat-card,
.candidate-panel-card,
.candidate-quick-actions,
.candidate-application-card{
background:var(--eplus-card)!important;
border:1px solid var(--eplus-border)!important;
box-shadow:var(--eplus-shadow)!important;
}

.eplus-subscription-box{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:14px!important;
padding:18px!important;
border-radius:24px!important;
margin-bottom:18px!important;
}

.eplus-subscription-box>div{
min-width:0!important;
padding:18px!important;
background:linear-gradient(180deg,#f8fbff 0%,#f3f7fc 100%)!important;
border:1px solid #edf2f8!important;
border-radius:18px!important;
}

.eplus-subscription-box>div strong{
margin-bottom:7px!important;
color:var(--eplus-text)!important;
font-size:13px!important;
font-weight:900!important;
}

.eplus-subscription-box>div span{
color:#53627a!important;
font-size:15px!important;
font-weight:800!important;
}

.eplus-subscription-box .subscription-actions{
display:flex!important;
flex-direction:column!important;
gap:10px!important;
justify-content:center!important;
}

.subscription-action{
min-height:48px!important;
padding:12px 16px!important;
background:linear-gradient(135deg,var(--eplus-blue) 0%,var(--eplus-blue-2) 100%)!important;
border:1px solid var(--eplus-blue)!important;
border-radius:14px!important;
box-shadow:0 10px 20px rgba(37,99,235,.22)!important;
}

.subscription-action.secondary{
color:var(--eplus-blue)!important;
background:#eef4ff!important;
border-color:#d7e4ff!important;
box-shadow:none!important;
}

.eplus-dashboard-alerts{
display:grid!important;
gap:12px!important;
margin:0 0 20px!important;
}

.eplus-package-alert,
.eplus-warning-alert,
.eplus-expiry-alert{
padding:17px 18px!important;
border-radius:16px!important;
box-shadow:none!important;
}

.eplus-package-alert{
background:#edf5ff!important;
border-color:#bfdbfe!important;
}

.eplus-warning-alert{
background:#fff7ed!important;
border-color:#fed7aa!important;
}

.employer-stats-grid,
.candidate-stats-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:16px!important;
width:100%!important;
margin:0 0 22px!important;
}

.employer-stat-card,
.candidate-stat-card{
position:relative!important;
display:flex!important;
align-items:center!important;
gap:15px!important;
min-width:0!important;
min-height:138px!important;
padding:22px!important;
border-radius:22px!important;
overflow:hidden!important;
transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}

.employer-stat-card::after,
.candidate-stat-card::after{
content:"";
position:absolute;
right:-30px;
top:-38px;
width:105px;
height:105px;
background:radial-gradient(circle,rgba(37,99,235,.10),transparent 70%);
pointer-events:none;
}

.employer-stat-card:hover,
.candidate-stat-card:hover{
transform:translateY(-3px)!important;
border-color:#bdd2f4!important;
box-shadow:0 22px 46px rgba(15,23,42,.11)!important;
}

.employer-stat-card .stat-icon,
.candidate-stat-card>span,
.candidate-stat-icon{
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 50px!important;
width:50px!important;
height:50px!important;
margin:0!important;
background:linear-gradient(135deg,#eaf2ff 0%,#dbeafe 100%)!important;
border:1px solid #cfe0ff!important;
border-radius:15px!important;
font-size:24px!important;
line-height:1!important;
}

.employer-stat-card span,
.candidate-stat-card p{
margin:0 0 7px!important;
color:var(--eplus-muted)!important;
font-size:13px!important;
font-weight:800!important;
line-height:1.4!important;
}

.employer-stat-card strong,
.candidate-stat-card strong{
color:var(--eplus-text)!important;
font-size:30px!important;
line-height:1!important;
font-weight:950!important;
}

.employer-dashboard-grid,
.candidate-dashboard-grid{
gap:20px!important;
margin-top:0!important;
margin-bottom:22px!important;
}

.employer-chart-card,
.employer-applications-card,
.eplus-subscription-history,
.employer-quick-actions,
.candidate-panel-card,
.candidate-quick-actions{
border-radius:24px!important;
padding:25px!important;
}

.employer-card-head,
.candidate-panel-heading{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:16px!important;
margin-bottom:18px!important;
}

.employer-card-head h3,
.employer-chart-card h3,
.employer-quick-actions h3,
.candidate-panel-card h3,
.candidate-quick-actions h3{
margin:0!important;
color:var(--eplus-text)!important;
font-size:22px!important;
line-height:1.25!important;
font-weight:950!important;
}

.candidate-welcome-card{
position:relative!important;
overflow:hidden!important;
margin:0 0 22px!important;
padding:29px 30px!important;
border-radius:24px!important;
}

.candidate-welcome-card::after{
content:"";
position:absolute;
right:-55px;
top:-70px;
width:210px;
height:210px;
background:radial-gradient(circle,rgba(37,99,235,.14),transparent 68%);
pointer-events:none;
}

.candidate-welcome-kicker,
.candidate-panel-kicker{
color:var(--eplus-blue)!important;
font-size:11px!important;
font-weight:900!important;
letter-spacing:.12em!important;
text-transform:uppercase!important;
}

.candidate-welcome-action{
position:relative!important;
z-index:1!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:48px!important;
padding:12px 20px!important;
color:#fff!important;
background:linear-gradient(135deg,var(--eplus-blue) 0%,var(--eplus-blue-2) 100%)!important;
border:1px solid var(--eplus-blue)!important;
border-radius:14px!important;
font-weight:900!important;
text-decoration:none!important;
box-shadow:0 10px 22px rgba(37,99,235,.24)!important;
}

.candidate-active-cv-info dl>div,
.candidate-empty-cv-state{
background:var(--eplus-soft)!important;
border-color:var(--eplus-border)!important;
border-radius:14px!important;
}

.candidate-active-cv-actions a,
.candidate-empty-cv-state a,
.candidate-view-cv,
.candidate-view-job{
min-height:42px!important;
padding:10px 14px!important;
border-radius:11px!important;
font-weight:900!important;
}

.candidate-active-cv-actions a.is-primary,
.candidate-empty-cv-state a.is-primary,
.candidate-view-job{
color:#fff!important;
background:linear-gradient(135deg,var(--eplus-blue) 0%,var(--eplus-blue-2) 100%)!important;
border-color:var(--eplus-blue)!important;
}

.application-row,
.candidate-mini-row,
.subscription-history-row{
border-color:#e7edf5!important;
}

.quick-actions-grid,
.candidate-actions-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:14px!important;
}

.quick-actions-grid a,
.candidate-action-card{
position:relative!important;
min-height:138px!important;
padding:20px!important;
background:linear-gradient(180deg,#fbfdff 0%,#f5f8fc 100%)!important;
border:1px solid var(--eplus-border)!important;
border-radius:18px!important;
box-shadow:none!important;
overflow:hidden!important;
}

.quick-actions-grid a::after,
.candidate-action-card::after{
content:"";
position:absolute;
right:-28px;
bottom:-35px;
width:95px;
height:95px;
background:radial-gradient(circle,rgba(37,99,235,.10),transparent 70%);
}

.quick-actions-grid a:hover,
.candidate-action-card:hover{
transform:translateY(-3px)!important;
border-color:#b8cef2!important;
box-shadow:0 16px 32px rgba(37,99,235,.11)!important;
}

.quick-actions-grid strong,
.candidate-action-card span{
position:relative!important;
z-index:1!important;
color:var(--eplus-text)!important;
font-weight:900!important;
}

.candidate-applications-page{
max-width:none!important;
margin:0!important;
padding:0!important;
}

.candidate-application-card{
border-radius:20px!important;
padding:22px!important;
}

@media(max-width:1100px){
.eplus-employer-layout,
.eplus-candidate-layout{
grid-template-columns:250px minmax(0,1fr)!important;
}
.employer-stats-grid,
.candidate-stats-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.eplus-subscription-box{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}

@media(max-width:820px){
.eplus-employer-layout,
.eplus-candidate-layout{
display:block!important;
margin-top:20px!important;
padding:0 14px!important;
}
.eplus-employer-sidebar,
.eplus-candidate-sidebar{
position:static!important;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important;
margin:0 0 22px!important;
}
.eplus-employer-sidebar::before,
.eplus-candidate-sidebar::before{
grid-column:1/-1!important;
}
.eplus-employer-sidebar a,
.eplus-candidate-sidebar a{
justify-content:center!important;
text-align:center!important;
}
.employer-dashboard-grid,
.candidate-dashboard-grid{
grid-template-columns:1fr!important;
}
.quick-actions-grid,
.candidate-actions-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.candidate-welcome-card{
align-items:flex-start!important;
flex-direction:column!important;
}
}

@media(max-width:520px){
.eplus-employer-sidebar,
.eplus-candidate-sidebar,
.employer-stats-grid,
.candidate-stats-grid,
.eplus-subscription-box,
.quick-actions-grid,
.candidate-actions-grid{
grid-template-columns:1fr!important;
}
.eplus-employer-main>h1,
.eplus-candidate-main h1,
.candidate-applications-page h1{
font-size:28px!important;
}
.employer-stat-card,
.candidate-stat-card{
min-height:118px!important;
}
}

/* ===================================================
EPLUS UNIFIED INTERNAL PAGE BACKGROUND
Matches the Job Builder background.
=================================================== */
body:not(.home),
body:not(.home) #page,
body:not(.home) .site,
body:not(.home) .site-content,
body:not(.home) #content {
    background-color: #f4f7fb;
}

body:not(.home) .site-main,
body:not(.home) .entry-content {
    background: transparent;
}

.eplus-job-builder-page,
body:has(.eplus-job-builder),
body:has(.eplus-cv-builder),
body:has(.eplus-employer-layout),
body:has(.eplus-candidate-layout) {
    background: #f4f7fb !important;
}