/* ===================================================
   NEWS PAGE - EDEN SELLC
=================================================== */

/* ===============================
   HERO
================================= */
.news-hero{
position:relative;
padding:170px 0 95px;
background:
linear-gradient(rgba(15,35,15,.72),rgba(15,35,15,.72)),
url('../images/Picture4.jpg') center center/cover no-repeat;
color:#fff;
overflow:hidden;
}

.news-hero::before{
content:"";
position:absolute;
top:-100px;
right:-100px;
width:260px;
height:260px;
background:rgba(255,255,255,.06);
border-radius:50%;
}

.news-hero::after{
content:"";
position:absolute;
bottom:-80px;
left:-80px;
width:220px;
height:220px;
background:rgba(255,255,255,.04);
border-radius:50%;
}

.news-hero .container{
position:relative;
z-index:2;
}

.news-hero h1{
font-size:4rem;
font-weight:900;
line-height:1.2;
margin-bottom:18px;
}

.news-hero p{
max-width:760px;
margin:auto;
font-size:1.12rem;
line-height:1.9;
opacity:.96;
}

/* ===============================
   SEARCH
================================= */
.search-news-wrap{
margin-top:-38px;
position:relative;
z-index:10;
}

.search-news-box{
background:#fff;
padding:24px;
border-radius:26px;
box-shadow:0 22px 55px rgba(0,0,0,.08);
border:1px solid #eef2ea;
}

.search-news-box .form-control{
height:58px;
border-radius:16px;
border:1px solid #dcdcdc;
padding:0 18px;
font-size:1rem;
box-shadow:none;
}

.search-news-box .form-control:focus{
border-color:#67b51f;
box-shadow:0 0 0 4px rgba(103,181,31,.08);
}

.search-news-box .btn{
height:58px;
border-radius:16px;
font-weight:800;
}

/* ===============================
   FILTER
================================= */
.category-filter{
display:flex;
gap:12px;
justify-content:center;
flex-wrap:wrap;
margin-bottom:42px;
}

.category-filter button{
border:none;
background:#eef7e9;
color:#4a982e;
padding:10px 20px;
border-radius:40px;
font-size:.95rem;
font-weight:800;
transition:.25s ease;
}

.category-filter button:hover,
.category-filter button.active{
background:#67b51f;
color:#fff;
transform:translateY(-2px);
}

/* ===============================
   CARD
================================= */
.news-card-page{
display:block;
height:100%;
background:#fff;
border-radius:24px;
overflow:hidden;
border:1px solid #eef2ea;
text-decoration:none;
color:#222;
transition:.28s ease;
box-shadow:0 10px 24px rgba(0,0,0,.03);
}

.news-card-page:hover{
transform:translateY(-8px);
box-shadow:0 28px 55px rgba(0,0,0,.08);
color:#222;
}

.news-card-page img{
width:100%;
height:240px;
object-fit:cover;
transition:.4s ease;
}

.news-card-page:hover img{
transform:scale(1.05);
}

.news-card-body{
padding:24px;
text-align: justify;
}

.news-meta{
display:flex;
gap:14px;
flex-wrap:wrap;
font-size:.88rem;
font-weight:700;
color:#67b51f;
margin-bottom:14px;
}

.news-meta i{
margin-right:5px;
}

.news-card-body h4{
font-size:1.2rem;
font-weight:900;
line-height:1.55;
margin-bottom:12px;
min-height:64px;
}

.news-card-body p{
font-size:.97rem;
line-height:1.8;
color:#666;
margin-bottom:18px;
min-height:82px;
}

.read-link{
font-size:.95rem;
font-weight:800;
color:#4a982e;
display:flex;
align-items:center;
gap:8px;
}

/* ===============================
   PAGINATION
================================= */
.pagination-custom{
display:flex;
justify-content:center;
gap:10px;
margin-top:50px;
flex-wrap:wrap;
}

.pagination-custom a{
width:46px;
height:46px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
font-weight:800;
background:#fff;
color:#333;
border:1px solid #ddd;
transition:.25s ease;
}

.pagination-custom a:hover,
.pagination-custom a.active{
background:#67b51f;
border-color:#67b51f;
color:#fff;
transform:translateY(-2px);
}

/* ===============================
   EMPTY STATE (future use)
================================= */
.no-result{
display:none;
text-align:center;
padding:50px 0;
color:#777;
font-size:1rem;
font-weight:600;
}

/* ===============================
   RESPONSIVE
================================= */
@media(max-width:1200px){

.news-hero h1{
font-size:3.3rem;
}

}

@media(max-width:992px){

.news-hero{
padding:150px 0 85px;
}

.news-hero h1{
font-size:2.8rem;
}

.news-card-body h4,
.news-card-body p{
min-height:auto;
}

.search-news-box{
padding:18px;
}

}

@media(max-width:768px){

.news-hero h1{
font-size:2.35rem;
}

.news-hero p{
font-size:1rem;
line-height:1.8;
}

.news-card-page img{
height:220px;
}

.category-filter{
justify-content:flex-start;
}

}

@media(max-width:576px){

.news-hero{
padding:135px 0 70px;
}

.news-hero h1{
font-size:2rem;
}

.news-card-page img{
height:210px;
}

.news-card-body{
padding:18px;
}

.news-card-body h4{
font-size:1.08rem;
}

.news-card-body p{
font-size:.94rem;
}

.search-news-box .form-control,
.search-news-box .btn{
height:52px;
}

.pagination-custom a{
width:42px;
height:42px;
font-size:.9rem;
}

}