/* WPLP Canvas v11.1 */

:root{
	--wplp-header-bg:#2f4353;
	--wplp-page-bg:#f4f7fb;
	--wplp-card-bg:#ffffff;
	--wplp-text:#0b1b2a;
	--wplp-muted:#4b5b6a;
	--wplp-login:#23b05a;
	--wplp-register:#f2543d;
	--wplp-btn-login:#2f8bd8;
	--wplp-btn-register:#8e4ec6;
	--wplp-radius:10px;
	--wplp-shadow:0 8px 24px rgba(0,0,0,.08);
	--wplp-container:1100px;
	--wplp-header-h:70px;
}

/* Base */
body.wplp-body{
	background: var(--wplp-page-bg);
}

/* Header */
.wplp-header{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9999;
	background: var(--wplp-header-bg);
	box-shadow: 0 4px 14px rgba(0,0,0,.12);
}
body.admin-bar .wplp-header{ top: 32px; }
@media (max-width: 782px){
	body.admin-bar .wplp-header{ top: 46px; }
}

.wplp-header__inner{
	flex-wrap: nowrap;
	max-width: var(--wplp-container);
	margin: 0 auto;
	height: var(--wplp-header-h);
	padding: 0 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.wplp-header__left{
	display:flex;
	align-items:center;
	gap:12px;
	min-width: 0;
}

.wplp-header__logo{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	background:#fff;
	border-radius:12px;
	overflow:hidden;
	flex: 0 0 auto;
}
.wplp-header__logoimg{
	width:44px;
	height:44px;
	object-fit:cover;
	display:block;
}
.wplp-header__logo-placeholder{
	width:28px;
	height:28px;
	border-radius:50%;
	background: rgba(0,0,0,.15);
}
.wplp-header__brand{
	color:#fff;
	font-weight:800;
	font-size: 22px;
	line-height:1;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.wplp-header__right{
	flex-wrap: nowrap;
	display:flex;
	align-items:center;
	gap:12px;
	flex: 0 0 auto;
}
.wplp-header__btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height: 40px;
	padding: 0 18px;
	border-radius: 8px;
	color:#fff;
	font-weight:700;
	text-decoration:none !important;
}
.wplp-header__btn--login{ background: var(--wplp-login); }
.wplp-header__btn--register{ background: var(--wplp-register); }

@media (max-width: 520px){
	.wplp-header__brand{ font-size: 18px; }
	.wplp-header__btn{ height: 38px; padding: 0 14px; }
	.wplp-header__inner{ padding: 0 12px; }
}

/* Main offset for fixed header */
.wplp-main{
	padding-top: calc(var(--wplp-header-h) + 24px);
}
.wplp-main__inner{
	max-width: var(--wplp-container);
	margin: 0 auto;
	padding: 24px 16px 64px;
}

/* Blank */
.wplp-main--blank{ padding-top: 24px; }

/* Pattern styling */
.wplp-page .wplp-breadcrumb__text{
	color:#2f5ea5;
	font-size: 14px;
	margin: 0 0 10px 0;
}
.wplp-page .wplp-breadcrumb__text a{
	color:#2f5ea5;
	text-decoration:none;
}
.wplp-card{
	background: var(--wplp-card-bg);
	border-radius: var(--wplp-radius);
	box-shadow: var(--wplp-shadow);
	padding: 26px;
}

.wplp-hero{
	align-items:center;
}
.wplp-hero__image img{
	border-radius: 12px;
	box-shadow: 0 10px 26px rgba(0,0,0,.18);
	display:block;
	width:100%;
	height:auto;
}

.wplp-title{
	margin: 0 0 12px 0;
	font-size: 34px;
	font-weight: 800;
	color: var(--wplp-text);
}
.wplp-meta{
	margin: 0 0 8px 0;
	color: var(--wplp-muted);
}
.wplp-desc{
	margin: 0 0 18px 0;
	color: var(--wplp-muted);
	line-height: 1.6;
}

.wplp-cta .wp-block-button__link{
	border-radius: 10px;
	padding: 14px 22px;
	font-weight: 800;
	border: 0;
}
.wplp-btn-login .wp-block-button__link{
	background: var(--wplp-btn-login);
}
.wplp-btn-register .wp-block-button__link{
	background: var(--wplp-btn-register);
}

.wplp-paragraph{
	margin-top: 18px;
}

@media (max-width: 900px){
	.wplp-card{ padding: 18px; }
	.wplp-title{ font-size: 28px; }
}
@media (max-width: 782px){
	.wplp-title{ font-size: 26px; }
}

/* Footer */
.wplp-footer{
	background: var(--wplp-header-bg);
	color: rgba(255,255,255,.88);
	padding: 36px 16px;
}
.wplp-footer__inner{
	max-width: var(--wplp-container);
	margin: 0 auto;
	text-align:center;
}
.wplp-footer__nav{
	display:flex;
	flex-wrap:wrap;
	gap:18px;
	justify-content:center;
	margin-bottom: 18px;
}
.wplp-footer__nav a{
	color:#fff;
	text-decoration:none;
	font-weight:600;
	font-size: 14px;
}
.wplp-footer__meta{
	font-size: 13px;
	color: rgba(255,255,255,.8);
}