/* Single post (single.php) – Figma 13:2120 / 13:3735 */

/* Header (13:2160): 44px top, 32px bottom, 18px gaps */
.be_post-header { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; padding-top: 44px; padding-bottom: 32px; }
.be_post-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.be_post-title { max-width: 900px; font: var(--be-h1); letter-spacing: -1px; }
.be_post-dek { max-width: 820px; color: var(--be-muted); font: var(--be-body-lg); }

.be_post-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	padding-top: 20px;
	border-top: 1px solid var(--be-line);
}

.be_post-info { display: flex; flex-wrap: wrap; align-items: center; gap: 28px; color: var(--be-muted); font: var(--be-caption); }
.be_post-author { display: flex; align-items: center; gap: 10px; }
.be_post-author-icon { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 9px; background: var(--be-navy); color: var(--be-teal); }
.be_post-author-name { display: flex; flex-direction: column; gap: 2px; }
.be_post-author-name strong { color: var(--be-navy); font: 600 13px/1.2 var(--be-font); }
.be_post-author-name span { color: var(--be-subtle); }
.be_post-read { display: inline-flex; align-items: center; gap: 6px; }
.be_post-updated { padding: 5px 10px; border-radius: 5px; background: var(--be-teal-tint); color: var(--be-teal-dark); }

@media (max-width: 700px) {
	.be_post-header { gap: 14px; padding-top: 24px; padding-bottom: 24px; }
	.be_post-meta { flex-direction: column; align-items: flex-start; }
	.be_post-info { gap: 12px 18px; }
}

/* Layout (13:2208): 800px main + 340px sidebar, 64px gap (1200 total) */
.be_post-layout { display: grid; grid-template-columns: minmax(0, 800fr) 340px; gap: 64px; align-items: start; padding-bottom: 64px; }
.be_post-main { display: flex; flex-direction: column; gap: 32px; min-width: 0; }
.be_post-side-inner { position: sticky; top: calc(var(--be-header-h) + 20px); display: flex; flex-direction: column; gap: 20px; }

@media (max-width: 1100px) {
	.be_post-layout { grid-template-columns: minmax(0, 1fr); gap: 40px; }
	.be_post-side-inner { position: static; }
}

/* Hero chart (800x430) + caption */
.be_post-hero { display: flex; flex-direction: column; gap: 10px; }
.be_post-hero img { width: 100%; aspect-ratio: 800 / 430; object-fit: cover; border-radius: var(--be-radius-lg); background: var(--be-navy-deep); }
.be_post-hero figcaption, .be_post-content figcaption { color: var(--be-subtle); font: var(--be-caption); }

/* Με μια ματιά (pale box, teal bullets) */
.be_glance { display: flex; flex-direction: column; gap: 14px; padding: 22px 24px; border-radius: var(--be-radius-lg); background: var(--be-pale); }
.be_glance ul { display: flex; flex-direction: column; gap: 10px; }
.be_glance li { position: relative; padding-left: 18px; color: var(--be-ink); font: var(--be-body); }
.be_glance li::before { content: ""; position: absolute; left: 0; top: 0.6em; width: 7px; height: 7px; border-radius: 50%; background: var(--be-teal); }

/* Content (Gutenberg blocks: paragraphs 17/1.75, h2 26, images, quote with teal bar) */
.be_post-content { display: flex; flex-direction: column; gap: 22px; color: var(--be-ink); font: 400 17px/1.75 var(--be-font); }
.be_post-content > * { margin: 0; }
.be_post-content h2 { margin-top: 14px; font: var(--be-h2); letter-spacing: -0.4px; scroll-margin-top: calc(var(--be-header-h) + 24px); }
.be_post-content h3 { margin-top: 6px; font: 600 20px/1.35 var(--be-font); }
.be_post-content ul, .be_post-content ol { display: flex; flex-direction: column; gap: 8px; padding-left: 22px; }
.be_post-content ul { list-style: disc; }
.be_post-content ol { list-style: decimal; }
.be_post-content li::marker { color: var(--be-teal); }
.be_post-content a { color: var(--be-teal); }
.be_post-content strong { font-weight: 700; }
.be_post-content figure { display: flex; flex-direction: column; gap: 10px; }
.be_post-content figure img, .be_post-content > img { width: 100%; border-radius: var(--be-radius-lg); }
.be_post-content .wp-block-image img { background: var(--be-navy-deep); }
.be_post-content blockquote, .be_post-content .wp-block-quote {
	padding: 4px 0 4px 20px;
	border-left: 3px solid var(--be-teal);
	color: var(--be-navy);
	font: 700 20px/1.4 var(--be-font);
}
.be_post-content blockquote p { margin: 0; }
.be_post-content blockquote cite { display: block; margin-top: 8px; color: var(--be-muted); font: var(--be-body-sm); font-style: normal; }
.be_post-content table { width: 100%; border-collapse: collapse; font: var(--be-body-sm); }
.be_post-content th, .be_post-content td { padding: 10px 12px; border-top: 1px solid var(--be-line); text-align: left; }
.be_post-content th { color: var(--be-navy); font-weight: 600; background: var(--be-pale); }
.be_post-content .wp-block-embed, .be_post-content iframe { max-width: 100%; border-radius: var(--be-radius-lg); }
.be_post-content .wp-block-embed iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; }
.be_post-content hr { height: 1px; border: 0; background: var(--be-line); }
.be_post-content .wp-block-separator { height: 1px; border: 0; background: var(--be-line); }
.be_post-content code { padding: 2px 6px; border-radius: 4px; background: var(--be-pale); font-size: 0.9em; }

