/* =========================
   OTOETKINLIK – LIST (FINAL / MIX STYLE)
   (archive panel + grid + cards + pagination)
   Scoped to: page-template-page-otoetkinlik
========================= */

/* Panel */
body.page-template-page-otoetkinlik .archive-content{
  width:100%;
  background:#fff;
  padding:28px;
  border-radius:16px;
  margin-top:44px;
  margin-bottom:30px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}

/* Title */
body.page-template-page-otoetkinlik .archive-header{
  margin-bottom:18px;
}

body.page-template-page-otoetkinlik .archive-page-title{
  margin:0;
  font-size:28px;
  font-weight:900;
  line-height:1.1;
}

/* Grid */
body.page-template-page-otoetkinlik .archive-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:24px;
}

/* Card – HOME MIX BOXED hover ile aynı */
body.page-template-page-otoetkinlik .archive-item{
  background:#fff;
  border:1px solid #eee;
  border-radius:14px;
  overflow:hidden;
  box-shadow:none;

  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

body.page-template-page-otoetkinlik .archive-item:hover{
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

/* Thumb */
body.page-template-page-otoetkinlik .archive-thumb{
  display:block;
}

body.page-template-page-otoetkinlik .archive-thumb img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
}

/* Body */
body.page-template-page-otoetkinlik .archive-body{
  padding:14px 14px 16px;
}

/* Category */
body.page-template-page-otoetkinlik .archive-category{
  font-size:12px;
  font-weight:800;
  opacity:.75;
  margin-bottom:8px;
}

/* Title */
body.page-template-page-otoetkinlik .archive-title{
  margin:0 0 10px;
  font-size:16px;
  line-height:1.25;
  font-weight:800;
}

body.page-template-page-otoetkinlik .archive-title a{
  color:inherit;
  text-decoration:none;
}

/* Meta */
body.page-template-page-otoetkinlik .archive-meta{
  display:flex;
  gap:10px;
  font-size:12px;
  opacity:.75;
  flex-wrap:wrap;
}

/* Pagination */
body.page-template-page-otoetkinlik .archive-pagination{
  margin-top:30px;
  text-align:center;
}

/* Responsive */
@media (max-width: 900px){
  body.page-template-page-otoetkinlik .archive-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 768px){
  body.page-template-page-otoetkinlik .archive-content{
    padding:20px;
  }
}
/* =========================
   OTOETKINLIK – PAGINATION RESET
   Amaç: global .archive-pagination stili birebir uygulansın
========================= */

body.page-template-page-otoetkinlik .archive-pagination,
body.page-template-page-otoetkinlik-php .archive-pagination{
  /* global ile aynı */
  margin: 48px 0 0 !important;

  /* bozan flex/center vb varsa öldür */
  display: block !important;
  text-align: left !important;
  padding: 0 !important;
  border: 0 !important;
}

body.page-template-page-otoetkinlik .archive-pagination .page-numbers,
body.page-template-page-otoetkinlik-php .archive-pagination .page-numbers{
  /* global ile aynı */
  display: inline-block !important;
  padding: 8px 14px !important;
  margin-right: 6px !important;

  border: 1px solid #ddd !important;
  border-radius: 6px !important;

  text-decoration: none !important;
  font-weight: 600 !important;
  color: #111 !important;

  /* premium ekstra varsa öldür */
  min-width: auto !important;
  height: auto !important;
  box-shadow: none !important;
  transform: none !important;
  background: transparent;
}

body.page-template-page-otoetkinlik .archive-pagination .page-numbers.current,
body.page-template-page-otoetkinlik-php .archive-pagination .page-numbers.current{
  background: #d32f2f !important;
  color: #fff !important;
  border-color: #d32f2f !important;
}

body.page-template-page-otoetkinlik .archive-pagination .page-numbers:hover,
body.page-template-page-otoetkinlik-php .archive-pagination .page-numbers:hover{
  background: #f5f5f5 !important;
}