/**
 * An advisor's page - what `458:4246` adds to the agent profile. See inc/profile.php.
 */

/* 1304:9623 - five 24px stars 2 apart, 4 under the fields of expertise; beside
   them "(300 חוות דעת)" Regular 16 at 1.3, white on the navy band. */
.gb-profile__rating {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 10px;
	align-items: center;
	margin: 4px 0 0;
	/* The intro's colour: white on the band, navy where the intro falls on
	   white in one column (gb-agents, 25/10). */
	color: inherit;
	font-size: 16px;
	line-height: 1.3;
}

.gb-profile__stars {
	display: inline-flex;
	gap: 2px;
}

.gb-profile__star {
	display: inline-flex;
	color: #ddd;
	line-height: 0;
}

.gb-profile__star.is-on {
	color: var(--wp--preset--color--accent, #fcac0b);
}

/* 463:5110 - 146 x 40, #1043FF, Regular 20, 15 under the disclaimer, at the
   start of the line. */
.gb-profile__consult {
	margin: 15px 0 0;
	text-align: start;
}

.gb-profile__consult-button {
	display: inline-flex;
	box-sizing: border-box;
	min-block-size: 40px;
	align-items: center;
	padding: 10px 20px;
	border-radius: 50px;
	background: var(--wp--preset--color--primary, #1043ff);
	color: #fff;
	font-size: 20px;
	line-height: 1;
	text-decoration: none;
}

.gb-profile__consult-button:hover,
.gb-profile__consult-button:focus-visible {
	background: var(--wp--preset--color--dark, #1b2b50);
	color: #fff;
}

/* 1304:9660 - 839 x 138, 56 under the column. The banner is shared with the
   consultations tab, where it is 159 tall; here it is the drawn 138. */
.gb-profile__join {
	margin-block-start: 56px;
}

.gb-profile__join .gb-consult__join {
	min-block-size: 138px;
	padding-block: 28px;
}

/*
 * The latest-articles band (`inc/articles.php`) borrows the text pages'
 * `.gb-page-articles`, and with it the theme's rule that zeroes main's gap above
 * the footer - right on a text page, where the band is last, wrong here, where
 * the service section follows it.
 */
main.site-main:has(.gb-profile-articles) {
	padding-block-end: var(--gboneai-footer-gap);
}

/*
 * Full bleed, as on the text pages. There the band is a direct child of the
 * page content and `alignfull` reaches the edges; here it sits inside the
 * profile's 1400 column. `border-image` paints the same gradient out to the
 * viewport's edges without widening the box - so no horizontal scroll, and the
 * heading and the carousel stay on the 1400 lines.
 */
.gb-profile-articles {
	border-image: linear-gradient(180deg, #1043ff 0%, #131f3c 100%) fill 0 / / 0 100vmax;
}