/*
 * Astro Pro UI v2 — shared WIDGETS (all pages with the shell, guests and members):
 * left-column widgets (planets now / moon, free registration, free chart card), the phone
 * "planets now" popup (#astro-mobile-planets-popup, moved to <body> by js/mobile.js) and
 * sidebar menu icons the shell does not map yet.
 *
 * Loaded with the shell (astropro_ui_shell_v2_enabled(), inc/astropro-theme-assets.php), after
 * css/astropro-ui-shell.css. Rules are scoped to body.astro-ui-shell; ?ui=classic turns everything off.
 * Colours: theme tokens (style.css) — accent #b4437b, link blue #359bdc / #217eba, card border #dcdce8,
 * text #222 / #555 / #666, soft fills #f7fbfe / #fdf5f9.
 */

/* ---------- left column widgets: v2 cards ---------- */
body.astro-ui-shell #content .planetsbox,
body.astro-ui-shell #content .astro-sidebar-reg {
	background: #fff;
	border: 1px solid #dcdce8;
	border-radius: 16px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.05);
}
body.astro-ui-shell #content .astro-sidebar-reg div[class^="box2_"] {
	background: none;
}
body.astro-ui-shell #content .col1.urf .astropro-free-chart-card {
	border-radius: 16px;
}

/* widget titles + CTA pills: dark titles; the pills were 20px high and clipped two-line text */
body.astro-ui-shell #content .planetsbox li.top,
body.astro-ui-shell #content .planetsbox .planetboxmoon .top {
	color: #222;
}
body.astro-ui-shell #content .planetsbox .astro-planets-link-pill {
	height: auto;
	min-height: 28px;
	padding: 6px 14px;
	line-height: 1.25;
	white-space: nowrap;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
}
body.astro-ui-shell #content .planetsbox .planetboxmoon .astro-planets-link-pill {
	max-width: 100%;
	white-space: normal;
	text-align: center;
}

/* ---------- phone "planets now" popup ---------- */
/* style.css gives the <p> rows a fixed 10px height: the title, the CTA pill and the moon text spilled
   out of them (the pill sat on the moon divider). */
body.astro-ui-shell #astro-mobile-planets-popup .astro-mobile-planets-popup__shell {
	background: #fff;
	border: 1px solid #dcdce8;
	border-radius: 16px;
	box-shadow: 0 12px 40px rgba(15, 23, 42, 0.18);
	padding: 16px 16px 18px;
	box-sizing: border-box;
}
body.astro-ui-shell #astro-mobile-planets-popup p,
body.astro-ui-shell #astro-mobile-planets-popup .top {
	height: auto;
}
body.astro-ui-shell #astro-mobile-planets-popup .astro-mobile-planets-popup__lead {
	color: #222;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 10px;
	padding: 4px 0 0 44px; /* room for the close button (left in RTL) */
}
body.astro-ui-shell #astro-mobile-planets-popup .astro-mobile-planets-popup__close {
	top: 12px;
	left: 12px;
	right: auto;
	width: 34px;
	height: 34px;
	background: #fff;
	border: 1px solid #dcdce8;
	border-radius: 10px;
	box-shadow: none;
	color: #555;
}
body.astro-ui-shell #astro-mobile-planets-popup .astro-mobile-planets-popup__grid {
	border-collapse: collapse;
	width: 100%;
}
body.astro-ui-shell #astro-mobile-planets-popup .astro-mobile-planets-popup__grid td {
	border-bottom: 1px solid #eef0f5;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #222;
}
body.astro-ui-shell #astro-mobile-planets-popup .astro-mobile-planets-popup__grid tr:last-child td {
	border-bottom: 0;
}
body.astro-ui-shell #astro-mobile-planets-popup .astro-mobile-planets-popup__cta {
	margin: 12px 0 14px;
	text-align: center;
}
body.astro-ui-shell #astro-mobile-planets-popup .planetboxmoon {
	border-top: 1px solid #dcdce8;
	margin-top: 0;
	padding-top: 12px;
}
body.astro-ui-shell #astro-mobile-planets-popup .astro-mobile-planets-popup__moon-title {
	color: #222;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 8px;
}
body.astro-ui-shell #astro-mobile-planets-popup .astro-mobile-planets-popup__moon-img img {
	border-radius: 12px;
}
body.astro-ui-shell #astro-mobile-planets-popup .astro-mobile-planets-popup__moon-copy p {
	color: #555;
	font-size: 14px;
	line-height: 1.5;
}
body.astro-ui-shell #astro-mobile-planets-popup a.astro-planets-link-pill {
	height: auto;
	min-height: 32px;
	padding: 7px 16px;
	line-height: 1.25;
	border-radius: 999px;
	box-sizing: border-box;
}

