/* Article components (inc/c-article.php, inc/c-guide.php). Sizes in rem/em so the text-size control scales them. */

/* ---------- Back link ---------- */
.cr-back { display: inline-flex; align-items: center; gap: .4em; min-height: 2.75rem; font-size: 1rem; font-weight: 700; color: var(--c-cyan-text); text-decoration: underline; text-underline-offset: 3px; }
.cr-back:hover, .cr-back:focus-visible { color: var(--c-navy); }
.cr-back--dark { color: var(--c-cyan-on-dark); }
.cr-back--dark:hover, .cr-back--dark:focus-visible { color: #fff; }

/* ---------- Source badge ---------- */
.cr-source { align-self: flex-start; display: inline-flex; align-items: center; gap: .35em; padding: .25em .85em; border-radius: 999px; border: 1.5px solid var(--c-navy); font-size: .875rem; font-weight: 700; color: var(--c-navy); background: #fff; }
.cr-source__k { font-weight: 500; color: var(--c-text-muted); }
.cr-source--dark { border-color: rgba(255, 255, 255, .6); color: #fff; background: transparent; }
.cr-source--dark .cr-source__k { color: rgba(255, 255, 255, .8); }

/* ---------- Trust line ---------- */
.cr-trust { display: flex; align-items: center; gap: .75rem; font-size: .9375rem; line-height: 1.5; color: var(--c-text-muted); }
.cr-trust__text { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: .6em; row-gap: .15em; }
.cr-trust__author { font-weight: 700; color: var(--c-navy); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.cr-trust__author:hover, .cr-trust__author:focus-visible { color: var(--c-cyan-text); }
.cr-trust__dates { display: inline-flex; flex-wrap: wrap; column-gap: .5em; }
.cr-trust__dates time { font-variant-numeric: tabular-nums; }
.cr-trust .cr-byline__avatar { width: 2.75rem; height: 2.75rem; }
.cr-trust .cr-byline__avatar img { width: 4.1rem; height: auto; left: -.7rem; }
.cr-print-only { display: none; }

/* ---------- בקצרה ---------- */
.cr-short { background: var(--c-yellow-surface); border-radius: 1.25rem; padding: clamp(1.25rem, 2.6vw, 1.75rem) clamp(1.25rem, 3vw, 2rem); border-inline-start: 6px solid var(--c-yellow); color: var(--c-navy); }
.cr-short__label { margin: 0 0 .5rem; font-size: .875rem; font-weight: 800; letter-spacing: .04em; color: var(--c-navy); }
.cr-short__text { margin: 0; font-size: clamp(1.125rem, 1.6vw, 1.25rem); font-weight: 600; line-height: 1.65; }

/* ---------- Listen ---------- */
.cr-listen { display: inline-flex; align-items: center; gap: .6em; min-height: 2.75rem; padding: .55em 1.2em .55em 1.4em; border-radius: 999px; border: 1.5px solid var(--c-navy); background: #fff; color: var(--c-navy); font: inherit; font-size: 1rem; font-weight: 700; cursor: pointer; }
.cr-listen[hidden] { display: none; }
.cr-listen:hover, .cr-listen:focus-visible { background: var(--c-navy); color: #fff; }
.cr-listen__icon { position: relative; flex-shrink: 0; width: 1.6em; height: 1.6em; border-radius: 50%; background: var(--c-cyan-deep); }
.cr-listen__icon::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-35%, -50%); border-style: solid; border-width: .38em 0 .38em .62em; border-color: transparent transparent transparent #fff; }
.cr-listen.is-playing .cr-listen__icon::after { width: .5em; height: .62em; border-width: 0 .17em; border-color: #fff; transform: translate(-50%, -50%); }
.cr-listen[aria-pressed="true"] { background: var(--c-navy); color: #fff; }
.elementor-widget-shortcode:has(.cr-listen) { width: auto; }
.elementor-widget-shortcode:has(.cr-listen[hidden]) { display: none; }

/* ---------- מתי לפנות לרופא ---------- */
.cr-care { display: flex; flex-direction: column; gap: .75rem; padding: clamp(1.25rem, 2.6vw, 1.75rem) clamp(1.25rem, 3vw, 2rem); border-radius: 1.25rem; background: #fff; border: 2px solid var(--c-magenta); color: var(--c-navy); }
.cr-care__title { display: flex; align-items: center; gap: .6rem; margin: 0; font-size: clamp(1.25rem, 2vw, 1.5rem); font-weight: 800; line-height: 1.3; color: var(--c-navy); }
.cr-care__icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 1.6em; height: 1.6em; border-radius: 50%; background: var(--c-magenta); color: #fff; font-size: .85em; font-weight: 800; }
.cr-care__text { margin: 0; font-size: 1.0625rem; line-height: 1.7; }
.cr-care__text a { color: var(--c-navy); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.cr-care__link { align-self: flex-start; display: inline-flex; align-items: center; gap: .4em; min-height: 2.75rem; font-weight: 800; color: var(--c-cyan-text); text-decoration: underline; text-underline-offset: 3px; }
.cr-care__link:hover, .cr-care__link:focus-visible { color: var(--c-navy); }

/* ---------- Share additions ---------- */
.cr-share__btn { font-size: .9375rem; }

/* ---------- Format cards (related, התחילו כאן) ---------- */
.cr-related-wrap { display: flex; flex-direction: column; gap: 1.5rem; }
.cr-related__title { margin: 0; font-size: clamp(1.5rem, 2.6vw, 2rem); font-weight: 800; color: var(--c-navy); }
.cr-fcard .cr-qa-card__img { position: relative; display: flex; align-items: center; justify-content: center; }
.cr-fcard .cr-qa-card__img img { position: absolute; inset: 0; }
.cr-fcard__meta { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 0 .1em; font-size: .875rem; color: var(--c-text-muted); }
.cr-fcard__format { font-weight: 800; color: var(--c-navy); }
.cr-fcard h3.cr-qa-card__title { margin: 0; }

/* ---------- Topic guide sections ---------- */
.cr-guide-sec { display: flex; flex-direction: column; gap: 1.5rem; }
.cr-guide-sec .cr-guide-h2 { margin-bottom: 0; }
.cr-guide-sec:has(.cr-guide-start) { margin-bottom: clamp(2.5rem, 5vw, 4rem); }
.cr-guide-rows .cr-qa-row__title { font-size: 1.1875rem; }
.cr-guide-more { align-self: flex-start; display: inline-flex; align-items: center; gap: .4em; min-height: 2.75rem; font-weight: 800; color: var(--c-cyan-text); text-decoration: underline; text-underline-offset: 3px; }
.cr-guide-more:hover, .cr-guide-more:focus-visible { color: var(--c-navy); }
.cr-conditions { display: flex; flex-wrap: wrap; gap: .6rem; margin: 0; padding: 0; list-style: none; }
.cr-condition { display: inline-flex; align-items: center; gap: .3em; min-height: 2.75rem; padding: .4em 1.05em; border-radius: 999px; background: #fff; border: 1.5px solid var(--c-border); font-size: 1rem; font-weight: 600; color: var(--c-navy); }
.cr-condition:hover, .cr-condition:focus-visible { border-color: var(--c-navy); color: var(--c-navy); background: var(--c-cyan-tint); }
.cr-condition__n { font-weight: 500; color: var(--c-text-muted); font-size: .875em; }

/* ---------- Real YouTube embed (watch pages) ---------- */
.cr-yt--embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

@media (prefers-reduced-motion: reduce) {
	.cr-fcard .cr-qa-card__img img { transition: none; }
	.cr-fcard:hover .cr-qa-card__img img { transform: none; }
}

/* ---------- Print (single posts) ---------- */
@media print {
	body.single-post { background: #fff !important; color: #000; font-size: 12pt; }
	body.single-post [data-elementor-type="header"], body.single-post [data-elementor-type="footer"],
	body.single-post .elementor-location-header, body.single-post .elementor-location-footer,
	body.single-post .elementor-element-62fbc088, body.single-post .elementor-element-99824a1,
	body.single-post .elementor-element-4cfb537f, body.single-post .elementor-element-7882d0a6,
	body.single-post .cr-share, body.single-post .cr-listen, body.single-post .cr-related-wrap, body.single-post .cr-related,
	body.single-post .cr-side-list, body.single-post .cr-crumbs, body.single-post .cr-back, body.single-post .cr-short,
	body.single-post .cr-post-media, body.single-post .cr-player-panel, body.single-post .cr-topic-tag,
	body.single-post .cr-byline__avatar, body.single-post .skip-link, body.single-post .cr-skip,
	body.single-post .cr-cookie, body.single-post [class*="cr-a11y"], body.single-post .e-button-base, body.single-post a.e-button,
	body.single-post .elementor-widget-shortcode:has(.cr-share), body.single-post .cr-care__link { display: none !important; }
	body.single-post .elementor-widget-shortcode:has(.cr-short, .cr-listen, .cr-post-media, .cr-back, .cr-crumbs, .cr-topic-tag, .cr-share, .cr-related-wrap, .cr-related) { display: none !important; }
	body.single-post a[href]::after { content: none !important; }
	body.single-post .cr-print-only { display: block; margin: .5em 0 0; font-size: 10pt; color: #333; direction: ltr; text-align: right; }
	body.single-post .cr-question { background: none; border: 1px solid #999; padding: 12pt; }
	body.single-post .cr-care { border: 1px solid #999; }
	body.single-post .cr-prose, body.single-post .cr-question__text { font-size: 12pt; line-height: 1.55; color: #000; }
	body.single-post .cr-prose a { color: #000; }
	body.single-post .elementor-element { box-shadow: none !important; }
	body.single-post h1, body.single-post h2 { break-after: avoid; }
	body.single-post p { orphans: 3; widows: 3; }
}