/*
Theme Name: FenLab Final Stable
Version: 5.0
*/

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Arial,sans-serif;
background:
radial-gradient(circle at top left,#f3f6ff,#eef4ff 40%,#fff4fb 100%);
color:#1f2937;
overflow-x:hidden;
}

a{
text-decoration:none;
color:inherit;
}

header{
position:absolute;
top:68px;
left:0;
width:100%;
padding:0 42px;
z-index:999;
}

.logo{
font-size:26px;
font-weight:800;
color:white;
letter-spacing:.2px;
}

.hero-slider{
position:relative;
height:50vh;
min-height:340px;
overflow:hidden;
border-bottom-left-radius:28px;
border-bottom-right-radius:28px;
box-shadow:
0 20px 60px rgba(64,93,230,.18),
0 8px 20px rgba(255,70,140,.08);
}

.slide{
position:absolute;
width:100%;
height:100%;
opacity:0;
transition:opacity 1.1s ease;
}

.slide.active{
opacity:1;
z-index:2;
}

.slide img{
width:100%;
height:100%;
object-fit:cover;
transform:scale(1.04);
filter:
saturate(1.28)
contrast(1.08)
brightness(1.03);
}

.overlay{
position:absolute;
inset:0;
background:
linear-gradient(135deg,
rgba(45,76,230,.48),
rgba(135,65,255,.26),
rgba(255,70,140,.16));
}

.category-section{
max-width:1220px;
margin:auto;
padding:48px 22px 6px;
}

