/* Banana Pixels: عناصر هندسة الروابط الداخلية v1 */

/* الفوتر: خمسة أعمدة على الشاشات الواسعة */
@media (min-width: 1025px) {
	.bp-footer-g { grid-template-columns: 1.3fr 1fr 1.1fr 1fr 1.1fr; }
}
@media (max-width: 520px) {
	.bp-footer-subs ul { columns: 2; column-gap: 1rem; }
}

/* دعوة الطلب في وصف المنتج */
.bp-order-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 1.75rem 0 .5rem; font-weight: 800; }
.bp-order-cta span { color: var(--bp-tx2, #3D3826); font-weight: 700; font-size: 14px; }

/* بطاقات المقالات (مقالات تساعدك + من المدونة) */
.bp-help { margin: 2.5rem 0 1rem; }
.bp-help-t { font-size: clamp(19px, 2.6vw, 24px); font-weight: 900; margin: 0 0 1rem; }
.bp-help-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; }
.bp-help-card {
	background: #fff;
	padding: 1.1rem 1.2rem;
	margin: 4px;
	box-shadow: 0 -4px 0 0 var(--bp-ink, #0B0B0B), 0 4px 0 0 var(--bp-ink, #0B0B0B), -4px 0 0 0 var(--bp-ink, #0B0B0B), 4px 0 0 0 var(--bp-ink, #0B0B0B);
}
.bp-help-card h3 { font-size: 16px; line-height: 1.5; margin: 0 0 .4rem; font-weight: 900; }
.bp-help-card h3 a { color: var(--bp-ink, #0B0B0B); text-decoration: none; }
.bp-help-card h3 a:hover, .bp-help-card h3 a:focus { text-decoration: underline; text-underline-offset: 3px; }
.bp-help-card p { margin: 0; font-size: 14px; color: var(--bp-tx2, #3D3826); line-height: 1.8; }

/* صندوق المنتج في نهاية المقال */
.bp-pp {
	display: flex; gap: 1rem; align-items: center;
	background: var(--bp-peel, #FFF4CC);
	padding: 1rem;
	margin: 2rem 4px 1rem;
	box-shadow: 0 -4px 0 0 var(--bp-ink, #0B0B0B), 0 4px 0 0 var(--bp-ink, #0B0B0B), -4px 0 0 0 var(--bp-ink, #0B0B0B), 4px 0 0 0 var(--bp-ink, #0B0B0B);
}
.bp-pp-img { width: 96px; height: 96px; flex: 0 0 96px; object-fit: cover; display: block; margin: 0; }
.bp-pp-body { min-width: 0; }
.bp-pp-lab { display: inline-block; font-size: 12px; font-weight: 800; color: var(--bp-tx2, #3D3826); margin-bottom: .2rem; }
.bp-pp-t { font-size: 18px; font-weight: 900; margin: 0 0 .2rem; line-height: 1.4; }
.bp-pp-t a { color: var(--bp-ink, #0B0B0B); text-decoration: none; }
.bp-pp-price { margin: 0 0 .7rem; font-weight: 800; font-size: 14px; }
.bp-pp-cta { display: flex; flex-wrap: wrap; gap: 10px; }
@media (max-width: 520px) {
	.bp-pp { flex-direction: column; align-items: flex-start; }
}

/* الركائز والصفحات الداعمة (المرحلة 2) */
.bp-hub { margin: 2.5rem 0 1rem; max-width: 880px; }
.bp-hub h2 { font-size: clamp(20px, 2.8vw, 26px); font-weight: 900; margin: 2.2rem 0 .75rem; line-height: 1.4; }
.bp-hub h3 { font-size: 18px; font-weight: 900; margin: 1.4rem 0 .45rem; line-height: 1.5; }
.bp-hub p, .bp-hub li { font-size: 15.5px; line-height: 1.95; }
.bp-hub ul, .bp-hub ol { padding-inline-start: 1.3rem; margin: 0 0 1rem; }
.bp-hub a, .bp-rich a { color: var(--bp-ink, #0B0B0B); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 2px; text-decoration-color: var(--bp-banana, #F5D74E); }
.bp-plans-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 1rem 4px 1.5rem; }
.bp-plans, .bp-cmp { width: 100%; border-collapse: collapse; background: #fff; font-size: 14.5px; box-shadow: 0 -3px 0 0 var(--bp-ink, #0B0B0B), 0 3px 0 0 var(--bp-ink, #0B0B0B), -3px 0 0 0 var(--bp-ink, #0B0B0B), 3px 0 0 0 var(--bp-ink, #0B0B0B); }
.bp-plans { min-width: 520px; }
.bp-cmp { min-width: 640px; }
.bp-plans th, .bp-plans td, .bp-cmp th, .bp-cmp td { padding: 10px 12px; border-bottom: 1px solid var(--bp-line, #E0DBC4); text-align: right; vertical-align: top; }
.bp-plans th, .bp-plans td { white-space: nowrap; }
.bp-plans thead th, .bp-cmp thead th { background: var(--bp-ink, #0B0B0B); color: var(--bp-banana, #F5D74E); font-weight: 900; }
.bp-plans tbody th a, .bp-cmp tbody th a { color: var(--bp-ink, #0B0B0B); font-weight: 900; text-decoration: none; }
.bp-plans tbody tr:nth-child(even), .bp-cmp tbody tr:nth-child(even) { background: var(--bp-paper, #FFFDF5); }
.bp-plans .na { color: #6E6853; font-weight: 700; font-size: 12.5px; }
.bp-plans-note { font-size: 12.5px; color: var(--bp-tx2, #3D3826); margin: .5rem 0 0; }
.bp-links { display: flex; flex-wrap: wrap; gap: 8px; margin: .5rem 0 1.5rem; padding: 0; list-style: none; }
.bp-links a { display: inline-block; padding: 8px 14px; background: #fff; border: 2px solid var(--bp-ink, #0B0B0B); color: var(--bp-ink, #0B0B0B); font-weight: 800; font-size: 14px; text-decoration: none; }
.bp-links a:hover, .bp-links a:focus { background: var(--bp-banana, #F5D74E); }

/* المرحلة 3 (أكتوبر 2026): العناقيد ومسار التنقل ومواضيع المدونة */
.bp-cl {
	margin: 2rem 4px 1rem;
	padding: 1.1rem 1.25rem;
	background: #fff;
	box-shadow: 0 -4px 0 0 var(--bp-ink, #0B0B0B), 0 4px 0 0 var(--bp-ink, #0B0B0B), -4px 0 0 0 var(--bp-ink, #0B0B0B), 4px 0 0 0 var(--bp-ink, #0B0B0B);
}
.bp-cl-t { font-weight: 900; font-size: 17px; margin: 0 0 .7rem; }
.bp-cl-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.bp-cl-list li { position: relative; padding-inline-start: 1.1rem; line-height: 1.75; }
.bp-cl-list li::before { content: '▸'; position: absolute; inset-inline-start: 0; top: 0; color: var(--bp-ink, #0B0B0B); }
.bp-cl-list a { color: var(--bp-ink, #0B0B0B); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 2px; text-decoration-color: var(--bp-banana, #F5D74E); }
.bp-cl-list a:hover, .bp-cl-list a:focus { text-decoration-color: var(--bp-ink, #0B0B0B); }
.bp-cl-tag { display: inline-block; margin-inline-start: 8px; font-size: 11.5px; font-weight: 800; background: var(--bp-banana, #F5D74E); padding: 1px 8px; vertical-align: middle; }
.bp-cl-all { display: inline-block; margin-top: .85rem; font-weight: 900; color: var(--bp-ink, #0B0B0B); }

.bp-bc { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0 0 .65rem; font-size: 13px; }
.bp-bc a { color: var(--bp-tx2, #3D3826); font-weight: 700; text-decoration: none; }
.bp-bc a:hover, .bp-bc a:focus { text-decoration: underline; text-underline-offset: 3px; }
.bp-bc-sep { color: var(--bp-tx2, #3D3826); opacity: .6; }

.bp-topics { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 1.25rem; }
.bp-topics-l { font-weight: 900; font-size: 14px; margin-inline-end: 4px; }
.bp-tp { display: inline-block; padding: 7px 13px; background: #fff; border: 2px solid var(--bp-ink, #0B0B0B); color: var(--bp-ink, #0B0B0B); font-weight: 800; font-size: 14px; text-decoration: none; }
.bp-tp b { color: #6E6853; font-weight: 800; margin-inline-start: 2px; }
.bp-tp:hover, .bp-tp:focus { background: var(--bp-banana, #F5D74E); }
.bp-start {
	margin: 0 4px 2rem;
	padding: 1rem 1.25rem;
	background: var(--bp-peel, #FFF4CC);
	box-shadow: 0 -4px 0 0 var(--bp-ink, #0B0B0B), 0 4px 0 0 var(--bp-ink, #0B0B0B), -4px 0 0 0 var(--bp-ink, #0B0B0B), 4px 0 0 0 var(--bp-ink, #0B0B0B);
}
.bp-start-t { font-size: 18px; font-weight: 900; margin: 0 0 .55rem; }
.bp-start ul { margin: 0; padding-inline-start: 1.2rem; display: grid; gap: .35rem; }
.bp-start a { color: var(--bp-ink, #0B0B0B); font-weight: 800; }

.bp-help-more { margin: .9rem 4px 0; font-weight: 900; }
.bp-help-more a { color: var(--bp-ink, #0B0B0B); }
.bp-pp-oos { display: inline-block; padding: 7px 12px; font-weight: 800; font-size: 13px; background: #EFEBDD; color: #4A4535; }

@media (min-width: 1025px) {
	.bp-footer-g { grid-template-columns: 1.25fr 1fr 1.1fr 1.15fr 1fr 1fr; }
}

/* كتلتا أسئلة متتاليتان (الثانية schema=no) تظهران كقائمة واحدة */
.bp-qa + .bp-qa { margin-top: -1rem; }