/*
	Theme Name: Nexter Child Theme
	Theme URI: https://nexterwp.com
	Description: Bare WordPress Theme made for Block builder and Popular Page Builders.
	Author: POSIMYTH
	Author URI: https://posimyth.com
	Version: 1.0.0
	Template: nexter
	Text Domain: nexter
*/


/* ============================================================
   SIDEBAR — Screenshot Matching Design
   White card, rounded corners, clean dividers, bullet dots
   ============================================================ */

/* ── Main container: white card ── */
.posimyth-docs-main-sidebar {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	max-width: 420px !important;
	font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	background: #ffffff !important;
	border-radius: 16px !important;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06) !important;
	padding: 4px 0 !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

/* ── Each accordion item ── */
.posimyth-docs-main-sidebar .pm-docs-item {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	background: transparent !important;
	border-radius: 0 !important;
	margin-bottom: 0 !important;
	border-bottom: 1px solid #f0f0f0 !important;
}
.posimyth-docs-main-sidebar .pm-docs-item:last-child {
	border-bottom: none !important;
}

/* ── Header row (always transparent, no blue bg) ── */
.posimyth-docs-main-sidebar .docs-item-header,
.posimyth-docs-main-sidebar .pm-docs-item.active .docs-item-header {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	cursor: pointer !important;
	padding: 20px 24px !important;
	border-radius: 0 !important;
	background: transparent !important;
	transition: background 0.15s ease !important;
}
.posimyth-docs-main-sidebar .docs-item-header:hover {
	background: #fafafa !important;
}

/* ── Title text (always dark, never white) ── */
.posimyth-docs-main-sidebar .docs-title-icon-wrap {
	flex: 1 !important;
}
.posimyth-docs-main-sidebar .docs-title-icon-wrap .docs-title,
.posimyth-docs-main-sidebar .docs-title-icon-wrap a .docs-title,
.posimyth-docs-main-sidebar .pm-docs-item.active .docs-title-icon-wrap .docs-title,
.posimyth-docs-main-sidebar .pm-docs-item.active .docs-title-icon-wrap a .docs-title {
	color: #1a1a1a !important;
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
}

/* ── Toggle icon (chevron) ── */
.posimyth-docs-main-sidebar .docs-item-toggle-icon,
.posimyth-docs-main-sidebar .pm-docs-item.active .docs-item-toggle-icon {
	margin-left: auto !important;
	font-size: 12px !important;
	flex-shrink: 0 !important;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease !important;
}
.posimyth-docs-main-sidebar .docs-item-toggle-icon {
	color: #999999 !important;
}
.posimyth-docs-main-sidebar .pm-docs-item.active .docs-item-toggle-icon {
	color: #1a1a1a !important;
}
.posimyth-docs-main-sidebar .docs-toggle-icon {
	display: inline-block !important;
	line-height: 1 !important;
}

/* Toggle visibility */
.posimyth-docs-main-sidebar .open-toggle-icon { display: none !important; }
.posimyth-docs-main-sidebar .close-toggle-icon { display: inline !important; }
.posimyth-docs-main-sidebar .pm-docs-item.active .open-toggle-icon { display: inline !important; }
.posimyth-docs-main-sidebar .pm-docs-item.active .close-toggle-icon { display: none !important; }
.posimyth-docs-main-sidebar .pm-docs-item .open-toggle-icon { display: none !important; }
.posimyth-docs-main-sidebar .pm-docs-item .close-toggle-icon { display: inline !important; }

/* Rotate chevron icons */
.posimyth-docs-main-sidebar .close-toggle-icon i.fas.fa-chevron-right {
	transform: rotate(90deg) !important;
}
.posimyth-docs-main-sidebar i.fas.fa-chevron-down {
	transform: rotate(180deg) !important;
}

/* ── Sub-content area (collapsible) ── */
.pm-docs-content {
	height: 0 !important;
	transform: scaleY(0) !important;
	display: block !important;
	background: transparent !important;
	transform-origin: top !important;
	overflow: hidden !important;
}
.pm-docs-item.active .pm-docs-content {
	padding: 0 0 12px 0 !important;
	background: transparent !important;
	display: block !important;
	transform: scaleY(1) !important;
	transform-origin: top !important;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	height: auto !important;
	border-radius: 0 !important;
	overflow: visible !important;
}

/* ── Sub-links list ── */
ul.pm-docs-content-ul {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	margin: 0 !important;
	padding: 0 24px 0 32px !important;
	list-style: none !important;
}
li.pm-docs-content-li {
	color: #555 !important;
	list-style: none !important;
	position: relative !important;
	padding: 0 !important;
}
li.pm-docs-content-li::marker { display: none !important; content: "" !important; }

/* Bullet dot before each sub-link */
li.pm-docs-content-li::before {
	content: '' !important;
	position: absolute !important;
	left: -14px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 5px !important;
	height: 5px !important;
	background: #c0c0c0 !important;
	border-radius: 50% !important;
}
li.pm-docs-content-li.active::before {
	background: #1a1a1a !important;
}