.section-title{
font-size:31px;
font-weight:800;
margin-bottom:24px;
background:linear-gradient(135deg,#405de6,#924aff,#ff468c);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.category-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(170px,190px));
justify-content:flex-start;
gap:14px;
}

.category-card{
padding:14px 16px;
min-height:72px;
border-radius:18px;

display:flex;
align-items:center;
justify-content:center;

text-align:center;

font-size:14px;
font-weight:700;
line-height:1.4;

color:white;

transition:.28s;

box-shadow:0 8px 22px rgba(64,93,230,.08);
}

.category-card:hover{
transform:translateY(-3px);
box-shadow:0 10px 24px rgba(64,93,230,.14);
}
.category-card:nth-child(1){
background:linear-gradient(135deg,#405de6,#6f49ff);
}
.category-card:nth-child(2){
background:linear-gradient(135deg,#ff5f6d,#ff9966);
}
.category-card:nth-child(3){
background:linear-gradient(135deg,#00c9a7,#00e4ff);
}
.category-card:nth-child(4){
background:linear-gradient(135deg,#ff4fd8,#9b4dff);
}
.category-card:nth-child(5){
background:linear-gradient(135deg,#f7971e,#ffd200);
}
.category-card:nth-child(6){
background:linear-gradient(135deg,#00b09b,#96c93d);
}

.latest-posts{
max-width:1220px;
margin:auto;
padding:34px 22px 80px;
}

.post-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
}

.post-card{
background:white;
border-radius:24px;
overflow:hidden;
box-shadow:0 16px 40px rgba(64,93,230,.08);
transition:.3s;
}

.post-card:hover{
transform:translateY(-6px);
}

.post-thumb-img{
width:100%;
height:165px;
object-fit:cover;
display:block;
}

.post-thumb{
height:165px;
background:linear-gradient(135deg,#405de6,#924aff,#ff4f95);
}

.post-content{
padding:20px;
}

.post-title{
font-size:19px;
font-weight:800;
line-height:1.45;
}

.post-meta{
margin-top:7px;
font-size:13px;
opacity:.6;
}

.single-container{
max-width:880px;
margin:auto;
padding:100px 22px 70px;
}

.single-title{
font-size:42px;
font-weight:900;
margin-bottom:22px;
line-height:1.2;
}

.single-content{
background:white;
padding:30px;
border-radius:24px;
box-shadow:0 16px 40px rgba(64,93,230,.08);
font-size:24px;
line-height:1.9;
}

.site-footer{
margin-top:80px;
background:linear-gradient(135deg,#3348c9,#6a46ff,#ff4f95);
padding:52px 24px 22px;
color:white;
border-top-left-radius:30px;
border-top-right-radius:30px;
}

.footer-container{
max-width:1220px;
margin:auto;
display:grid;
grid-template-columns:1.2fr 1fr 1fr;
gap:38px;
}

.footer-title{
font-size:18px;
font-weight:700;
margin-bottom:12px;
}

.footer-text{
font-size:14px;
line-height:1.8;
opacity:.92;
}

.footer-links{
display:flex;
flex-direction:column;
gap:10px;
}

.footer-links a{
font-size:14px;
opacity:.92;
transition:.25s;
}

.footer-links a:hover{
opacity:1;
transform:translateX(3px);
}

.footer-bottom{
margin-top:30px;
padding-top:18px;
border-top:1px solid rgba(255,255,255,.14);
text-align:center;
font-size:12px;
opacity:.78;
}

@media(max-width:768px){

header{
padding:18px 20px;
}

.logo{
font-size:22px;
}

.hero-slider{
height:38vh;
min-height:250px;
}

.section-title{
font-size:26px;
}

.category-card{
font-size:13px;
min-height:64px;
padding:12px;
border-radius:16px;
}

.post-thumb-img,
.post-thumb{
height:145px;
}

.post-title{
font-size:17px;
}

.single-title{
font-size:30px;
}

.single-content{
font-size:17px;
padding:22px;
}

.footer-container{
grid-template-columns:1fr;
gap:26px;
}

}










.slide-link{
display:block;
width:100%;
height:100%;
position:absolute;
inset:0;
z-index:3;
}









.back-home-btn{
display:inline-flex;
align-items:center;
gap:8px;

margin-bottom:18px;

padding:10px 16px;

border-radius:14px;

background:linear-gradient(135deg,#2563eb,#7c3aed);

color:#fff;

font-size:14px;
font-weight:700;

text-decoration:none;

box-shadow:0 8px 22px rgba(64,93,230,.16);

transition:.3s;
}

.back-home-btn:hover{
transform:translateY(-2px);
}

@media(max-width:768px){

.back-home-btn{
font-size:13px;
padding:9px 14px;
border-radius:12px;
}

}











/* CATEGORY FIX */

.category-grid a{
display:flex !important;
}

.category-card{

display:flex !important;

align-items:flex-start !important;
justify-content:flex-start !important;

text-align:left !important;

gap:6px !important;

padding:10px 12px !important;

line-height:1.4 !important;

}

.category-card .cat-icon{

display:inline-flex !important;

align-items:flex-start !important;

font-size:18px !important;

margin-top:2px !important;

flex-shrink:0 !important;

}









@media(max-width:768px){

.category-card{

padding:10px 12px !important;

min-height:52px !important;

font-size:12px !important;

border-radius:16px !important;

line-height:1.15 !important;

}

.cat-icon{
font-size:14px !important;
margin-right:6px !important;
}

}



.cat-link{
text-decoration:none;
color:inherit;
display:block;
}

.category-card{
cursor:pointer;
transition:.25s;
}

.category-card:hover{
transform:translateY(-2px);
}









.video-section{

margin-top:40px;

padding:0 24px;

}

.video-grid{

display:grid;

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

gap:18px;

}

.video-card{

position:relative;

overflow:hidden;

border-radius:20px;

background:#fff;

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

transition:.25s;

}

.video-card:hover{

transform:translateY(-4px);

}

.video-card a{

display:block;

text-decoration:none;

}

.video-card img{

width:100%;

height:180px;

object-fit:cover;

display:block;

}

.play-button{

position:absolute;

top:50%;
left:50%;

transform:translate(-50%,-50%);

width:56px;
height:56px;

border-radius:50%;

background:rgba(255,0,0,.9);

color:#fff;

display:flex;

align-items:center;
justify-content:center;

font-size:22px;

}

@media(max-width:768px){

.video-section{
padding:0 16px;
}

.video-grid{

grid-template-columns:1fr 1fr;

gap:12px;

}

.video-card img{

height:110px;

}

.play-button{

width:42px;
height:42px;

font-size:16px;

}

}



/* =========================
KATEGORİ SAYFASI
========================= */

body.archive .latest-posts{

padding-top:120px;

min-height:100vh;

}

body.archive .post-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

gap:24px;

padding:40px;

max-width:1400px;

margin:auto;

}

body.archive .post-card{

background:white;

border-radius:28px;

overflow:hidden;

box-shadow:0 10px 30px rgba(0,0,0,0.08);

transition:0.25s ease;

}

body.archive .post-card:hover{

transform:translateY(-4px);

}

body.archive .post-thumb-img{

width:100%;

height:240px;

object-fit:cover;

display:block;

}

body.archive .post-content{

padding:20px;

}

body.archive .post-title{

font-size:28px;

font-weight:800;

line-height:1.2;

margin-bottom:10px;

color:#1f2937;

}

body.archive .post-meta{

font-size:14px;

opacity:0.7;

}

body.archive .section-title{

font-size:54px;

font-weight:900;

padding-left:40px;

margin-top:20px;

color:#4f46e5;

}