/* ---------- sidebar menu icons the shell does not map yet (guest כניסה / הרשמה חינם, "על אסטרולוגיה" categories) ---------- */
/* Lucide (ISC), same mask technique and stroke as css/astropro-ui-shell.css. Categories by menu order (WP menu "astrology"). */
body.astro-ui-shell .astro-sidebar-nav-test .list1n a[href$="/login"]::before,
body.astro-ui-shell .astro-sidebar-nav-test .list1n a[href*="/login?"]::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='m10 17 5-5-5-5'/><path d='M15 12H3'/><path d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='m10 17 5-5-5-5'/><path d='M15 12H3'/><path d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/></svg>");
}
body.astro-ui-shell .astro-sidebar-nav-test .list1n a[href*="user-reg"]::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/><circle cx='9' cy='7' r='4'/><line x1='19' x2='19' y1='8' y2='14'/><line x1='22' x2='16' y1='11' y2='11'/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/><circle cx='9' cy='7' r='4'/><line x1='19' x2='19' y1='8' y2='14'/><line x1='22' x2='16' y1='11' y2='11'/></svg>");
}
body.astro-ui-shell .astro-sidebar-nav-test .list1n #menu-astrology > li:nth-child(1) > a::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z'/><path d='M20 3v4'/><path d='M22 5h-4'/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z'/><path d='M20 3v4'/><path d='M22 5h-4'/></svg>");
}
body.astro-ui-shell .astro-sidebar-nav-test .list1n #menu-astrology > li:nth-child(2) > a::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M15 12h-5'/><path d='M15 8h-5'/><path d='M19 17V5a2 2 0 0 0-2-2H4'/><path d='M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v2a1 1 0 0 0 1 1h3'/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M15 12h-5'/><path d='M15 8h-5'/><path d='M19 17V5a2 2 0 0 0-2-2H4'/><path d='M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v2a1 1 0 0 0 1 1h3'/></svg>");
}
body.astro-ui-shell .astro-sidebar-nav-test .list1n #menu-astrology > li:nth-child(3) > a::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/></svg>");
}
body.astro-ui-shell .astro-sidebar-nav-test .list1n #menu-astrology > li:nth-child(4) > a::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M20.341 6.484A10 10 0 0 1 10.266 21.85'/><path d='M3.659 17.516A10 10 0 0 1 13.74 2.152'/><circle cx='12' cy='12' r='3'/><circle cx='19' cy='5' r='2'/><circle cx='5' cy='19' r='2'/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M20.341 6.484A10 10 0 0 1 10.266 21.85'/><path d='M3.659 17.516A10 10 0 0 1 13.74 2.152'/><circle cx='12' cy='12' r='3'/><circle cx='19' cy='5' r='2'/><circle cx='5' cy='19' r='2'/></svg>");
}
body.astro-ui-shell .astro-sidebar-nav-test .list1n #menu-astrology > li:nth-child(5) > a::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><circle cx='12' cy='12' r='1'/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><circle cx='12' cy='12' r='1'/></svg>");
}
body.astro-ui-shell .astro-sidebar-nav-test .list1n #menu-astrology > li:nth-child(6) > a::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/><circle cx='9' cy='7' r='4'/><path d='M22 21v-2a4 4 0 0 0-3-3.87'/><path d='M16 3.13a4 4 0 0 1 0 7.75'/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/><circle cx='9' cy='7' r='4'/><path d='M22 21v-2a4 4 0 0 0-3-3.87'/><path d='M16 3.13a4 4 0 0 1 0 7.75'/></svg>");
}
/* home link ("אסטרולוגיה", first row) */
body.astro-ui-shell .astro-sidebar-nav-test > .list1n > li:first-child > a::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/><path d='M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/><path d='M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/></svg>");
}
body.astro-ui-shell #astro-mobile-planets-popup .astro-mobile-planets-popup__moon-img {
	border-color: #dcdce8;
	border-radius: 12px;
	overflow: hidden;
}
body.astro-ui-shell #astro-mobile-planets-popup .astro-mobile-planets-popup__moon-img img,
body.astro-ui-shell #content .planetsbox .planetboxmoon img {
	border-color: #dcdce8 !important;
}