@media (max-width: 700px) {
	.be_post-content { gap: 18px; font-size: 16px; }
	.be_glance { padding: 18px; }
}

/* Σενάρια (13:2208 cards: green/red dot, title, text, levels line) */
.be_scenarios { display: flex; flex-direction: column; gap: 18px; }
.be_scenarios-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.be_scenario { display: flex; flex-direction: column; gap: 8px; padding: 18px 20px; border: 1px solid var(--be-navy); border-radius: var(--be-radius-lg); }
.be_scenario h3 { position: relative; padding-left: 18px; font: 600 15px/1.4 var(--be-font); }
.be_scenario h3::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 8px; height: 8px; border-radius: 50%; background: var(--be-up); }
.be_scenario.is-alt h3::before { background: var(--be-down); }
.be_scenario p { color: var(--be-muted); font: var(--be-body-sm); }
.be_scenario-levels { color: var(--be-teal) !important; font-weight: 600 !important; }
.be_scenario.is-alt .be_scenario-levels { color: var(--be-down) !important; }

@media (max-width: 700px) {
	.be_scenarios-grid { grid-template-columns: minmax(0, 1fr); }
}

/* TradingView click-to-load (Embed/TradingView 9:2928: 800x464 dark card) */
.be_post-tv { display: flex; flex-direction: column; gap: 18px; }
.be_tv { display: flex; flex-direction: column; gap: 10px; }
.be_tv-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	aspect-ratio: 800 / 464;
	padding: 24px;
	border-radius: var(--be-radius-lg);
	background: var(--be-navy-deep) url("../../img/chart-placeholder.svg") center / cover no-repeat;
	color: var(--be-white);
	text-align: center;
}
.be_tv-symbol { font: var(--be-data-ticker); letter-spacing: 0.4px; color: var(--be-teal-light); }
.be_tv-note { max-width: 420px; color: var(--be-on-dark-muted); font: var(--be-caption); }
.be_tv-frame { width: 100%; aspect-ratio: 800 / 464; border: 0; border-radius: var(--be-radius-lg); background: var(--be-navy-deep); }
.be_tv-caption { color: var(--be-subtle); font: var(--be-caption); }

/* Tags row */
.be_post-taglist { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--be-muted); font: var(--be-body-sm); }
.be_post-taglist span { margin-right: 4px; }

/* Sidebar: Τεχνικά επίπεδα (Levels Card 9:3423) */
.be_levels { padding: 18px 20px 14px; border: 1px solid var(--be-line); border-radius: var(--be-radius-lg); background: var(--be-white); }
.be_levels-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 10px; }
.be_levels-head h2 { font: var(--be-h-card-lg); letter-spacing: -0.1px; }
.be_levels li { display: flex; align-items: center; gap: 10px; padding: 11px 0; border-top: 1px solid var(--be-line); font: var(--be-body-sm); }
.be_levels li::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--be-up); }
.be_levels li.is-current::before { background: var(--be-navy); }
.be_levels li.is-support::before { background: var(--be-teal); }
.be_levels li.is-resistance::before { background: #e3a83a; }
.be_levels li.is-invalidation::before { background: var(--be-down); }
.be_levels li span { flex: 1 1 auto; }
.be_levels li strong { color: var(--be-navy); font: var(--be-data-ticker); letter-spacing: 0.4px; }
.be_levels-note { padding-top: 10px; color: var(--be-muted); font: var(--be-caption); }

/* Sidebar: Σε αυτό το άρθρο */
.be_toc { display: flex; flex-direction: column; gap: 14px; padding: 18px 20px; border: 1px solid var(--be-line); border-radius: var(--be-radius-lg); background: var(--be-white); }
.be_toc ol { display: flex; flex-direction: column; }
.be_toc a { display: block; padding: 8px 0 8px 14px; border-left: 2px solid var(--be-line); color: var(--be-muted); font: var(--be-body-sm); text-decoration: none; transition: color 0.15s ease, border-color 0.15s ease; }
.be_toc a:hover, .be_toc a.is-current { border-color: var(--be-teal); color: var(--be-teal-dark); font-weight: 600; }

/* Sidebar: newsletter card (navy) */
.be_nlcard { display: flex; flex-direction: column; gap: 8px; padding: 22px 20px; border-radius: var(--be-radius-lg); background: var(--be-navy); color: var(--be-white); }
.be_nlcard > .be_icon { color: var(--be-teal-light); margin-bottom: 6px; }
.be_nlcard-title { color: var(--be-white); font: var(--be-h-card-lg); letter-spacing: -0.1px; }
.be_nlcard-text { color: var(--be-on-dark-muted); font: var(--be-caption); margin-bottom: 8px; }
.be_nlcard .be_signup { max-width: none; }
.be_nlcard .be_signup .be_btn { padding: 12px 16px; }
.be_nlcard .be_signup .wpcf7-response-output { color: var(--be-on-dark-muted); }

/* Σχετικές αναλύσεις (pale band) */
.be_related .be_section-head { margin-bottom: 24px; }