/**
 * Al-Ansar Redesign — News archive page
 * مصدر: html/news.html
 *
 * @since Redesign 1.4
 */

.ar-news .ar-news-page{
	--emerald-900: var(--ar-emerald-900);
	--emerald-800: var(--ar-emerald-800);
	--emerald-700: var(--ar-emerald-700);
	--emerald-600: var(--ar-emerald-600);
	--emerald-500: var(--ar-emerald-500);
	--gold-700: var(--ar-gold-700);
	--gold-500: var(--ar-gold-500);
	--gold-300: var(--ar-gold-300);
	--gold-100: var(--ar-gold-100);
	--iron-900: var(--ar-iron-900);
	--iron-700: var(--ar-iron-700);
	--iron-500: var(--ar-iron-500);
	--iron-300: var(--ar-iron-300);
	--iron-100: var(--ar-iron-100);
	--paper: var(--ar-paper);
	--paper-warm: var(--ar-paper-warm);
	--ease: var(--ar-ease);
	--radius: var(--ar-radius);
	--pad: var(--ar-pad);
	--shadow-soft: var(--ar-shadow-soft);
	--shadow-card: var(--ar-shadow-card);
	background: var(--paper);
	color: var(--iron-900);
}

.ar-news .the-content-con,
.ar-news .the-content-page,
.ar-news .pt-row,
.ar-news .pt-col{
	margin: 0;
	padding: 0;
	max-width: none;
	width: 100%;
}

.ar-news-page a{ text-decoration: none; color: inherit; }
.ar-news-page section{ position: relative; }
.ar-news-featured-section{ padding-top: 80px; padding-bottom: 0; }
.ar-news-filters-section{ padding-top: 56px; padding-bottom: 0; }
.ar-news-grid-section{ padding-block: 48px 100px; }
.ar-news-newsletter-section{ padding-block: 40px 120px; }

@media (max-width: 1024px){
	.ar-news-featured-section{ padding-top: 56px; }
	.ar-news-grid-section{ padding-block: 40px 80px; }
	.ar-news-newsletter-section{ padding-block: 24px 88px; }
}
@media (max-width: 640px){
	.ar-news-featured-section{ padding-top: 40px; }
	.ar-news-grid-section{ padding-block: 32px 64px; }
	.ar-news-newsletter-section{ padding-block: 16px 64px; }
}

