/* PASINLER HABER - ANA SAYFA PREMIUM V2 */
/* Sadece ana sayfa kategori mansetleri */

#categorySections .category-block{
  margin:34px 0 44px;
  padding-bottom:30px;
  border-bottom:1px solid #ded5c4;
}

#categorySections .category-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  padding:8px 0 14px;
  margin-bottom:17px;
  border-bottom:3px solid #d5b879;
}

#categorySections .category-heading h2{
  margin:0;
  font-family:Georgia,serif;
  font-size:clamp(23px,2.4vw,30px);
  font-weight:800;
  letter-spacing:.25px;
}

#categorySections .category-heading h2 a{
  color:#142d4c;
  text-decoration:none;
}

#categorySections .category-more{
  color:#8b682b;
  font:800 12px/1.4 Arial,sans-serif;
  letter-spacing:.6px;
  text-decoration:none;
}

#categorySections .category-more:hover{
  color:#142d4c;
}

#categorySections .category-layout{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);
  gap:14px;
  height:420px;
  min-width:0;
}

#categorySections .category-main{
  position:relative;
  display:block;
  height:100%;
  min-width:0;
  overflow:hidden;
  border-radius:10px;
  border:1px solid #d7c9b1;
  background:#142d4c;
  box-shadow:0 8px 24px rgba(20,45,76,.12);
}

#categorySections .category-main > img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s ease;
}

#categorySections .category-main .category-overlay{
  background:linear-gradient(
    0deg,
    rgba(5,18,35,.96) 0%,
    rgba(5,18,35,.76) 38%,
    rgba(5,18,35,.05) 88%
  );
  padding:clamp(16px,2.2vw,28px);
}

#categorySections .category-main .category-overlay h3{
  color:#fff;
  font-family:Georgia,serif;
  font-size:clamp(23px,2.5vw,34px);
  line-height:1.18;
  text-shadow:0 2px 7px rgba(0,0,0,.25);
}

#categorySections .category-small-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:12px;
  min-width:0;
  min-height:0;
}

#categorySections .category-small{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border-radius:9px;
  border:1px solid #dfd2b9;
  background:#fffaf1;
  box-shadow:0 4px 14px rgba(20,45,76,.07);
  text-decoration:none;
  transition:border-color .2s ease,box-shadow .2s ease;
}

#categorySections .category-small > img{
  width:100%;
  height:61%;
  flex:0 0 61%;
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
}

#categorySections .category-small h3{
  color:#142d4c;
  font-family:Georgia,serif;
  font-size:clamp(13px,1.1vw,16px);
  font-weight:700;
  line-height:1.24;
  margin:9px 10px;
  overflow-wrap:anywhere;
}

@media(hover:hover){
  #categorySections .category-main:hover > img,
  #categorySections .category-small:hover > img{
    transform:scale(1.035);
  }

  #categorySections .category-small:hover{
    border-color:#d5b879;
    box-shadow:0 9px 22px rgba(20,45,76,.13);
  }
}

@media(max-width:760px){
  #categorySections .category-block{
    margin:26px 0 34px;
    padding-bottom:24px;
  }

  #categorySections .category-layout{
    grid-template-columns:minmax(0,1fr);
    height:auto;
    gap:12px;
  }

  #categorySections .category-main{
    height:340px;
  }

  #categorySections .category-small-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(2,185px);
    gap:10px;
  }

  #categorySections .category-small h3{
    font-size:14px;
  }
}

@media(max-width:480px){
  #categorySections .category-main{
    height:310px;
  }

  #categorySections .category-small-grid{
    grid-template-rows:repeat(2,168px);
    gap:8px;
  }

  #categorySections .category-small h3{
    font-size:13px;
    margin:7px 8px;
  }

  #categorySections .category-heading h2{
    font-size:22px;
  }

  #categorySections .category-more{
    font-size:11px;
  }
}

@media(prefers-reduced-motion:reduce){
  #categorySections .category-main > img,
  #categorySections .category-small > img,
  #categorySections .category-small{
    transition:none;
  }
}


/* PREMIUM V2.1 LIVE CARD START */

/* Buyuk kategori manseti */
#categorySections .category-main{
  position:relative;
  display:block;
  isolation:isolate;
}

#categorySections .category-main > img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

#categorySections .category-main > .news-image-placeholder{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#142d4c;
  color:#d5b879;
}

