/* Compliance24 - egyedi stílusok a Porto sablonhoz */

section.c24-hero {
	background: linear-gradient(135deg, var(--tertiary) 0%, var(--tertiary--300) 55%, var(--primary-200) 100%);
	position: relative;
	overflow: hidden;
}
section.c24-hero::after {
	content: '';
	position: absolute;
	right: -140px;
	top: -140px;
	width: 480px;
	height: 480px;
	border-radius: 50%;
	background: var(--primary-rgba-20);
}
section.c24-hero::before {
	content: '';
	position: absolute;
	right: 60px;
	bottom: -180px;
	width: 380px;
	height: 380px;
	border-radius: 50%;
	background: var(--secondary-rgba-10);
}
section.c24-hero .container { position: relative; z-index: 2; }

.c24-badge {
	display: inline-block;
	background: var(--secondary-rgba-20);
	color: var(--secondary--300);
	border: 1px solid var(--secondary-rgba-40);
	border-radius: 30px;
	padding: 6px 18px;
	font-size: 0.8em;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	font-weight: 600;
}

.c24-trust-item i {
	color: var(--secondary);
	font-size: 1.2em;
	margin-right: 8px;
}

.c24-card {
	border: 1px solid var(--grey-300);
	border-radius: var(--border-radius2x);
	background: var(--light);
	padding: 2.2rem 1.8rem;
	height: 100%;
	transition: box-shadow .3s ease, transform .3s ease;
}
.c24-card:hover {
	box-shadow: 0 20px 45px rgba(12, 35, 64, 0.12);
	transform: translateY(-4px);
}
.c24-card .c24-icon {
	width: 58px;
	height: 58px;
	border-radius: 14px;
	background: var(--primary-rgba-10);
	color: var(--primary);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5em;
	margin-bottom: 1.2rem;
}

.c24-course-badge-available {
	background: #1d7a46;
	color: #fff;
	border-radius: 20px;
	padding: 4px 14px;
	font-size: .75em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.c24-course-badge-soon {
	background: var(--grey-200);
	color: var(--grey-1000);
	border-radius: 20px;
	padding: 4px 14px;
	font-size: .75em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.c24-step-number {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--primary);
	color: #fff;
	font-weight: 700;
	font-size: 1.1em;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1rem;
}

.c24-price-card {
	border: 1px solid var(--grey-300);
	border-radius: var(--border-radius2x);
	background: var(--light);
	overflow: hidden;
	height: 100%;
}
.c24-price-card .c24-price-head {
	background: var(--tertiary);
	color: #fff;
	padding: 1.1rem 1.4rem;
}
.c24-price-card.c24-featured .c24-price-head { background: var(--primary); }
.c24-price-card .c24-price-body { padding: 1.4rem; }
.c24-price-value { font-size: 1.9em; font-weight: 700; color: var(--tertiary); line-height: 1.1; }
.c24-price-value small { font-size: .45em; font-weight: 500; color: var(--grey-1000); }
.c24-price-alt { color: var(--grey-1000); font-size: .9em; }
.c24-ribbon {
	background: var(--secondary);
	color: #fff;
	font-size: .7em;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 3px 12px;
	border-radius: 20px;
}

.c24-check li { margin-bottom: .55rem; list-style: none; position: relative; padding-left: 26px; }
.c24-check li::before {
	content: "\f00c";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: var(--primary);
	position: absolute;
	left: 0;
	top: 1px;
}

.c24-verify-box {
	background: var(--light);
	border: 1px solid var(--grey-300);
	border-radius: var(--border-radius2x);
	box-shadow: 0 15px 40px rgba(12,35,64,.08);
	padding: 2.4rem;
}

footer#footer { background: var(--tertiary); }
footer#footer .footer-copyright { background: var(--tertiary-300); }

/* Compliance24 – fejléc menü: több elem elférjen egy sorban */
@media (min-width: 992px){
	#header .header-nav-main nav > ul#mainNav{ flex-wrap: nowrap; }
	#header .header-nav-main nav > ul#mainNav > li > .nav-link{
		padding-left: .6rem; padding-right: .6rem; white-space: nowrap; font-size: .92rem;
	}
}