/* ── Sub-links styling ── */
.pm-docs-item .pm-docs-content a.posi-lc-list,
.pm-docs-item.active .pm-docs-content a.posi-lc-list {
	display: flex !important;
	align-items: center !important;
	padding: 7px 0 !important;
	margin-bottom: 0 !important;
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: #999999 !important;
	border-radius: 0 !important;
	text-decoration: none !important;
	transition: color 0.15s ease !important;
	border-left: none !important;
	background: transparent !important;
}
.pm-docs-item.active .pm-docs-content a.posi-lc-list:hover {
	background: transparent !important;
	color: #1a1a1a !important;
	border-left: none !important;
}
.pm-docs-item li.pm-docs-content-li.active a.posi-lc-list {
	background: transparent !important;
	color: #1a1a1a !important;
	font-weight: 600 !important;
	border-left: none !important;
}

/* ── Doc article links (child shortcode) ── */
.pm-docs-item .pm-docs-content a.posi-cdl-button {
	display: flex !important;
	align-items: center !important;
	padding: 7px 0 !important;
	margin-bottom: 0 !important;
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #999999 !important;
	border-radius: 0 !important;
	text-decoration: none !important;
	transition: color 0.15s ease !important;
	border-left: none !important;
	background: transparent !important;
}
.pm-docs-item .pm-docs-content a.posi-cdl-button:hover {
	background: transparent !important;
	color: #1a1a1a !important;
	border-left: none !important;
}


/* ============================================================
   LEARN LISTING — Cards
   Desktop: 3 col | Tablet: 2 col | Mobile: 1 col
   ============================================================ */
.posi-cat-doc-lists-main {
	width: 100% !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	gap: 20px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	background: transparent !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}
a.posi-cat-doc-lists {
	display: flex !important;
	flex-direction: column !important;
	width: calc(33.3333% - 14px) !important;
	box-sizing: border-box !important;
	padding: 24px 22px 26px !important;
	background: #ffffff !important;
	border: 1px solid #E5E5E5 !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	text-decoration: none !important;
	color: inherit !important;
	float: none !important;
	margin: 0 !important;
	height: auto !important;
	position: relative !important;
	transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease !important;
	transform: translateY(0) !important;
}
a.posi-cat-doc-lists:hover {
	background: #ffffff !important;
	border-color: #C5C5F0 !important;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.10) !important;
	transform: translateY(-4px) !important;
	text-decoration: none !important;
}
.posi-cdl-top-row {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	margin-bottom: 16px !important;
}
.posi-cdl-icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	min-width: 38px !important;
	background: #F0F0F5 !important;
	border-radius: 8px !important;
}
.posi-cdl-icon img {
	width: 22px !important;
	height: 22px !important;
	object-fit: contain !important;
	display: block !important;
}
.posi-cdl-count {
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-size: 11px !important;
	font-weight: 400 !important;
	color: #ADADBE !important;
	white-space: nowrap !important;
	line-height: 1.4 !important;
}
.posi-cdl-name {
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 26px !important;
	color: #0E163A !important;
	margin-bottom: 8px !important;
}
.posi-cdl-desc,
.posi-cdl-desc p {
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 19px !important;
	color: #7A7A8C !important;
	margin: 0 !important;
	padding: 0 !important;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */
@media only screen and (min-width: 1200px) {
	.posi-cat-doc-lists-main { gap: 24px !important; }
	a.posi-cat-doc-lists { width: calc(33.3333% - 16px) !important; padding: 28px 24px 30px !important; }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
	.posi-cat-doc-lists-main { gap: 18px !important; }
	a.posi-cat-doc-lists { width: calc(33.3333% - 12px) !important; padding: 22px 18px 24px !important; }
	.posi-cdl-name { font-size: 18px !important; }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.posi-cat-doc-lists-main { gap: 16px !important; }
	a.posi-cat-doc-lists { width: calc(50% - 8px) !important; padding: 22px 20px 24px !important; }
	.posi-cdl-name { font-size: 18px !important; }
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	.posi-cat-doc-lists-main { gap: 14px !important; }
	a.posi-cat-doc-lists { width: calc(50% - 7px) !important; padding: 20px 16px 22px !important; }
	.posi-cdl-name { font-size: 17px !important; }
	a.posi-cat-doc-lists:hover { transform: none !important; }
}
@media only screen and (max-width: 599px) {
	.posi-cat-doc-lists-main { gap: 12px !important; }
	a.posi-cat-doc-lists { width: 100% !important; padding: 18px 16px 20px !important; }
	.posi-cdl-name { font-size: 17px !important; line-height: 23px !important; }
	.posi-cdl-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; }
	.posi-cdl-icon img { width: 18px !important; height: 18px !important; }
	a.posi-cat-doc-lists:hover { transform: none !important; box-shadow: none !important; }

	/* Sidebar mobile */
	.posimyth-docs-main-sidebar {
		max-width: 100% !important;
		border-radius: 12px !important;
	}
	.posimyth-docs-main-sidebar .docs-item-header {
		padding: 16px 18px !important;
	}
	.posimyth-docs-main-sidebar .docs-title-icon-wrap .docs-title,
	.posimyth-docs-main-sidebar .docs-title-icon-wrap a .docs-title {
		font-size: 15px !important;
	}
	ul.pm-docs-content-ul {
		padding: 0 18px 0 26px !important;
	}
	.pm-docs-item.active .pm-docs-content a.posi-lc-list,
	.pm-docs-item .pm-docs-content a.posi-cdl-button {
		font-size: 13px !important;
	}
}