/* ==========================================================================
   Category archive — reproduces the live tagDiv category layout (tdb_loop):
   H1 title, 3-column image-above loop grid (main, square thumbs, no excerpt)
   + "ΡΟΗ ΕΙΔΗΣΕΩΝ" latest-news sidebar, numbered pagination.
   Uses only foundation tokens.
   ========================================================================== */

.archive{padding-top:24px;padding-bottom:60px;}

/* --- Two-column shell: main + sidebar (live = td-pb-span8 / td-pb-span4) --- */
.archive__layout{
	display:grid;
	grid-template-columns:minmax(0,1fr) 324px;
	gap:48px;
	align-items:start;
}
.archive__main{min-width:0;}

/* --- Category header / H1 (live tdb-title-text: Literata-Bold 40px/1, 900) --- */
.archive__header{margin:0 0 28px;}
.archive__title{
	font-family:var(--font-serif);
	font-weight:700;
	font-size:40px;
	line-height:1;
	margin:0;
	text-transform:none;
	color:var(--color-ink);
}
.archive__desc{
	margin-top:12px;
	font-family:var(--font-sans);
	font-size:16px;
	color:var(--color-muted);
}

/* --- Main loop: 3-column grid of image-above modules (live width:33.33%) ---
   live wrap padding 0 10px + inner negative margin => ~20px gutter. */
.archive__grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	column-gap:20px;
	row-gap:30px;
}

.loop-card{display:flex;flex-direction:column;position:relative;padding-bottom:15px;}
.loop-card::after{
	content:"";
	position:absolute;left:0;bottom:0;width:100%;height:1px;
	background:#eaeaea;
}
/* live td-image-wrap padding-bottom:100% => square */
.loop-card__media{
	display:block;position:relative;
	aspect-ratio:1/1;
	overflow:hidden;background:var(--color-bg-alt);
}
.loop-card__image{
	width:100%;height:100%;object-fit:cover;display:block;
	transition:var(--transition,transform .3s ease);
}
.loop-card:hover .loop-card__image{transform:scale(1.04);}
.loop-card__image--placeholder{background:var(--color-line);}

/* live td-module-meta-info padding:5px 0 0 */
.loop-card__body{padding:5px 0 0;}
.loop-card__title{
	font-family:var(--font-serif);
	font-weight:400;
	font-size:18px;
	line-height:1.3;
	margin:0 0 10px;
}
.loop-card__title a{color:var(--color-black);}
.loop-card__title a:hover{color:var(--color-muted);}
/* live td-editor-date: StoneSansITC 12px/700, no transform */
.loop-card__date{
	font-family:var(--font-sans);
	font-size:12px;
	font-weight:700;
	color:var(--color-faint);
	margin:0;
}

/* --- Sidebar (live tdi_145 td_flex_block_1: 1px #b5b5b5 box, no images) --- */
.archive__sidebar{min-width:0;}
.widget{
	margin:0 0 36px;
	border:1px solid #b5b5b5;
}
/* live block header: StoneSansITC 30px/700, black, padded inside box */
.widget__title{
	margin:0;
	padding:14px 15px;
	font-family:var(--font-sans);
	font-weight:700;
	font-size:30px;
	line-height:1.1;
	text-transform:none;
	color:var(--color-black);
}
.widget__title span{color:var(--color-black);}
.widget__list{list-style:none;margin:0;padding:0;}

/* live module: title + relative date rows, no image, solid #b5b5b5 divider,
   meta padding 10px 30px on the row container. */
.widget-card{
	display:block;
	padding:10px 15px;
	border-top:1px solid #b5b5b5;
}
.widget-card__title{
	font-family:var(--font-serif);
	font-weight:400;
	font-size:14px;
	line-height:1.6;
	letter-spacing:.2px;
	margin:0 0 5px;
}
.widget-card__title a{color:var(--color-black);}
.widget-card__title a:hover{color:var(--color-muted);}
/* live meta: StoneSansITC 12px/700, uppercase, letter-spacing 1px */
.widget-card__date{
	display:block;
	font-family:var(--font-sans);
	font-size:12px;
	font-weight:700;
	line-height:1.4;
	letter-spacing:1px;
	text-transform:uppercase;
	color:var(--color-muted);
}

/* --- Pagination (live .page-nav) --- */
.archive .pagination,
.archive .page-nav{margin:40px 0 0;}
.archive .nav-links{
	display:flex;flex-wrap:wrap;gap:6px;align-items:center;
}
.archive .page-numbers{
	display:inline-flex;align-items:center;justify-content:center;
	min-width:38px;height:38px;padding:0 10px;
	font-family:var(--font-sans);font-size:14px;font-weight:600;
	color:var(--color-ink);
	border:1px solid var(--color-line-strong);
	background:var(--color-white);
}
.archive .page-numbers:hover{background:var(--color-bg-alt);}
.archive .page-numbers.current{
	background:var(--color-black);
	border-color:var(--color-black);
	color:var(--color-white);
}
.archive .page-numbers.dots{border:0;background:none;}

/* --- Responsive (live: 33.33% -> 50% tablet -> 1col phone) --- */
@media (max-width:1100px){
	.archive__layout{grid-template-columns:minmax(0,1fr) 280px;gap:32px;}
	.archive__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:900px){
	.archive__layout{grid-template-columns:1fr;gap:48px;}
	.archive__sidebar{border-top:1px solid var(--color-line);padding-top:24px;}
}
@media (max-width:560px){
	.archive__grid{grid-template-columns:1fr;row-gap:24px;}
	.archive__title{font-size:30px;}
}