/*
Theme Name: Astra Child
Template: astra
Description: Child theme for drboaz.co.il - custom CSS and code live here, not in the parent theme.
Version: 1.0.0
Text Domain: astra-child
*/

/* Floating WhatsApp / phone buttons (Elementor fixed button widgets):
   Elementor sizes them by their content, which made them ellipses. Force a
   square box with a 50% radius so they are always circles. */
.elementor-widget-button.elementor-fixed .elementor-button {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 52px;
	height: 52px;
	padding: 0;
	border-radius: 50%;
}

.elementor-widget-button.elementor-fixed .elementor-button-content-wrapper {
	justify-content: center;
}

.elementor-widget-button.elementor-fixed .elementor-button-icon {
	margin: 0;
}

/* About page accordions (CV lists): year column + text column, so wrapped and
   continuation lines hang under the text, not under the year. The markup is
   generated by local-dev/patches/2026-10-08-about-updates.php. Width classes
   fit the longest year label in the tab: w1 = "2008", w2 = "2022-2024",
   w3 = "2010 - כיום". */
.cv-list {
	margin: 0 0 1.2em;
}

.cv-list.cv-w1 { --cv-y: 3.4em; }
.cv-list.cv-w2 { --cv-y: 5.6em; }
.cv-list.cv-w3 { --cv-y: 6.8em; }

.cv-row {
	display: flex;
	align-items: baseline;
	gap: .5em;
}

.cv-row .cv-y {
	flex: 0 0 var(--cv-y, 3.4em);
}

.cv-row .cv-t {
	flex: 1 1 auto;
	min-width: 0;
}

/* Year label alone on its line, text below it aligned to the text column */
.cv-row.cv-stack {
	flex-wrap: wrap;
}

.cv-row.cv-stack .cv-y {
	flex-basis: 100%;
}

.cv-row.cv-stack .cv-t {
	margin-inline-start: calc(var(--cv-y, 3.4em) + .5em);
}

/* Post sub-headings (Elementor heading widget in the "tips" posts): centered,
   always on one line. Font sizes per breakpoint are set in the widget
   (px on desktop/tablet, vw on mobile) from the measured text width, so
   nowrap never overflows. See local-dev/patches/2026-10-09-posts-fixes.php. */
.post-title-one-line .elementor-heading-title {
	white-space: nowrap;
	text-align: center;
}

/* Home page: no page-title heading ("ראשי"). The site name H1 is the Elementor
   heading in the hero. Also set in Additional CSS; repeated here so it cannot
   disappear with the Customizer settings. */
.home .entry-header,
.home .entry-title,
.home h1.page-title {
	display: none !important;
}

/* Legal pages (privacy policy, terms): readable column and sane heading sizes.
   Markup: a Gutenberg Group block with the class "legal-page". */
.legal-page {
	max-width: 52rem;
	margin-inline: auto;
	padding-inline: 1rem;
	font-size: 1.0625rem;
	line-height: 1.85;
}

.legal-page h2 {
	margin: 2em 0 .6em;
	font-size: clamp(1.3rem, 1.1rem + .9vw, 1.65rem);
	line-height: 1.35;
}

.legal-page p,
.legal-page ul {
	margin: 0 0 1em;
}

.legal-page ul {
	padding-inline-start: 1.4em;
}

.legal-page li {
	margin-bottom: .4em;
}