/* =========================================================
   Archive Pages — Alzawiya Tech
   Colors: graphite #111827 · amber #F59E0B · emerald #10B981
   ========================================================= */

/* ── Section wrapper ── */
.rabeea-store .rb-archive {
	position: relative;
	padding-block: clamp(2.5rem, 5vw, 4rem);
	background: var(--rb-bahr-page, #F9FAFB);
}

/* ── Page header ── */
.rabeea-store .rb-archive__header {
	margin-bottom: clamp(1.75rem, 3vw, 2.5rem);
	text-align: center;
}

.rabeea-store .rb-archive__header .rb-badge {
	display: inline-block;
	margin-bottom: 0.75rem;
	padding: 0.3rem 1rem;
	border-radius: 999px;
	background: var(--rb-bahr-navy, #111827);
	color: #ffffff;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.rabeea-store .rb-archive__title {
	margin-bottom: 0.6rem;
	color: var(--rb-bahr-text, #111827);
	font-size: clamp(1.5rem, 1rem + 1.8vw, 2.25rem);
	font-weight: 900;
	line-height: 1.25;
}

.rabeea-store .rb-archive__desc {
	max-width: 680px;
	margin: 0 auto;
	color: #6B7280;
	font-size: 1rem;
	line-height: 1.85;
}

/* ── Grid gap ── */
.rabeea-store .rb-grid-gap {
	--bs-gutter-x: 1.25rem;
	--bs-gutter-y: 1.25rem;
}

/* ── Card ── */
.rabeea-store .rb-archive-card {
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 1.1rem;
	border: 1px solid var(--rb-bahr-border, #E5E7EB);
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 10px 28px rgba(17, 24, 39, 0.06);
	transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.rabeea-store .rb-archive-card:hover {
	border-color: rgba(245, 158, 11, 0.35);
	transform: translateY(-4px);
	box-shadow: 0 18px 44px rgba(17, 24, 39, 0.11);
}

/* ── Thumbnail ── */
.rabeea-store .rb-archive-card__thumb {
	display: block;
	margin-bottom: 0.9rem;
	border-radius: 8px;
	overflow: hidden;
	background: linear-gradient(180deg, #F9FAFB 0%, #F3F4F6 100%);
}

.rabeea-store .rb-archive-card__thumb img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: contain;
	transition: transform 260ms ease;
}

.rabeea-store .rb-archive-card:hover .rb-archive-card__thumb img {
	transform: scale(1.03);
}

.rabeea-store .rb-archive-card__thumb-empty {
	display: grid;
	place-items: center;
	aspect-ratio: 16 / 10;
	color: var(--rb-bahr-muted, #7d8c99);
	font-size: 0.85rem;
	font-weight: 700;
}

/* ── Meta (date) ── */
.rabeea-store .rb-archive-card__meta {
	margin-bottom: 0.4rem;
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--rb-bahr-muted, #7d8c99);
}

/* ── Title ── */
.rabeea-store .rb-archive-card__title,
.rabeea-store .rb-card__title.rb-archive-card__title {
	margin-bottom: 0.5rem;
	font-size: 1rem;
	font-weight: 900;
	line-height: 1.4;
}

.rabeea-store .rb-archive-card__title a {
	color: var(--rb-bahr-text, #111827);
	text-decoration: none;
	transition: color 160ms ease;
}

.rabeea-store .rb-archive-card__title a:hover {
	color: var(--rb-bahr-sky, #F59E0B);
}

/* ── Excerpt ── */
.rabeea-store .rb-archive-card__excerpt,
.rabeea-store .rb-card__content.rb-archive-card__excerpt {
	flex: 1;
	margin-bottom: 1rem;
	color: #6B7280;
	font-size: 0.875rem;
	line-height: 1.8;
}

/* ── CTA button ── */
.rabeea-store .rb-archive-card__link {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	min-height: 40px;
	padding: 0.45rem 1.1rem;
	border: 0;
	border-radius: 8px;
	background: linear-gradient(135deg, var(--rb-bahr-navy, #111827), var(--rb-bahr-sky, #F59E0B));
	color: #ffffff;
	font-size: 0.85rem;
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 10px 22px rgba(17, 24, 39, 0.14);
	transition: transform 220ms ease, box-shadow 220ms ease, background 220ms ease;
}

.rabeea-store .rb-archive-card__link:hover {
	background: linear-gradient(135deg, var(--rb-bahr-navy-hover, #1F2937), #D97706);
	color: #ffffff;
	transform: translateY(-2px);
	box-shadow: 0 14px 28px rgba(17, 24, 39, 0.19);
}

/* ── Empty state ── */
.rabeea-store .rb-archive .rb-card {
	padding: 2rem;
	text-align: center;
	color: #6B7280;
}

/* ── Pagination ── */
.rabeea-store .rb-archive-pagination-wrap {
	margin-top: 2rem;
}

.rabeea-store .rb-archive-pagination-wrap .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: center;
}

.rabeea-store .rb-archive-pagination-wrap .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 0.75rem;
	border: 1px solid var(--rb-bahr-border, #E5E7EB);
	border-radius: 999px;
	background: #ffffff;
	color: var(--rb-bahr-text, #111827);
	font-weight: 700;
	font-size: 0.875rem;
	text-decoration: none;
	transition: border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.rabeea-store .rb-archive-pagination-wrap .page-numbers.current,
.rabeea-store .rb-archive-pagination-wrap .page-numbers:hover {
	border-color: var(--rb-bahr-sky, #F59E0B);
	background: var(--rb-bahr-chip, #FEF3C7);
	color: var(--rb-bahr-navy, #111827);
	box-shadow: 0 8px 18px rgba(17, 24, 39, 0.1);
}

/* ── Responsive ── */
@media (max-width: 575px) {
	.rabeea-store .rb-archive-card {
		border-radius: 8px;
	}

	.rabeea-store .rb-archive-card__link {
		width: 100%;
		justify-content: center;
		align-self: stretch;
	}
}