/* ---------- phone header bar: menu and account in opposite corners ---------- */
/* shell: logo · upgrade · planets · account · ☰ all on the left, the ☰ and the avatar sat side by side.
   Now (RTL): ☰ + logo on the right, upgrade · planets · account on the left, the account in the corner. */
@media (max-width: 700px) {
	body.astro-ui-shell #header {
		grid-template-columns: auto auto minmax(0, 1fr) auto auto auto;
		grid-template-areas:
			"burger logo . sub planets user"
			"nav nav nav nav nav nav"
			"zodiac zodiac zodiac zodiac zodiac zodiac";
	}
	/* account dropdown opens from the left corner, inside the screen */
	body.astro-ui-shell .astro-v2-user__menu {
		left: 0;
		right: auto;
	}
}

/* ---------- open account menu above fixed panels ---------- */
/* /ai-chat: the chat panel is position:fixed, z-index 150; the header (z-index 50) and its dropdown went under it */
body.astro-ui-shell #header:has(.astro-v2-user[open]) {
	z-index: 1001;
}


/* ---------- chart upsell card (include_chart_pricable.php: /birth-chart, /transits-chart, /synastry-chart, free members) ---------- */
/* style.css: blue gradient block with white text. v2: white card — badge, dark title, lead, features with
   icons on the right; solid blue CTA on the left (desktop), stacked on phones. The question above the card
   repeats the card title, so it is hidden here. */
