/* =========================================================
   CATEGORY ARCHIVE — brand polish (benqu-child)
   Layout is 100% the parent theme's. This file only refreshes
   the palette to the real logo colors (navy #051A44 · blue
   #1360B2 · teal #157F9F) and adds subtle hover polish.
========================================================= */

/* ================= HERO (benqu_get_breadcrumb area) ================= */
.benqu-category-hero {
	background: linear-gradient(140deg, #051A44 0%, #0B3E8F 55%, #1360B2 100%) !important;
}

.benqu-category-hero .hero-breadcrumb a,
.benqu-category-hero .hero-breadcrumb li,
.benqu-category-hero .hero-breadcrumb span {
	color: rgba(255, 255, 255, .85) !important;
}

.benqu-category-hero h1 {
	color: #fff !important;
	font-weight: 800;
}

.benqu-category-hero .hero-desc {
	color: rgba(255, 255, 255, .85) !important;
}

.benqu-category-hero .hero-btn-primary {
	background: linear-gradient(135deg, #157F9F, #1360B2) !important;
	border-color: transparent !important;
}

.benqu-category-hero .hero-btn-primary:hover {
	background: linear-gradient(135deg, #1360B2, #0B3E8F) !important;
	box-shadow: 0 8px 20px rgba(21, 127, 159, .35);
}

.benqu-category-hero .hero-btn-outline {
	border-color: rgba(255, 255, 255, .5) !important;
	color: #fff !important;
}

/* ================= POPULAR TOPICS ================= */
.popular-topics-section {
	background: #F5F9FD;
}

.popular-header h2 {
	color: #051A44;
	font-weight: 800;
}

.popular-header .view-all {
	color: #1360B2;
}

.topic-card {
	background: #fff;
	border: 1px solid #E3EAF3;
	border-radius: 16px;
	padding: 16px;
	box-shadow: 0 6px 20px rgba(5, 26, 68, .06);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.topic-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 34px rgba(5, 26, 68, .12);
	border-color: #B9D4F0;
}

.topic-card h4 {
	color: #051A44;
}

.topic-card span {
	color: #5B6B85;
}

/* ================= ARTICLE CARDS (startup-post-item) ================= */
.bnq-post-list-item article {
	border-color: #E3EAF3;
	border-radius: 16px;
	box-shadow: 0 6px 20px rgba(5, 26, 68, .05);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.bnq-post-list-item article:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 38px rgba(5, 26, 68, .13);
	border-color: #B9D4F0;
}

/* Category badge — real brand blue (overrides inline #3b60fe). */
.benqu-cate-badge {
	background-color: #1360B2 !important;
	transition: background-color .2s ease, transform .2s ease;
}

.benqu-cate-badge:hover {
	background-color: #157F9F !important;
}

.startup-title a {
	color: #051A44;
	transition: color .2s ease;
}

.startup-title a:hover {
	color: #1360B2;
}

.startup-thumb img {
	border-radius: 12px;
	transition: transform .35s ease;
}

.bnq-post-list-item article:hover .startup-thumb img {
	transform: scale(1.03);
}

/* ================= SIDEBAR ================= */
.custom-sidebar .sidebar-card {
	border: 1px solid #E3EAF3;
	border-radius: 16px;
	box-shadow: 0 6px 20px rgba(5, 26, 68, .05);
}

.custom-sidebar .sidebar-title {
	color: #051A44;
	font-weight: 800;
}

.custom-sidebar .modern-categories a {
	color: #2A3A5C;
	transition: color .2s ease, background .2s ease;
}

.custom-sidebar .modern-categories a:hover {
	color: #1360B2;
	background: rgba(19, 96, 178, .06);
	border-radius: 10px;
}

.custom-sidebar .sidebar-card a {
	color: #1360B2;
}

.custom-sidebar .newsletter-box button {
	background: linear-gradient(135deg, #1360B2, #157F9F);
	border-color: transparent;
	transition: box-shadow .2s ease, transform .2s ease;
}

.custom-sidebar .newsletter-box button:hover {
	box-shadow: 0 8px 20px rgba(19, 96, 178, .3);
	transform: translateY(-2px);
}

/* ================= PAGINATION ================= */
.pfy-pagination .page-numbers {
	border-radius: 10px;
	border-color: #E3EAF3;
	color: #051A44;
	transition: all .2s ease;
}

.pfy-pagination .page-numbers:hover {
	border-color: #1360B2;
	color: #1360B2;
}

.pfy-pagination .page-numbers.current {
	background: linear-gradient(135deg, #1360B2, #157F9F);
	border-color: transparent;
	color: #fff;
}

/* ================= ABOUT + FAQ BOTTOM ================= */
.category-bottom-section {
	background: #F5F9FD;
	border-radius: 20px;
	padding: 28px;
}

.category-content h2,
.category-faq h3 {
	color: #051A44;
	font-weight: 800;
}

.faq-item {
	border: 1px solid #E3EAF3;
	border-radius: 12px;
	background: #fff;
	overflow: hidden;
}

.faq-question .faq-title {
	color: #051A44;
	font-weight: 600;
}

.faq-question .faq-icon {
	color: #1360B2;
}

.faq-item.active .faq-question,
.faq-question:hover {
	background: rgba(19, 96, 178, .06);
}