/* =========================================================
   CS Grăsuții România
   MyBB 1.8 - RoundoDarko Premium
   File: extra.css
   Version: v1 ETAPA 2 - EXTRA FINAL CLEAN
   Scope: extra helpers + mici fallback-uri globale
   NOTĂ:
   - Nu conține CSS pentru module locked.
   - Header/Footer/Profile/PostBit/ShowThread/Login/etc. rămân în fișierele lor dedicate.
========================================================= */


/* =========================================================
   01. EXTRA GLOBAL HELPERS
========================================================= */

.no-bs{
	box-shadow:none !important;
}

.no_vertical_padding{
	padding-top:0 !important;
	padding-bottom:0 !important;
}

.nav-spacer{
	padding:0 10px;
	color:var(--cs-muted, #8da096);
}

.usernav-spacer{
	padding-right:1rem;
}

.last-never{
	padding-right:1.5rem;
}

.attach-icon{
	margin:6px -8px 0 0;
	font-size:14px;
	color:var(--cs-muted, #8da096);
}

.pedit--adj{
	top:76px !important;
}

.mpage{
	margin-left:5px;
}

.mpage a,
.mpage a:link,
.mpage a:visited,
.mpage a:focus{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:20px;
	min-height:20px;
	padding:2px 6px;
	background:rgba(14,23,32,.95);
	border:1px solid rgba(255,255,255,.09);
	border-radius:999px;
	color:var(--cs-muted, #8da096) !important;
	font-size:11px;
	font-weight:700;
	text-decoration:none;
	transition:
		background .18s ease,
		border-color .18s ease,
		color .18s ease,
		box-shadow .18s ease;
}

.mpage a:hover{
	background:rgba(57,255,20,.10);
	border-color:rgba(57,255,20,.32);
	color:#fff !important;
	box-shadow:0 0 14px rgba(57,255,20,.10);
}

.trow1 .mpage,
.trow2 .mpage{
	opacity:.55;
	transition:opacity .18s ease;
}

.trow1:hover .mpage,
.trow2:hover .mpage{
	opacity:1;
}


/* =========================================================
   02. GENERIC LIST RESET / DL FALLBACK
========================================================= */

dl,
dt,
dd{
	margin:0;
	padding:0;
}

dl{
	width:100%;
	clear:both;
	overflow:hidden;
	margin-top:3px;
}

dl:last-child{
	margin-bottom:0;
}

dt{
	max-width:100%;
	float:left;
	color:var(--cs-muted, #8da096);
}

dd{
	max-width:100%;
	float:right;
	margin-right:1px;
	color:var(--cs-text, #d9e6df);
	font-weight:700;
	text-align:right;
}


/* =========================================================
   03. USER NAV ICON FALLBACKS
   Header Premium are stilul principal. Aici rămân doar iconițe fallback.
========================================================= */

li a.usercp::before,
li a.modcp::before,
li a.admincp::before{
	font-family:"FontAwesome";
	padding-right:6px;
	font-weight:400;
}

li a.usercp::before{
	content:"\f007";
	color:var(--cs-green, #39ff14);
}

li a.modcp::before{
	content:"\f0e7";
	color:var(--cs-orange, #ff9f43);
}

li a.admincp::before{
	content:"\f013";
	color:var(--cs-red, #ff4f5f);
}


/* =========================================================
   04. SMALL STATUS / LABEL FALLBACKS
========================================================= */

.postbit_status{
	display:inline-block;
	width:10px;
	height:10px;
	background:rgba(255,255,255,.22);
	border-radius:50%;
	box-shadow:0 0 10px rgba(255,255,255,.08);
}

.postbit_status.online{
	background:var(--cs-green, #39ff14);
	box-shadow:0 0 12px rgba(57,255,20,.35);
}

.postbit_status.offline{
	background:#78867f;
	box-shadow:none;
}

.unread-new::before{
	content:"NEW";
	display:inline-block;
	margin:0 5px;
	padding:2px 7px;
	background:
		linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0)),
		linear-gradient(135deg,var(--cs-green, #39ff14),var(--cs-green-2, #21d60f));
	border-radius:999px;
	color:#061008;
	font-size:10px;
	font-weight:900;
	line-height:1.3;
	text-decoration:none;
	box-shadow:0 0 14px rgba(57,255,20,.16);
}

.unread-new:hover::before{
	filter:saturate(1.12);
	box-shadow:0 0 18px rgba(57,255,20,.24);
}


/* =========================================================
   05. BUDDY / IGNORE POPUP FALLBACK
========================================================= */

ul#buddy_list,
ul#ignore_list{
	margin:0;
	padding:8px 10px;
	list-style:none;
}

ul#buddy_list li,
ul#ignore_list li{
	padding:6px 0;
	color:var(--cs-muted, #8da096);
	border-bottom:1px solid rgba(255,255,255,.06);
}

ul#buddy_list li:last-child,
ul#ignore_list li:last-child{
	border-bottom:0;
}

.buddylist-usernames{
	float:left;
	padding-left:10px;
	line-height:30px;
	color:var(--cs-text, #d9e6df);
}

.buddypopup-avatar{
	width:48px;
	height:48px;
	border-radius:50%;
	object-fit:cover;
	border:1px solid rgba(57,255,20,.18);
	box-shadow:0 0 16px rgba(57,255,20,.08);
}


/* =========================================================
   06. POPUP EDIT FALLBACK
========================================================= */

.popup_menu.editpopup{
	margin:10px 0 0 -10px;
	border:1px solid rgba(57,255,20,.18);
}

.popup_menu.editpopup .popup_item{
	padding:5px 9px;
}

.popup_menu.editpopup::before{
	filter:drop-shadow(0 -1px 0 rgba(57,255,20,.18));
}


/* =========================================================
   07. PORTAL SMALL FALLBACKS
   Doar fallback pentru pagini stock/portal dacă apar.
========================================================= */

.portal-avatar{
	width:100px;
	height:100px;
	border-radius:50%;
	object-fit:cover;
	border:1px solid rgba(57,255,20,.18);
	box-shadow:0 0 22px rgba(57,255,20,.10);
}

p.portal-message{
	margin:0;
	color:var(--cs-text, #d9e6df);
	font-size:14px;
	line-height:1.55;
}

.fb-subforum{
	margin-top:7px;
	color:var(--cs-muted, #8da096) !important;
}


/* =========================================================
   08. BACK TO TOP
   Footer Premium poate avea stil dedicat. Acesta este fallback global.
========================================================= */

#backtop{
	position:fixed;
	right:25px;
	bottom:20px;
	z-index:372;
	width:44px;
	height:44px;
	margin:0;
	cursor:pointer;
	border-radius:50%;
	background:
		linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0)),
		linear-gradient(135deg,var(--cs-green, #39ff14),var(--cs-green-2, #21d60f));
	color:#061008;
	font-size:18px;
	text-align:center;
	box-shadow:
		0 14px 34px rgba(0,0,0,.28),
		0 0 24px rgba(57,255,20,.18);
	opacity:.72;
	transition:
		opacity .18s ease,
		transform .18s ease,
		box-shadow .18s ease;
}

#backtop .backtop-icon{
	line-height:44px;
	margin-left:-1px;
}

#backtop:hover{
	opacity:1;
	transform:translateY(-2px);
	box-shadow:
		0 18px 44px rgba(0,0,0,.34),
		0 0 34px rgba(57,255,20,.28);
}

a.backtop{
	display:none;
}


/* =========================================================
   09. TOGGLE BUTTON FALLBACKS
========================================================= */

span.toggle-container{
	float:right;
	margin:17px 2px 0 0;
}

.leftbutton,
.rightbutton{
	display:block;
	float:right;
	cursor:pointer;
	color:var(--cs-muted, #8da096);
	font-size:18px;
	transition:color .18s ease, transform .18s ease;
}

.rightbutton:hover,
.leftbutton:hover{
	color:var(--cs-green, #39ff14);
	transform:scale(1.04);
}


/* =========================================================
   10. LEGACY TITLE / FORUM THREAD SMALL FALLBACKS
========================================================= */

.forum-thread{
	color:var(--cs-text, #d9e6df);
	font-size:14px;
	font-weight:800;
}

.title-img{
	float:left;
	margin-top:20px;
	margin-right:1.5rem;
}

.title-img img{
	width:auto;
	height:20px;
}

.title-img a:hover{
	color:var(--cs-green, #39ff14) !important;
}


/* =========================================================
   11. QUICK LEGACY BUTTON FALLBACKS
   Nu stilizăm module întregi aici.
========================================================= */

.profile_button,
.profile_button2{
	display:block !important;
	box-sizing:border-box;
	margin-bottom:8px;
	color:var(--cs-muted, #8da096) !important;
	font-weight:700;
	text-align:left;
	text-decoration:none;
	transition:
		background .18s ease,
		color .18s ease,
		border-color .18s ease,
		box-shadow .18s ease;
}

.profile_button{
	padding:9px 13px;
	background:rgba(14,23,32,.92) !important;
	border:1px solid rgba(255,255,255,.08);
	border-radius:999px;
}

.profile_button2{
	padding:10px 12px 10px 40px !important;
	background:rgba(14,23,32,.62);
	border-left:2px solid rgba(57,255,20,.55);
	border-radius:0 999px 999px 0;
	font-size:14px;
	font-weight:500;
}

a.profile_button:hover,
a.profile_button2:hover{
	background:rgba(57,255,20,.10) !important;
	color:#fff !important;
	border-color:rgba(57,255,20,.30);
	box-shadow:0 0 16px rgba(57,255,20,.08);
}


/* =========================================================
   12. AVATAR / SMALL BOX FALLBACKS
========================================================= */

.outer-postbit{
	display:block;
	margin:0 auto 5px;
	text-align:center;
}

.box-profile{
	width:28px !important;
	height:28px !important;
	margin:0 9px 0 -2px;
	background:rgba(255,255,255,.08);
	border:1px solid rgba(255,255,255,.08);
	border-radius:50%;
	color:var(--cs-muted, #8da096);
	line-height:28px;
	text-align:center;
}

.ava-hs{
	float:left;
	margin-right:1.3rem;
	overflow:hidden;
}

.ava-hs img{
	width:60px;
	height:60px;
	border-radius:12px;
	object-fit:cover;
	border:1px solid rgba(57,255,20,.16);
}

.ib-hs{
	display:none;
}


/* =========================================================
   13. GENERIC TABS FALLBACK
   Doar pentru pagini stock care folosesc tabs vechi.
========================================================= */

.tabs-wrap{
	border-top:0;
}

ul.tabs{
	margin:0;
	padding:0;
	list-style:none;
	box-sizing:border-box;
	overflow:hidden;
	font-family:var(--cs-font, Arial, sans-serif);
	font-size:15px;
	font-weight:500;
}

ul.tabs li{
	display:inline-block;
	float:left;
	margin:0 6px 6px 0;
	padding:8px 15px;
	cursor:pointer;
	background:rgba(255,255,255,.04);
	border:1px solid rgba(255,255,255,.08);
	border-radius:999px;
	color:var(--cs-muted, #8da096);
	transition:
		background .18s ease,
		color .18s ease,
		border-color .18s ease,
		box-shadow .18s ease;
}

ul.tabs li:hover{
	background:rgba(57,255,20,.09);
	border-color:rgba(57,255,20,.22);
	color:#fff;
}

ul.tabs li.current{
	background:rgba(57,255,20,.13);
	border-color:rgba(57,255,20,.30);
	color:#fff;
	font-weight:800;
	box-shadow:0 0 16px rgba(57,255,20,.08);
}

.tab-content{
	display:none;
	margin-top:-1px;
	padding:22px;
	background:rgba(14,23,32,.92);
	border:1px solid rgba(255,255,255,.08);
	border-radius:18px;
	color:var(--cs-text, #d9e6df);
}

.tab-content.current{
	display:inherit;
}


/* =========================================================
   14. PROFILE LEGACY FALLBACKS
   Profile Premium are fișier dedicat. Acestea rămân ca protecție
   pentru template-uri vechi care încă mai cheamă clasele.
========================================================= */

.comments_profile{
	margin-bottom:20px;
	padding:20px;
	background:rgba(14,23,32,.92);
	border:1px solid rgba(255,255,255,.08);
	border-radius:18px;
}

.profile_background,
.profile_background2{
	height:250px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	filter:blur(42px);
	opacity:.55;
}

.profile_background2{
	box-shadow:inset 10px -200px 42px -21px rgba(5,8,11,1);
}

.profile-containter_extras{
	margin:40px;
	margin-top:-100px;
	filter:blur(0);
}

.profile-container .left-sidebar{
	width:270px;
}

.profile-container .profile-heading{
	margin:0 290px 0 0;
	padding:20px 23px 23px;
	overflow:hidden;
	background:rgba(14,23,32,.92);
	border:1px solid rgba(255,255,255,.08);
	border-bottom:0 !important;
	border-radius:18px;
	color:var(--cs-text, #d9e6df);
	font-family:var(--cs-font, Arial, sans-serif);
	font-size:14px;
	font-weight:400;
}

.profile-container .left-sidebar .sidebar-container{
	margin-bottom:15px;
	background:rgba(14,23,32,.92);
	border:1px solid rgba(255,255,255,.08);
	border-radius:18px;
	overflow:hidden;
}

.profile-container .left-sidebar .sidebar-container .sidebar-inner{
	padding:24px;
	color:var(--cs-muted, #8da096);
	line-height:1.65;
}

.resp .sidebar-container .sidebar-inner{
	margin-bottom:5px;
	padding:12px 15px;
	overflow:hidden;
	background:rgba(14,23,32,.92);
	border:1px solid rgba(255,255,255,.08);
	border-radius:14px;
}

.thead.profile-side{
	padding:.8rem 1.1rem .7rem;
	background:rgba(57,255,20,.10);
	border-bottom:1px solid rgba(57,255,20,.18);
	color:#fff;
	font-weight:800;
}

.profile-ctbox{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid rgba(255,255,255,.08);
}

.profile-ctbox:last-child{
	margin-bottom:0;
	padding-top:4px;
	padding-bottom:0;
	border-bottom:0;
}

.profile-mcp ul,
.profile-acp ul{
	margin:0;
	padding:0;
	overflow:hidden;
	list-style-type:none;
}

[class*="add_buddy_button"]{
	margin-top:13px !important;
}

[class*="add_buddy_button"]:hover,
[class*="add_ignore_button"]:hover,
[class*="report_user_button"]:hover{
	background:var(--cs-green, #39ff14) !important;
	color:#061008 !important;
}


/* =========================================================
   15. OLD LOGIN POPUP FALLBACK
   Login/Register Premium rămâne separat.
========================================================= */

.textbox-login{
	width:239px;
	padding:9px 40px 9px 15px !important;
	background:rgba(6,11,15,.95) !important;
	border:1px solid rgba(255,255,255,.10) !important;
	border-radius:999px !important;
	color:var(--cs-text, #d9e6df) !important;
	font-size:14px !important;
}

.textbox-login:focus{
	border-color:rgba(57,255,20,.48) !important;
	box-shadow:0 0 0 3px rgba(57,255,20,.08) !important;
}

span.login-icon i::before{
	position:absolute;
	right:72px;
	margin-top:-11px;
	color:var(--cs-muted, #8da096);
	font-size:14px;
}

.trow1.remember_me.no_bottom_border.no_vertical_padding{
	position:relative;
	float:left;
	margin-top:1rem;
	padding:0 23px;
}

input.button.loginpopup-button{
	width:95%;
	margin-top:2rem;
	background:
		linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0)),
		linear-gradient(135deg,var(--cs-green, #39ff14),var(--cs-green-2, #21d60f)) !important;
	border:1px solid rgba(57,255,20,.35) !important;
	border-radius:999px !important;
	color:#061008;
	font-weight:900;
}

input.button.loginpopup-button:hover{
	background:
		linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0)),
		linear-gradient(135deg,var(--cs-green-2, #21d60f),var(--cs-green, #39ff14)) !important;
	border-color:rgba(57,255,20,.55) !important;
	color:#061008;
}

.lost-pass{
	position:absolute;
	left:0;
	bottom:-40px;
	width:100%;
	text-align:center;
}

.lost-pass a:link,
.lost-pass a:visited,
.lost-pass a:focus{
	color:var(--cs-muted, #8da096);
	font-weight:800;
}

.lost-pass a:hover{
	color:var(--cs-green, #39ff14);
	text-decoration:none;
}


/* =========================================================
   16. RESPONSIVE EXTRA
========================================================= */

@media screen and (max-width:1100px){
	.pt-hide{
		display:none;
	}

	ul.tabs li.current{
		float:none;
	}

	ul.tabs li{
		display:block;
		float:none;
	}
}

@media screen and (max-width:900px){
	.profile-containter_extras{
		margin:20px;
		margin-top:-80px;
	}

	.profile-container .left-sidebar,
	.profile-container .profile-heading{
		width:100%;
		margin:0 0 15px;
	}

	#backtop{
		right:16px;
		bottom:16px;
		width:40px;
		height:40px;
		font-size:16px;
	}

	#backtop .backtop-icon{
		line-height:40px;
	}
}

@media screen and (max-width:600px){
	.profile-containter_extras{
		margin:12px;
		margin-top:-65px;
	}

	.profile_background,
	.profile_background2{
		height:190px;
	}

	.textbox-login{
		width:100%;
	}

	span.login-icon i::before{
		right:28px;
	}

	.tab-content{
		padding:16px;
		border-radius:14px;
	}
}


/* =========================================================
   17. ANIMATIONS
========================================================= */

@keyframes pulse{
	to{
		box-shadow:0 0 0 6px rgba(57,255,20,0);
	}
}