body.astro-ui-shell .astro-chart-pricable .astro-pricing-modern-page-title {
	display: none;
}
body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern {
	max-width: none;
	margin: 4px 0 14px !important;
}
body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .block.astro-pricing-modern-card {
	background: linear-gradient(180deg, #f7fbfe 0%, #fff 70%) !important;
	border: 1px solid #dcdce8 !important;
	border-radius: 16px !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.05) !important;
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .block.astro-pricing-modern-card:hover {
	border-color: #bbdaf7;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 28px rgba(33, 126, 186, 0.12) !important;
}
body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .astro-pricing-modern-card__link {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"badge cta"
		"title cta"
		"lead  cta"
		"feats cta";
	column-gap: 28px;
	align-items: start;
	padding: 22px 24px 20px !important;
	color: #222 !important;
	text-align: right;
}
body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .astro-pricing-modern-card__badge {
	grid-area: badge;
	justify-self: start;
	margin: 0 0 10px !important;
	padding: 4px 12px !important;
	border: 1px solid #bbdaf7 !important;
	background: #f0f7ff !important;
	color: #217eba !important;
	font-size: 12.5px !important;
}
body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .astro-pricing-modern-card__badge::after {
	content: " ∞";
	font-size: 15px !important;
	line-height: 1;
}
body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .block.astro-pricing-modern-card .title {
	grid-area: title;
	margin: 0 0 6px !important;
	color: #222 !important;
	font-size: 24px !important;
	font-weight: 700;
	text-align: right;
}
body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .block.astro-pricing-modern-card .pr-content {
	grid-area: lead;
}
body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .astro-pricing-modern-card__lead {
	margin: 0 0 14px !important;
	color: #555 !important;
	font-size: 15px !important;
	text-align: right;
}
/* features: the 3 short items with a blue star, one row */
body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .block.astro-pricing-modern-card .features {
	grid-area: feats;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
	margin: 0 !important;
	padding: 12px 0 0 !important;
	border: 0 !important;
	border-top: 1px solid #eef0f5 !important;
	border-radius: 0 !important;
	background: none !important;
	text-align: right;
}
body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .block.astro-pricing-modern-card .features li.astro-feature-desktop {
	display: none;
}
body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .block.astro-pricing-modern-card .features li.astro-feature-mobile {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0 !important;
	padding: 0 !important;
	color: #222 !important;
	font-size: 14px !important;
	font-weight: 600;
}
body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .block.astro-pricing-modern-card .features li .txt {
	color: #222 !important;
}
body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .block.astro-pricing-modern-card .features li [class^="fontawesome-"] {
	color: #359bdc !important;
	font-size: 14px !important;
}
/* CTA: solid blue button, left column, with a separator line */
body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .block.astro-pricing-modern-card .pt-footer {
	grid-area: cta;
	align-self: center;
	padding: 6px 28px 6px 0 !important;
	border-right: 1px solid #eef0f5 !important;
	background: none !important;
}
body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .block.astro-pricing-modern-card .pt-footer p {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 240px !important;
	padding: 13px 24px !important;
	border-radius: 12px !important;
	background: #217eba !important;
	color: #fff !important;
	box-shadow: 0 2px 8px rgba(33, 126, 186, 0.28) !important;
	font-size: 17px !important;
	font-weight: 700;
	white-space: nowrap;
}
body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .block.astro-pricing-modern-card .pt-footer p::after {
	content: "←";
	font-size: 18px !important;
	line-height: 1;
}
body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .block.astro-pricing-modern-card:hover .pt-footer p {
	background: #359bdc !important;
	color: #fff !important;
}
@media (max-width: 760px) {
	body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .astro-pricing-modern-card__link {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas: "badge" "title" "lead" "feats" "cta";
		padding: 18px 16px 16px !important;
	}
	body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .block.astro-pricing-modern-card .title {
		font-size: 21px !important;
	}
	body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .block.astro-pricing-modern-card .features {
		flex-direction: column;
		gap: 8px;
	}
	body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .block.astro-pricing-modern-card .pt-footer {
		padding: 16px 0 0 !important;
		border-right: 0 !important;
	}
	body.astro-ui-shell .astro-chart-pricable .pricing-table.astro-pricing-modern .block.astro-pricing-modern-card .pt-footer p {
		min-width: 0 !important;
		width: 100% !important;
		box-sizing: border-box;
	}
}

/* ---------- dismissible notes (× on $note_msg[200], inc/astropro-site-globals.php: chart without birth time) ---------- */
.astro-note--dismissible {
	position: relative;
	padding-left: 40px !important;
}
.astro-note--dismissible .astro-note__close {
	position: absolute;
	top: 50%;
	left: 8px;
	transform: translateY(-50%);
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #b71c1c;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	cursor: pointer;
}
.astro-note--dismissible .astro-note__close:hover,
.astro-note--dismissible .astro-note__close:focus-visible {
	background: #ffebee;
	outline: none;
}

/* ---------- hidden "drawer only" sidebar (/ai-chat, ephemeris year pages) ---------- */
/* style.css parks it at right: 10000px; in an RTL page that is off the LEFT edge, so the page got
   a ~10000px horizontal scroll. Keep it in the DOM for the mobile drawer clone, but inside the page and invisible. */
@media (min-width: 701px) {
	body.astro-ui-shell #content > .col1.marg_right1.astro-sidebar-mobile-drawer-only {
		position: absolute !important;
		right: 0 !important;
		left: auto !important;
		top: 0 !important;
		width: 1px !important;
		height: 1px !important;
		overflow: hidden !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}
}

/* ---------- /contact, /edit-user, /edit-subscription (.astro-contact-page): the form sits in the page card, not as a second narrow card in its middle ---------- */
body.astro-ui-shell #content .astro-contact-page.astro-auth-card {
	max-width: 640px;
	width: auto;
	margin: 4px 0 8px;
	margin-inline-start: 0;
	padding: 0;
	background: none;
	border: 0;
	box-shadow: none;
}
body.astro-ui-shell #content .astro-contact-page .astro-auth-form {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0;
	box-shadow: none !important;
	background: transparent !important;
}
body.astro-ui-shell #content .astro-contact-page .astro-form-inner {
	padding: 0;
	background: none;
	border: 0;
	box-shadow: none;
}
/* member account pages: dark title like the other v2 pages (theme paints it link-blue) */
body.astro-ui-shell #content .pad.row2:has(> .astro-contact-page) > h1,
body.astro-ui-shell #content .pad.row2:has(> .astro-add-chart) > h1 {
	color: #222;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.3;
}
@media (max-width: 640px) {
	body.astro-ui-shell #content .pad.row2:has(> .astro-add-chart) > h1 {
		font-size: 22px;
	}
}

