/**
 * Стили страницы эксперта/автора поверх Bootstrap 5.
 * Разметка (single-author.php) использует классы Bootstrap для сетки,
 * карточек, отступов и кнопок. Здесь — только то, что Bootstrap не даёт
 * "из коробки": цвета иконок, фон плиток направлений, размер аватара и т.п.
 *
 * Подключить после bootstrap.css, например из functions.php:
 *   wp_enqueue_style( 'bootstrap', '.../bootstrap.min.css' );
 *   wp_enqueue_style( 'safr-author', get_template_directory_uri() . '/single-author.css', array( 'bootstrap' ), '1.0' );
 */
.g2 {
	row-gap: 0.25em;
}
.gap-0 {
    gap: 0px
}

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-2 {
    gap: 0.5rem;
}

.gap-2\.5 {
    gap: .625rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-x-3 {
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.gap-y-0\.5 {
    row-gap: .125rem
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-y-2 {
    row-gap: .5rem
}
.shadow-sm {
	-webkit-box-shadow: 0 5px 30px rgba(31, 33, 39, .15);
    box-shadow: 0 5px 30px rgba(31, 33, 39, .15);
    border-radius: 10px;
}
.small.text-muted {
	font-size: 14px;
	line-height: 1.5;
}
.small.fw-medium {
	font-size: 14px;
	line-height: 1.5;
}
.h, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}
.h6, h6 {
    font-size: 19px;
}
.h4.fw-bold {
	font-size: 26px;
	line-height: 1.5;
}
.fw-medium {
	font-weight: 500;
}


.safr-avatar {
	width: 128px;
	height: 128px;
	object-fit: cover;
	border-radius: 9999px;
	max-width: max-content;
}

.safr-achievement-icon {
	width: 16px;
	height: 16px;
	object-fit: contain;
	margin-top: 2px;
	flex-shrink: 0;
}

.safr-icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}
.safr-icon-blue   { color: #4f6ef7; }
.safr-icon-amber  { color: #f59e0b; }
.safr-icon-violet { color: #8b5cf6; }
.safr-icon-green  { color: #22c55e; }

.safr-check {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	margin-top: 2px;
	color: #22c55e;
}
.safr-check-sm {
	width: 14px;
	height: 14px;
	color: #22c55e;
	flex-shrink: 0;
}

.safr-tile {
	background: #f8fafc;
	border-radius: 0.5rem;
}

.safr-material-link {
	color: #4f6ef7;
	text-decoration: none;
}
.safr-material-link:hover {
	color: #4f6ef7;
	text-decoration: underline;
}

.safr-btn-primary {
	background: #4f6ef7;
	border-color: #4f6ef7;
}
.safr-btn-primary:hover {
	background: #3f5ce0;
	border-color: #3f5ce0;
	color: #fff;
}