#categorySections .category-main .live-card-copy{
  position:absolute;
  z-index:1;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  box-sizing:border-box;
  padding:clamp(18px,2.4vw,30px);
  background:linear-gradient(
    0deg,
    rgba(4,16,31,.97) 0%,
    rgba(4,16,31,.83) 32%,
    rgba(4,16,31,.15) 80%,
    transparent 100%
  );
  color:#fff;
}

#categorySections .category-main .live-card-copy h3{
  margin:0 0 10px;
  color:#fff;
  font-family:Georgia,serif;
  font-size:clamp(23px,2.6vw,35px);
  font-weight:800;
  line-height:1.18;
  overflow-wrap:anywhere;
  text-shadow:0 2px 8px rgba(0,0,0,.3);
}

#categorySections .category-main .live-card-copy p{
  margin:0;
  color:#f2eadc;
  font:400 14px/1.5 Arial,sans-serif;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

/* Kucuk kategori haberleri */
#categorySections .category-small{
  display:flex;
  flex-direction:column;
}

#categorySections .category-small > img,
#categorySections .category-small > .news-image-placeholder{
  width:100%;
  height:61%;
  flex:0 0 61%;
  min-height:0;
  object-fit:cover;
}

#categorySections .category-small .live-card-copy{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  align-items:center;
  box-sizing:border-box;
  padding:8px 10px;
  background:#fffaf1;
}

#categorySections .category-small .live-card-copy h3{
  margin:0;
  color:#142d4c;
  font-family:Georgia,serif;
  font-size:clamp(13px,1.1vw,16px);
  font-weight:700;
  line-height:1.24;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

@media(max-width:760px){
  #categorySections .category-main .live-card-copy{
    padding:20px;
  }

  #categorySections .category-main .live-card-copy h3{
    font-size:clamp(23px,5vw,29px);
  }

  #categorySections .category-small .live-card-copy h3{
    font-size:14px;
  }
}

@media(max-width:480px){
  #categorySections .category-main .live-card-copy{
    padding:16px;
  }

  #categorySections .category-main .live-card-copy h3{
    font-size:23px;
  }

  #categorySections .category-main .live-card-copy p{
    font-size:12px;
    -webkit-line-clamp:2;
  }

  #categorySections .category-small .live-card-copy{
    padding:7px 8px;
  }

  #categorySections .category-small .live-card-copy h3{
    font-size:13px;
  }
}

/* PREMIUM V2.1 LIVE CARD END */


/* PREMIUM V2.2 SMART LAYOUT START */

/* Tek haber: tam genislik manset */
#categorySections .category-layout:has(
  .category-small-grid:empty
){
  grid-template-columns:minmax(0,1fr);
  height:420px;
}

#categorySections .category-layout:has(
  .category-small-grid:empty
) .category-small-grid{
  display:none;
}

/* Iki haber: iki dengeli sutun */
#categorySections .category-layout:has(
  .category-small-grid > :only-child
){
  grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);
}

#categorySections .category-small-grid:has(> :only-child){
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:minmax(0,1fr);
}

#categorySections .category-small-grid:has(> :only-child)
.category-small > img{
  height:72%;
  flex-basis:72%;
}

/* Uc haber: iki kucuk haber alt alta */
#categorySections .category-small-grid:has(
  > :nth-child(2):last-child
){
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:repeat(2,minmax(0,1fr));
}

/* Dort haber: uc kucuk kart */
#categorySections .category-small-grid:has(
  > :nth-child(3):last-child
){
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
}

/* Eksik haber durumunda kart boslugu olusmasin */
#categorySections .category-small-grid > .category-small{
  min-height:0;
}

/* Mobil */
@media(max-width:760px){
  #categorySections .category-layout:has(
    .category-small-grid:empty
  ){
    height:auto;
  }

  #categorySections .category-layout:has(
    .category-small-grid:empty
  ) .category-main{
    height:340px;
  }

  #categorySections .category-small-grid:has(> :only-child){
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:220px;
  }

  #categorySections .category-small-grid:has(
    > :nth-child(2):last-child
  ){
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:185px;
  }
}

@media(max-width:480px){
  #categorySections .category-layout:has(
    .category-small-grid:empty
  ) .category-main{
    height:310px;
  }

  #categorySections .category-small-grid:has(
    > :nth-child(2):last-child
  ){
    grid-template-rows:168px;
  }
}

/* PREMIUM V2.2 SMART LAYOUT END */