/* ---------- left column "על אסטרולוגיה" category links (3-column member pages, e.g. /horoscope-daily-all) ---------- */
/* theme: white box with min-height 500px (half empty), black title, star bullets. v2: card sized to its content. */
body.astro-ui-shell #content > .col1 .box1:has(.menu-astrology-container) {
	min-height: 0;
	height: auto;
	background: #fff;
	border: 1px solid #dcdce8;
	border-radius: 16px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.05);
	overflow: hidden;
}
body.astro-ui-shell #content > .col1 .box1:has(.menu-astrology-container) div[class^="box1_"] {
	background: none;
	min-height: 0;
	height: auto;
}
body.astro-ui-shell #content > .col1 .box1:has(.menu-astrology-container) .pad {
	padding: 14px 14px 10px;
}
body.astro-ui-shell #content > .col1 .box1:has(.menu-astrology-container) h5 {
	margin: 0 0 6px;
	padding: 0 4px;
	color: #222;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
}
body.astro-ui-shell #content > .col1 .menu-astrology-container ul {
	margin: 0;
	padding: 0;
}
body.astro-ui-shell #content > .col1 .menu-astrology-container li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}
body.astro-ui-shell #content > .col1 .menu-astrology-container li::before {
	content: none;
	display: none;
}
body.astro-ui-shell #content > .col1 .menu-astrology-container li a {
	display: block;
	padding: 7px 4px;
	border-top: 1px solid #f0f0f5;
	background: none;
	color: #222;
	font-size: 14px;
	text-decoration: none;
}
body.astro-ui-shell #content > .col1 .menu-astrology-container li:first-child a {
	border-top: 0;
}
body.astro-ui-shell #content > .col1 .menu-astrology-container li a:hover {
	color: #217eba;
}

/* ---------- footer (all shell pages) ---------- */
/* theme: #aeaeae text on a #efefef band (~1.9:1 contrast), headings #888. v2: white band under the grey canvas,
   brand in the header blue, dark headings, readable #555 links, same 1200px grid as the page. */
body.astro-ui-shell .mainfoot {
	margin-top: 32px;
	background: #fff;
	border-top: 1px solid #dcdce8;
}
body.astro-ui-shell #footer.astro-footer-modern {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
	gap: 24px 40px;
	padding: 36px 24px 32px;
	color: #666;
	font-family: "Heebo", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.6;
}
body.astro-ui-shell #footer.astro-footer-modern .col1 {
	flex: none;
	min-width: 0;
	margin: 0;
}
body.astro-ui-shell #footer.astro-footer-modern strong {
	margin: 0 0 12px;
	color: #222;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
}
body.astro-ui-shell #footer.astro-footer-modern a {
	color: #555;
	text-decoration: none;
}
body.astro-ui-shell #footer.astro-footer-modern a:hover,
body.astro-ui-shell #footer.astro-footer-modern .astro-compliance-links-list a:hover,
body.astro-ui-shell #footer.astro-footer-modern .astro-footer-link-list a:hover,
body.astro-ui-shell #footer.astro-footer-modern .astro-footer-contact a:hover,
body.astro-ui-shell #footer.astro-footer-modern .astro-footer-brand a:hover {
	color: #217eba;
	text-decoration: none;
}
body.astro-ui-shell #footer.astro-footer-modern .astro-compliance-links-list a,
body.astro-ui-shell #footer.astro-footer-modern .astro-footer-link-list a {
	color: #555;
}
body.astro-ui-shell #footer.astro-footer-modern .astro-compliance-links-list,
body.astro-ui-shell #footer.astro-footer-modern .astro-footer-link-list {
	line-height: 1.6;
}
body.astro-ui-shell #footer.astro-footer-modern .astro-compliance-links-list li,
body.astro-ui-shell #footer.astro-footer-modern .astro-footer-link-list li {
	margin: 0 0 8px;
}
/* brand column */
body.astro-ui-shell #footer.astro-footer-modern .astro-footer-brand strong {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 800;
	letter-spacing: -0.3px;
}
body.astro-ui-shell #footer.astro-footer-modern .astro-footer-brand strong a {
	display: inline-block;
	direction: ltr; /* sparkle after the word, like the header logo */
	color: #217eba;
}
body.astro-ui-shell #footer.astro-footer-modern .astro-footer-brand strong a::after {
	content: "\2726";
	margin-inline-start: 6px;
	color: #b4437b;
	font-size: 18px;
	vertical-align: 2px;
}
body.astro-ui-shell #footer.astro-footer-modern .astro-footer-copy,
body.astro-ui-shell #footer .astro-merchant-details,
body.astro-ui-shell #footer .astro-merchant-details__item {
	display: block;
	margin: 0 0 2px;
	color: #666;
	font-size: 13px;
}
/* contact column: one link per line (theme uses <br>), cards logo under them */
body.astro-ui-shell #footer.astro-footer-modern .astro-footer-contact a {
	display: inline-block;
	margin-bottom: 6px;
}
body.astro-ui-shell #footer.astro-footer-modern .astro-footer-contact br {
	display: block;
}
body.astro-ui-shell #footer.astro-footer-modern .astro-footer-contact a[href^="mailto:"] {
	direction: ltr;
	unicode-bidi: isolate;
}
body.astro-ui-shell #footer.astro-footer-modern .visalogo {
	margin: 10px 0 0;
	opacity: 0.9;
}

