/* =========== © 2025 Centroarts.com - https://5play.dev =========== */

/* EDIT POST */
.card-edit { position: absolute; z-index: 3; right: 0; top: 0; }
.card-edit > a { padding: 12px; display: flex; align-items: center; justify-content: center; }
.card-edit > a > .im { width: 24px; height: 24px; position: relative; z-index: 1; }
.card-edit > a > .im::before { opacity: .7; }
.card-edit > a > .im::after {
	content: ""; position: absolute; inset: -1px; z-index: -1;
	border-radius: 50%; background-color: hsla(var(--btn-edit-bg), .5);
	backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
	transition: transform .2s ease, background-color .2s ease;
}
.card-edit > a:hover > .im::after { transform: scale(1.05); background-color: hsla(var(--btn-edit-bg), .7); }

#dropmenudiv {
	--dropdown-p: 12px;
	display: none; opacity: 1 !important; z-index: 95 !important; min-width: 140px; font-size: var(--fs-3); left: calc(var(--dropdown-p)/-1);
	border-radius: var(--dropdown-rd); padding: var(--dropdown-p); overflow: hidden;
	background-color: hsl(var(--dropdown-bg)); box-shadow: var(--dropdown-sw);
}
#dropmenudiv > a:nth-child(1), #dropmenudiv > a:nth-child(3) { display: none; }
#dropmenudiv a {
	color: hsl(var(--c-text)); display: block; padding: 8px 12px;
	line-height: 20px; border-radius: 20px; border: 0 none; white-space: nowrap;
	opacity: 1 !important;
}
#dropmenudiv a:hover { background-color: hsla(var(--c-text),.05); }

/* PM */
.pm-box {
	margin-bottom: var(--sect-gap); 
	background-color: hsl(var(--block-bg));
    box-shadow: var(--block-sw);
    border-radius: var(--block-rd);
	overflow: hidden; text-align: center;
}
.pm-status { position: relative; }
.pm-status-info { display: block; padding: 8px 16px; border-radius: inherit; font-size: var(--fs-3); }

.pm-menu { display: flex; }
.pm-menu > li { width: 100%; max-width: calc(100% / 2); flex: 0 0 calc(100% / 2); }
.pm-menu > li:not(:first-child) { box-shadow: inset 1px 0 0 0 hsla(var(--c-text),.05); }
.pm-menu > li a {
	display: block; text-align: center; font-size: var(--fs-2); font-weight: bold;
	padding: 20px; color: inherit !important; transition: opacity .15s ease;
}
.pm-menu > li a .im { width: var(--im-size); margin: 0 auto 8px auto; display: block; }

@media (max-width: 575px) {
	.pm-status-info { text-align: center; }
}
.pm-menu > li a:hover { opacity: .8; }

.pm_progress_bar { width: 100%; height: .25rem; background-color: hsla(var(--c-yellow),0.2); overflow: hidden; }
.pm_progress_bar span { background-color: hsl(var(--c-yellow)); font-size: 0; height: 100%; border-radius: inherit; display: block; overflow: hidden }

/* PM OLD MSG */
.pm_msg_tools, .pm_msg_info { font-size: var(--fs-3); }
.pm_msg_tools a, .pm_msg_info a { color: inherit; }
.pm_msg_info { margin-top: 24px; }
.pm_msg_tools { border-top: 1px solid hsla(var(--c-text),.1); padding-top: 8px; margin-top: 8px; }
.pm_msg_tools a, .pm_msg_info > * { margin-right: 16px; }
.pm_msg_tools a:hover { color: hsl(var(--c-primary)); }

.pm_msg .title { margin-bottom: 16px; }

.p-msg-list .p-msg-item { margin-top: var(--com-gap); }
.p-msg-list > div:first-child .p-msg-item { margin-top: 0; }

/* PM Table */
table td.pm_list, table th.pm_head { border-bottom: 1px solid hsla(var(--c-text),.1); padding: 8px; }
table.pm { width: 100%; margin-bottom: 0; min-width: 600px; }
.pmlist { margin-left: calc(var(--wrp-p)/-1); margin-right: calc(var(--wrp-p)/-1); }
.pmlist:not(:has( > form#pmlist)) {
	overflow: hidden; overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-left: var(--wrp-p);
	padding-right: var(--wrp-p);
}
.pmlist > form#pmlist {
	overflow: hidden; overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	
	padding-left: var(--wrp-p);
	padding-right: var(--wrp-p);
}

.pm th { text-align: left; font-weight: bold; white-space: nowrap; }
.pm th.pm_checkbox { text-align: center; }
.pm_list.pm_subj, .pm_list.pm_icon, .pm_list.pm_last_user { cursor: pointer; }
.pm_list.pm_icon svg { width: 20px; height: 20px; vertical-align: middle; }
.pm td.pm_list.pm_icon, .userstop td, th.pm_head.pm_icon { border-bottom: none; }

.pm_list .pm_last_message, .pm_list .pm_last_date, .pm_list .pm_with_user { font-size: var(--fs-4); }

.pm_navigation { margin-top: 16px; position: sticky; left: 0; }
.pm_navigation .navigation { display: inline-block; padding: 8px; }
.pm_navigation .navigation a, .pm_navigation .navigation span { padding: 8px; min-width: 36px; }

.pm_navigation td { padding: 0; }
.pm_navigation td select { width: 100%; max-width: 150px; }

/* Editor Dark Theme */
html.darkmod .dlepm-editor {
	filter: invert(100%) contrast(80%) brightness(80%);
}