/* ChatHrCroatia - CodyChat login theme, centered and safe */

html, body{
	min-height:100%;
	background:#060914;
}

#login_wrap{
	width:100%;
	min-height:100vh;
	background:#060914;
}

#intro_top.chat_hr_stage{
	width:100%;
	min-height:100vh;
	position:relative;
	z-index:1;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	padding:24px;
	box-sizing:border-box;
	overflow:hidden;
	background:
		linear-gradient(90deg, rgba(3,7,18,.45) 0%, rgba(6,12,26,.52) 45%, rgba(4,8,18,.60) 100%),
		url('images/bg-hrvatska-grb.png') center center / cover no-repeat;
	background-attachment:fixed;
}

#intro_top.chat_hr_stage:before{
	content:"";
	position:absolute;
	inset:0;
	background:
		radial-gradient(circle at 50% 44%, rgba(255,255,255,.07), transparent 28%),
		radial-gradient(circle at 78% 70%, rgba(10,91,211,.18), transparent 32%),
		radial-gradient(circle at 25% 28%, rgba(226,41,63,.16), transparent 30%);
	z-index:0;
}

#intro_top.chat_hr_stage:after{
	content:"";
	position:absolute;
	inset:0;
	background:rgba(0,0,0,.10);
	z-index:0;
}

#login_all{
	width:620px;
	max-width:94%;
	border-radius:28px;
	display:block;
	margin:0 auto !important;
	color:#dbe5f2;
	position:relative;
	z-index:2;
	box-sizing:border-box;
}

.chat_hr_box{
	background:linear-gradient(180deg, rgba(9,15,31,.86), rgba(7,12,24,.78));
	border:1px solid rgba(148,163,184,.22);
	box-shadow:0 32px 95px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06);
	backdrop-filter:blur(12px);
}

#login_logo{
	height:96px;
	max-width:350px;
	object-fit:contain;
}

.chat_hr_title{
	font-size:35px !important;
	line-height:1.15;
	letter-spacing:-.4px;
	color:#e9edf5;
	text-shadow:0 2px 16px rgba(0,0,0,.35);
}

.chat_hr_title:after{
	content:"";
	display:block;
	width:120px;
	height:3px;
	margin:14px auto 0;
	border-radius:999px;
	background:linear-gradient(90deg, #e2293f, #ffffff, #0a5bd3);
	opacity:.85;
}

.chat_hr_desc{
	max-width:520px;
	margin:0 auto;
	line-height:1.55;
	color:#c7d2e3;
}

.chat_hr_badges{
	display:flex;
	gap:9px;
	justify-content:center;
	flex-wrap:wrap;
	padding:2px 0 10px;
}

.chat_hr_badges span{
	padding:8px 13px;
	border-radius:999px;
	background:rgba(15,23,42,.62);
	border:1px solid rgba(148,163,184,.24);
	font-size:13px;
	font-weight:bold;
	color:#dce7f7;
}

.chat_hr_btn{
	min-width:238px;
	margin:7px auto !important;
	border-radius:999px !important;
	font-weight:bold !important;
	background:linear-gradient(180deg, #e2293f, #a91627) !important;
	border:0 !important;
	color:#fff !important;
	box-shadow:0 14px 34px rgba(226,41,63,.25) !important;
}

.chat_hr_btn:hover{ filter:brightness(1.06); }

.chat_hr_guest{
	background:rgba(15,23,42,.80) !important;
	color:#e9edf5 !important;
	border:1px solid rgba(148,163,184,.24) !important;
}

.chat_hr_muted{ color:#9ca9ba; }
.chat_hr_register{ color:#62a8ff !important; }
.chat_hr_register:hover{ text-decoration:underline; }
.login_not_member{ text-align:center; padding-top:5px; }

#intro_lang{
	position:absolute;
	top:16px;
	right:16px;
	width:44px;
	height:38px;
	border-radius:12px;
	background:rgba(10,15,28,.64);
	border:1px solid rgba(148,163,184,.25);
	z-index:3;
	box-shadow:0 10px 25px rgba(0,0,0,.24);
}

.section{ display:none; }
.section_content{ width:100%; max-width:1100px; margin:0 auto; }
.section_inside{ margin:0 auto; }

/* Ne diramo CodyChat modal/form CSS, da prijava i registracija ostanu ispravne. */

@media screen and (max-width:1120px){
	.section_inside{ width:96%; }
}

@media screen and (max-width:760px){
	#intro_top.chat_hr_stage{
		padding:16px;
		background-attachment:scroll;
	}
	#login_all{
		max-width:94%;
		padding:24px 16px !important;
	}
	#login_logo{
		height:82px;
		max-width:295px;
	}
	.chat_hr_title{ font-size:29px !important; }
	.chat_hr_desc{ font-size:15px !important; }
	.chat_hr_badges span{ font-size:12px; padding:7px 10px; }
	.chat_hr_btn{ min-width:220px; }
}