@media (max-width: 1000px) {
	body.astro-ui-shell #footer.astro-footer-modern {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 22px 24px;
	}
	body.astro-ui-shell #footer.astro-footer-modern .astro-footer-brand {
		grid-column: 1 / -1;
	}
}
@media (max-width: 700px) {
	body.astro-ui-shell .mainfoot {
		margin-top: 20px;
	}
	body.astro-ui-shell #footer.astro-footer-modern {
		gap: 20px 16px;
		/* room for the floating "אסטרולוג אישי" chat pill at the bottom */
		padding: 26px 16px 92px;
	}
	body.astro-ui-shell #footer.astro-footer-modern .astro-footer-contact {
		grid-column: 1 / -1;
	}
}

/* ---------- /add-new-chart, /birthday-edit: the chart form sits in the page card ---------- */
/* theme: #birthdayForm is a second bordered card, 544px, centred with ~180px side margins. */
body.astro-ui-shell #content .astro-birth-flat-modern-form--member-add #birthdayForm,
body.astro-ui-shell #content .astro-birth-flat-modern-form--member-edit #birthdayForm {
	width: auto !important;
	max-width: 640px !important;
	margin: 4px 0 8px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0;
	box-shadow: none !important;
	background: transparent !important;
}

/* ---------- 404 + search results (404.php, search.php) ---------- */
body.astro-ui-shell #content .astro-searchbox {
	display: flex;
	gap: 8px;
	max-width: 560px;
	margin: 6px 0 18px;
}
body.astro-ui-shell #content .astro-searchbox input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	height: 44px;
	padding: 0 14px;
	border: 1px solid #dcdce8;
	border-radius: 12px;
	background: #fff;
	color: #222;
	font: inherit;
	font-size: 15px;
	box-sizing: border-box;
}
body.astro-ui-shell #content .astro-searchbox input[type="search"]:focus {
	outline: none;
	border-color: #217eba;
	box-shadow: 0 0 0 3px rgba(33, 126, 186, 0.2);
}
body.astro-ui-shell #content .astro-searchbox button {
	flex: 0 0 auto;
	height: 44px;
	padding: 0 20px;
	border: 0;
	border-radius: 12px;
	background: #217eba;
	color: #fff;
	font: inherit;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
}
body.astro-ui-shell #content .astro-searchbox button:hover {
	background: #1b6da2;
}
body.astro-ui-shell #content .astro-notfound__lead,
body.astro-ui-shell #content .astro-search-page__empty {
	margin: 0 0 12px;
	color: #555;
	font-size: 15px;
	line-height: 1.6;
}
body.astro-ui-shell #content .astro-notfound__links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 4px 0 8px;
	padding: 0;
	list-style: none;
}
body.astro-ui-shell #content .astro-notfound__links li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}
body.astro-ui-shell #content .astro-notfound__links a {
	display: inline-block;
	padding: 8px 14px;
	border: 1px solid #dcdce8;
	border-radius: 999px;
	background: #fff;
	color: #217eba;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}
