/* KPEDU UI — шапка, карточки программ, кнопки. Грузится после Bootstrap и style.css. */

html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body a {
	color: #ee7e2e;
	text-decoration: none;
}

body a:hover,
body a:focus {
	color: #d56b1c;
	text-decoration: none;
}

/* Шапка */
#site-header .col-md-6:first-child {
	text-align: left;
}

#site-header .col-md-6:last-child {
	text-align: right;
}

.nav-header {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	gap: 8px 28px;
}

.nav-header a,
.nav-header a div {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}

.nav-header a:hover,
.nav-header a:hover div,
.nav-header a:focus,
.nav-header a:focus div {
	color: #fff;
	opacity: 0.85;
	text-decoration: none;
}

.nav-header .button-nav,
.nav-header a .button-nav {
	background: #fff;
	color: #ee7e2e;
	border-radius: 24px;
	padding: 8px 22px;
	font-weight: 600;
}

.nav-header a:hover .button-nav,
.nav-header a:focus .button-nav {
	color: #ee7e2e;
	opacity: 1;
	background: #fff7f0;
}

/* Контентная плашка кабинета */
.block-content {
	background: rgba(255, 255, 255, 0.92);
	border-radius: 40px;
	margin-top: 40px;
	padding: 20px 40px 40px;
}

.block-content > .welcome {
	color: #ee7e2e;
	margin-bottom: 24px;
}

.block-content > .welcome b {
	font-weight: 700;
}

/* Карточки программ */
.block-childs .row {
	margin-left: -10px;
	margin-right: -10px;
}

.block-childs .col-md-6 {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}

.ch-item {
	background: #fff;
	border: 1px solid #e6eaf0;
	border-radius: 20px;
	padding: 20px 22px 16px;
	height: 100%;
	box-shadow: 0 8px 24px rgba(65, 73, 132, 0.08);
}

.ch-item-name {
	color: #00364a;
	font-size: 15px;
	line-height: 1.45;
	margin-bottom: 6px;
}

.ch-item-name:first-child {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 10px;
}

.ch-nav-panel {
	margin-top: 14px;
	align-items: center;
}

.ch-nav-panel a,
.ch-nav-panel .del-ch {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #414984;
	font-size: 13px;
	cursor: pointer;
	text-decoration: none;
}

.ch-nav-panel a:hover,
.ch-nav-panel .del-ch:hover {
	color: #ee7e2e;
}

.ch-nav-panel img {
	width: 18px;
	height: 18px;
	vertical-align: middle;
}

.del-user,
.del-ch {
	color: #414984;
	cursor: pointer;
}

/* Кнопки */
#wp-submit,
input[type="submit"],
input[type="button"] {
	background: #ee7e2e;
	color: #fff;
	border: none;
	border-radius: 30px;
	padding: 12px 28px;
	font-family: inherit;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}

#wp-submit:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	background: #d56b1c;
}

.forgot-pass {
	color: #414984;
	font-size: 14px;
	margin: 8px 0 16px;
}

.block-logo-large img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 767px) {
	.nav-header {
		justify-content: flex-start;
		margin-top: 12px;
	}

	.block-content {
		padding: 16px 18px 28px;
		border-radius: 24px;
	}

	#site-header .col-md-6:last-child {
		text-align: left;
	}
}