/* ===== Featured story ===== */
.ar-featured-story{
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	border-radius: 32px;
	overflow: hidden;
	box-shadow: var(--shadow-soft);
	background: linear-gradient(150deg, var(--emerald-800) 0%, var(--emerald-900) 65%, #011a0a 100%);
	transition: transform .4s var(--ease), box-shadow .4s var(--ease);
}
.ar-featured-story:hover{
	box-shadow: var(--shadow-soft), 0 30px 60px -30px rgba(0,0,0,.2);
}
.ar-fs-photo{ position: relative; overflow: hidden; min-height: 380px; }
.ar-fs-photo img,
.ar-fs-photo-fallback{
	width: 100%; height: 100%; object-fit: cover;
	transition: transform .7s var(--ease);
	min-height: 380px;
}
.ar-fs-photo-fallback{
	background:
		radial-gradient(120% 100% at 20% 0%, rgba(203,186,156,.35), transparent 55%),
		linear-gradient(155deg, #12522b 0%, #0a3a1e 55%, #052712 100%);
}
.ar-featured-story:hover .ar-fs-photo img{ transform: scale(1.06); }
.ar-fs-content{
	position: relative;
	padding: 44px 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.ar-fs-pattern{
	position: absolute; inset: 0; pointer-events: none; z-index: 0;
	background-repeat: repeat; background-size: 80px 78px; opacity: .05;
}
.ar-fs-badge{
	position: relative; z-index: 1;
	display: inline-block; align-self: flex-start;
	background: var(--gold-500); color: var(--emerald-900);
	font-size: 12px; font-weight: 800; padding: 6px 16px;
	border-radius: 100px; margin-bottom: 16px;
}
.ar-fs-date{
	position: relative; z-index: 1;
	font-size: 12.5px; color: rgba(255,255,255,.6); margin-bottom: 10px;
}
.ar-fs-content h2{
	position: relative; z-index: 1;
	font-size: clamp(26px, 2.8vw, 34px); color: #fff; line-height: 1.4;
	margin: 0; font-weight: 800; font-family: var(--ar-font-heading);
}
.ar-fs-content p{
	position: relative; z-index: 1;
	font-size: 14.5px; color: rgba(255,255,255,.65); line-height: 1.85; margin-top: 14px;
}
.ar-fs-content .ar-text-link{
	position: relative; z-index: 1; margin-top: 22px; color: var(--gold-300);
	display: inline-flex; align-items: center; gap: 8px;
	font-weight: 700; font-size: 14px;
}
.ar-fs-content .ar-text-link svg{ width: 14px; height: 14px; transition: transform .3s var(--ease); }
.ar-featured-story:hover .ar-text-link svg{ transform: translateX(-4px); }

@media (max-width: 900px){
	.ar-featured-story{ grid-template-columns: 1fr; }
	.ar-fs-photo,
	.ar-fs-photo img,
	.ar-fs-photo-fallback{ min-height: 260px; }
	.ar-fs-content{ padding: 32px 24px; }
}

/* ===== Filter pills ===== */
.ar-pill-filters{ display: flex; gap: 10px; flex-wrap: wrap; }
.ar-pill-filters .ar-f-pill{
	padding: 11px 22px; border-radius: 100px; font-size: 14px; font-weight: 700;
	border: 1.5px solid var(--emerald-600); color: var(--emerald-700);
	background: #fff; transition: background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);
	white-space: nowrap; cursor: pointer; font-family: inherit;
}
.ar-pill-filters .ar-f-pill:hover{ background: var(--paper-warm); }
.ar-pill-filters .ar-f-pill.active{
	background: var(--emerald-700); color: #fff; border-color: var(--emerald-700);
}
@media (max-width: 900px){
	.ar-pill-filters{ flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; scrollbar-width: thin; }
}

/* ===== Cards grid ===== */
.ar-news-cards-grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}
@media (max-width: 1024px){ .ar-news-cards-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px){ .ar-news-cards-grid{ grid-template-columns: 1fr; } }

.ar-news-empty{
	grid-column: 1 / -1;
	text-align: center;
	color: var(--iron-500);
	font-size: 15px;
	padding: 48px 16px;
	margin: 0;
}

.ar-news-card{
	display: block;
	background: #fff;
	border-radius: 28px;
	overflow: hidden;
	box-shadow: var(--shadow-card);
	transition: transform .45s var(--ease), box-shadow .45s var(--ease);
}
.ar-news-card:hover{
	transform: translateY(-8px);
	box-shadow: var(--shadow-soft);
}
.ar-nc-photo{ position: relative; height: 210px; overflow: hidden; background: var(--paper-warm); }
.ar-nc-photo img,
.ar-nc-photo-fallback{
	width: 100%; height: 100%; object-fit: cover;
	transition: transform .6s var(--ease);
}
.ar-nc-photo-fallback{
	background:
		radial-gradient(120% 100% at 20% 0%, rgba(203,186,156,.35), transparent 55%),
		linear-gradient(155deg, #12522b 0%, #0a3a1e 55%, #052712 100%);
}
.ar-news-card:hover .ar-nc-photo img{ transform: scale(1.08); }
.ar-nc-photo::after{
	content: '';
	position: absolute; inset: 0;
	background: linear-gradient(0deg, rgba(0,0,0,.35) 0%, transparent 45%);
	pointer-events: none;
}
.ar-nc-cat{
	position: absolute; top: 16px; inset-inline-start: 16px; z-index: 2;
	background: rgba(255,255,255,.92); color: var(--emerald-700);
	font-size: 11px; font-weight: 800; padding: 6px 14px; border-radius: 100px;
}
.ar-nc-body{ padding: 22px 24px 26px; }
.ar-nc-date{ font-size: 12px; color: var(--iron-500); margin-bottom: 8px; }
.ar-nc-body h3{
	font-size: 24px; color: var(--iron-900); line-height: 1.45;
	margin: 0 0 10px; min-height: 70px; font-weight: 800;
	font-family: var(--ar-font-heading);
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ar-nc-excerpt{
	font-size: 13.5px; color: var(--iron-500); line-height: 1.75; margin-bottom: 16px;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ar-nc-arrow{
	display: inline-flex; align-items: center; gap: 6px;
	font-size: 13px; font-weight: 700; color: var(--emerald-700);
}
.ar-nc-arrow svg{ width: 14px; height: 14px; transition: transform .3s var(--ease); }
.ar-news-card:hover .ar-nc-arrow svg{ transform: translateX(-4px); }

/* ===== Load more ===== */
.ar-load-more-wrap{ display: flex; justify-content: center; margin-top: 48px; }
.ar-load-more-wrap[hidden]{ display: none !important; }
.ar-load-more-wrap .ar-btn{ cursor: pointer; }
.ar-load-more-wrap .ar-btn[disabled]{ opacity: .65; cursor: wait; }

/* ===== Divider ===== */
.ar-news-page .ar-divider{
	display: flex; align-items: center; gap: 18px;
	max-width: var(--ar-content); margin: 0 auto; padding-inline: var(--pad);
}
.ar-news-page .ar-divider span{
	flex: 1; height: 1px;
	background: linear-gradient(90deg, transparent, rgba(171,150,113,.55) 50%, transparent);
}
.ar-news-page .ar-divider img{ width: 13px; height: auto; opacity: .55; flex-shrink: 0; }

/* ===== Newsletter ===== */
.ar-newsletter-cta{
	position: relative; overflow: hidden; border-radius: 36px;
	background: linear-gradient(125deg, var(--emerald-700) 0%, var(--emerald-900) 75%);
	padding: 64px var(--pad); text-align: center;
}
.ar-nl-pattern{
	position: absolute; inset: 0; pointer-events: none; z-index: 0;
	background-repeat: repeat; background-size: 80px 78px; opacity: .05;
}
.ar-newsletter-cta h2{
	position: relative; z-index: 1; color: #fff;
	font-size: clamp(26px, 3vw, 38px); margin: 0;
	font-weight: 800; font-family: var(--ar-font-heading);
}
.ar-newsletter-form{
	position: relative; z-index: 1;
	display: flex; justify-content: center; gap: 12px; margin-top: 30px; flex-wrap: wrap;
}
.ar-newsletter-form input{
	padding: 15px 22px; border-radius: 100px; border: none;
	min-width: min(300px, 100%); font-family: inherit; font-size: 14.5px;
	background: #fff; color: var(--iron-900);
}
.ar-newsletter-form button{
	padding: 15px 30px; border-radius: 100px;
	background: var(--gold-500); color: var(--emerald-900);
	font-weight: 800; font-size: 14.5px; border: none;
	cursor: pointer; font-family: inherit;
	transition: transform .3s var(--ease);
}
.ar-newsletter-form button:hover{ transform: translateY(-2px); }
.ar-newsletter-msg{
	position: relative; z-index: 1;
	margin: 18px 0 0; font-size: 14px; font-weight: 700;
	color: var(--gold-300);
}
.ar-newsletter-msg.is-error{ color: #ffb4b4; }
.ar-newsletter-msg[hidden]{ display: none !important; }

.ar-news-page .screen-reader-text{
	position: absolute !important;
	width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

@media (prefers-reduced-motion: reduce){
	.ar-news-card,
	.ar-featured-story,
	.ar-nc-photo img,
	.ar-fs-photo img,
	.ar-newsletter-form button,
	.ar-nc-arrow svg,
	.ar-text-link svg{
		transition: none !important;
	}
	.ar-news-card:hover{ transform: none; }
}