body.astro-ui-shell #content .astro-notfound__links a:hover {
	border-color: #217eba;
	background: #f0f7ff;
}
body.astro-ui-shell #content .astro-search-page__results {
	margin: 0;
	padding: 0;
	list-style: none;
}
body.astro-ui-shell #content .astro-search-page__item {
	margin: 0;
	padding: 14px 0;
	border-top: 1px solid #f0f0f5;
	list-style: none;
	background: none;
}
body.astro-ui-shell #content .astro-search-page__item:first-child {
	border-top: 0;
	padding-top: 4px;
}
body.astro-ui-shell #content .astro-search-page__title {
	color: #217eba;
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
}
body.astro-ui-shell #content .astro-search-page__title:hover {
	text-decoration: underline;
}
body.astro-ui-shell #content .astro-search-page__excerpt {
	margin: 4px 0 0;
	color: #555;
	font-size: 14px;
	line-height: 1.6;
}
body.astro-ui-shell #content .astro-search-page .navigation.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 12px;
}
body.astro-ui-shell #content .astro-search-page .page-numbers {
	display: inline-block;
	min-width: 36px;
	padding: 7px 10px;
	border: 1px solid #dcdce8;
	border-radius: 10px;
	color: #217eba;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
}
body.astro-ui-shell #content .astro-search-page .page-numbers.current {
	border-color: #217eba;
	background: #217eba;
	color: #fff;
}

/* ---------- locked chapter icons (inc/astropro-limited-report-blur.php prints a 🔒 emoji): line lock in the accent ---------- */
body.astro-ui-shell .astro-report-ai-lock-teaser__icon,
body.astro-ui-shell .astro-report-lock-row__icon,
body.astro-ui-shell .astro-report-lock-index__item.is-locked .astro-report-lock-index__icon {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	font-size: 0 !important;
	color: transparent !important;
	background: #fdf5f9 !important;
	border: 1px solid #f3dbe7 !important;
}
body.astro-ui-shell .astro-report-ai-lock-teaser__icon img.emoji,
body.astro-ui-shell .astro-report-lock-row__icon img.emoji,
body.astro-ui-shell .astro-report-lock-index__item.is-locked .astro-report-lock-index__icon img.emoji {
	display: none !important;
}
body.astro-ui-shell .astro-report-ai-lock-teaser__icon::before,
body.astro-ui-shell .astro-report-lock-row__icon::before,
body.astro-ui-shell .astro-report-lock-index__item.is-locked .astro-report-lock-index__icon::before {
	content: "";
	width: 15px;
	height: 15px;
	background-color: #b4437b;
	-webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='11' x='3' y='11' rx='2' ry='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>") center / contain no-repeat;
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='11' x='3' y='11' rx='2' ry='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>") center / contain no-repeat;
}

/* ---------- members: personal daily horoscope tab (header.php li.astro-nav-daily-horoscope) ---------- */
/* v2 shows 6 member links (chat moved to the sidebar + the floating "אסטרולוג אישי" pill: li.astro-nav-hide-narrow).
   Phones: short label "הורוסקופ" like the guest tab (phone tab bar is ≤700px in the shell) */
@media (max-width: 700px) {
	body.astro-ui-shell.logged-in #header.astro-mobile-header .astro-mobile-tabs ul.list1hor > li.astro-nav-daily-horoscope > a {
		font-size: 0 !important;
	}
	body.astro-ui-shell.logged-in #header.astro-mobile-header .astro-mobile-tabs ul.list1hor > li.astro-nav-daily-horoscope > a::after {
		content: "הורוסקופ";
		display: block !important;
		position: static;
		width: auto;
		height: auto;
		border: 0;
		background: none;
		font-size: 11.5px;
		line-height: 1.15;
	}
}
/* tablets / small laptops: short label */
@media (min-width: 701px) and (max-width: 1180px) {
	body.astro-ui-shell.logged-in #header ul.list1hor .astro-nav-word-long {
		display: none;
	}
}