/*
ApplicationsLK Pro Homepage Styles
*/


/* Main Container */

.applicationslk-home .container{

max-width:1200px;

margin:auto;

padding:0 15px;

}


/* Section Titles */

.section-title{

font-size:28px;

font-weight:700;

margin:35px 0 20px;

color:#1f2937;

position:relative;

padding-left:15px;

}


.section-title:before{

content:"";

position:absolute;

left:0;

top:5px;

height:28px;

width:5px;

background:#0056b3;

border-radius:5px;

}



/* Featured Grid */

.featured-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:20px;

}




/* Job Cards */

.job-card{

background:#ffffff;

border-radius:12px;

overflow:hidden;

box-shadow:0 5px 20px rgba(0,0,0,.08);

transition:.3s;

height:100%;

}



.job-card:hover{

transform:translateY(-5px);

box-shadow:0 12px 30px rgba(0,0,0,.15);

}



.job-card img{

width:100%;

height:auto;

aspect-ratio:1200 / 628;

object-fit:contain;

display:block;

background:#f5f5f5;

}



.job-content{

padding:18px;

}



.job-card h3{

font-size:18px;

line-height:1.5;

margin:12px 0;

}



.job-card h3 a{

color:#111827;

text-decoration:none;

}



.job-card h3 a:hover{

color:#0056b3;

}



.job-meta{

font-size:14px;

color:#6b7280;

margin-bottom:12px;

}



/* Read More Button */

.read-more-btn{

display:inline-block;

background:#0056b3;

color:white!important;

padding:8px 18px;

border-radius:30px;

font-size:14px;

text-decoration:none;

}


.read-more-btn:hover{

background:#003d82;

}




/* Category Sections */

.job-section{

padding:25px 0;

}



.section-header{

display:flex;

justify-content:space-between;

align-items:center;

}



.section-header a{

color:#0056b3;

font-weight:600;

text-decoration:none;

}



/* Job Grid */

.job-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:20px;

}




.job-grid .job-card{

padding-bottom:15px;

}



.job-grid .job-card img{

height:auto;

aspect-ratio:1200 / 628;

object-fit:contain;

}



/* Latest Posts */

.latest-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:15px;

}



.latest-card{

background:white;

padding:18px;

border-radius:10px;

box-shadow:0 4px 15px rgba(0,0,0,.07);

}



.latest-card a{

font-weight:600;

color:#111827;

text-decoration:none;

}



/* Mobile */

@media(max-width:992px){


.featured-grid{

grid-template-columns:repeat(2,1fr);

}


.job-grid{

grid-template-columns:repeat(2,1fr);

}


.latest-grid{

grid-template-columns:repeat(2,1fr);

}


}




@media(max-width:600px){


.section-title{

font-size:22px;

}


.featured-grid,

.job-grid,

.latest-grid{

grid-template-columns:1fr;

}



.job-card img{

width:100%;

height:auto;

aspect-ratio:1200 / 628;

object-fit:contain;

display:block;

background:#f5f5f5;

}

/* Job Image Wrapper */

.job-image-wrapper{

position:relative;

overflow:hidden;

}



/* Category Badge */

.job-category-badge{

position:absolute;

top:12px;

left:12px;

background:#0056b3;

color:#fff;

padding:6px 12px;

font-size:12px;

font-weight:600;

border-radius:20px;

z-index:2;

}



/* New Badge */

.job-new-badge{

position:absolute;

top:12px;

right:12px;

background:#198754;

color:#fff;

padding:6px 12px;

font-size:12px;

font-weight:700;

border-radius:20px;

z-index:2;

}



/* Better Date */

.job-meta{

display:inline-block;

background:#f1f5f9;

padding:6px 12px;

border-radius:20px;

font-size:13px;

color:#475569;

}



/* Image Hover */

.job-card:hover img{

transform:scale(1.03);

}



.job-card img{

transition:.3s ease;

}