/**
 * Classic FAQ dashboard widgets (wp-admin dashboard pattern).
 */

/* Square postboxes — native wp-admin, not the rounded dashboard CSS. */
body.forwp-faq-dashboard-page #dashboard-widgets .postbox,
body.forwp-faq-dashboard-page #dashboard-widgets .postbox-container .empty-container,
body.forwp-faq-dashboard-page.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
	border-radius: 0;
}

/* Keep 3-col and 33/66 radios visible below 1500px (core dashboard.css hides them). */
body.forwp-faq-dashboard-page .forwp-faq-columns-prefs label.columns-prefs-3,
body.forwp-faq-dashboard-page .forwp-faq-columns-prefs label.columns-prefs-4 {
	display: inline-block;
}

@media screen and (min-width: 800px) {
	/* 2 columns: 50 / 50 */
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets.columns-2 .postbox-container,
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets.columns-2 #postbox-container-1,
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 {
		width: 50%;
	}

	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 {
		float: right;
	}

	/* 3 columns: 33 / 33 / 33 */
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets.columns-3 .postbox-container,
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets.columns-3 #postbox-container-1,
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets.columns-3 #postbox-container-2,
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 {
		width: 33.333%;
	}

	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 {
		float: right;
	}

	/* 33 / 66 */
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets.columns-4 #postbox-container-1 {
		float: left;
		width: 33.333%;
	}

	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets.columns-4 #postbox-container-2,
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets.columns-4 #postbox-container-3,
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets.columns-4 #postbox-container-4 {
		float: right;
		width: 66.666%;
	}

	body.forwp-faq-dashboard-page #dashboard-widgets.columns-3 #postbox-container-4 .empty-container {
		display: none;
		height: 0;
		min-height: 0;
		margin: 0;
		border: none;
		outline: none;
	}
}

@media screen and (max-width: 799px) {
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets .postbox-container,
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets #postbox-container-1,
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets #postbox-container-2,
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets #postbox-container-3,
	body.forwp-faq-dashboard-page #wpbody-content #dashboard-widgets #postbox-container-4 {
		float: none;
		width: 100%;
	}
}

#dashboard-widgets .forwp-faq-status-list {
	display: flow-root;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

#dashboard-widgets .forwp-faq-status-list li {
	width: 50%;
	float: left;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ececec;
}

#dashboard-widgets .forwp-faq-status-list li:nth-child(-n + 2) {
	border-top: 0;
}

#dashboard-widgets .forwp-faq-status-list li:nth-child(odd) {
	border-right: 1px solid #ececec;
}

#dashboard-widgets .forwp-faq-status-list a {
	display: block;
	position: relative;
	padding: 9px 12px 9px 44px;
	color: #646970;
	font-size: 13px;
	line-height: 1.5;
	text-decoration: none;
}

#dashboard-widgets .forwp-faq-status-list a:hover,
#dashboard-widgets .forwp-faq-status-list a:focus {
	background: #f6f7f7;
}

#dashboard-widgets .forwp-faq-status-list a::before {
	font-family: dashicons;
	font-size: 20px;
	line-height: 20px;
	position: absolute;
	top: 50%;
	left: 12px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	color: #8c8f94;
}

#dashboard-widgets .forwp-faq-status-list strong {
	display: block;
	color: #1d2327;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
}

#dashboard-widgets .forwp-faq-status-list .questions a::before {
	content: "\f223";
}

#dashboard-widgets .forwp-faq-status-list .categories a::before {
	content: "\f318";
}

#dashboard-widgets .forwp-faq-status-list .reused a::before {
	content: "\f503";
}

#dashboard-widgets .forwp-faq-status-list .once a::before {
	content: "\f177";
}

#dashboard-widgets .forwp-faq-status-list .pages a::before {
	content: "\f105";
}

#dashboard-widgets .forwp-faq-status-list .posts a::before {
	content: "\f109";
}

#dashboard-widgets .forwp-faq-status-list .uncat a::before {
	content: "\f14c";
}

#dashboard-widgets .forwp-faq-status-list .unused a::before {
	content: "\f158";
}

#dashboard-widgets #forwp_faq_status .inside {
	margin: 0;
	padding: 0;
}

#dashboard-widgets .forwp-faq-dash-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin: 0;
	padding: 8px 12px;
	border-top: 1px solid #ececec;
	color: #646970;
	font-size: 12px;
}

#dashboard-widgets .forwp-faq-dash-scan {
	margin: 0;
}

/* ── Generic dash list (Most reused, Uncategorized) ── */

#dashboard-widgets .forwp-faq-dash-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

#dashboard-widgets .forwp-faq-dash-list li {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	margin: 0;
	padding: 8px 12px;
	border-top: 1px solid #f0f0f1;
	font-size: 13px;
	line-height: 1.5;
}

#dashboard-widgets .forwp-faq-dash-list li:first-child {
	border-top: 0;
}

#dashboard-widgets .forwp-faq-dash-list li a {
	color: #2271b1;
	text-decoration: none;
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#dashboard-widgets .forwp-faq-dash-list li a:hover,
#dashboard-widgets .forwp-faq-dash-list li a:focus {
	color: #135e96;
}

#dashboard-widgets .forwp-faq-dash-count {
	color: #646970;
	font-variant-numeric: tabular-nums;
	flex-shrink: 0;
}

#dashboard-widgets .forwp-faq-dash-empty {
	padding: 24px 16px;
	text-align: center;
}

#dashboard-widgets .forwp-faq-dash-empty p {
	margin: 0;
	color: #646970;
	font-size: 14px;
	line-height: 1.5;
}

#dashboard-widgets .forwp-faq-dash-empty__action {
	margin-top: 12px;
}

/* ── By category — row-based collapsible tree ── */

#dashboard-widgets #forwp_faq_by_category .inside,
#dashboard-widgets #forwp_faq_top_reused .inside,
#dashboard-widgets #forwp_faq_uncategorized .inside {
	margin: 0;
	padding: 0;
}

#dashboard-widgets .forwp-faq-cat-list,
#dashboard-widgets .forwp-faq-cat-children {
	margin: 0;
	padding: 0;
	list-style: none;
}

#dashboard-widgets .forwp-faq-cat-row {
	border-top: 1px solid #f0f0f1;
}

#dashboard-widgets .forwp-faq-cat-list > .forwp-faq-cat-row:first-child {
	border-top: 0;
}

/* Leaf rows (no children) */
#dashboard-widgets .forwp-faq-cat-row:not(.forwp-faq-cat-parent) {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 7px 12px;
	font-size: 13px;
	line-height: 1.5;
}

#dashboard-widgets .forwp-faq-cat-row[data-depth="1"]:not(.forwp-faq-cat-parent) {
	padding-left: 28px;
}

#dashboard-widgets .forwp-faq-cat-row[data-depth="2"]:not(.forwp-faq-cat-parent) {
	padding-left: 44px;
}

/* Parent rows (collapsible) */
#dashboard-widgets .forwp-faq-cat-row > details {
	width: 100%;
}

#dashboard-widgets .forwp-faq-cat-row > details > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 7px 12px;
	font-size: 13px;
	line-height: 1.5;
	cursor: pointer;
	list-style: none;
	user-select: none;
}

#dashboard-widgets .forwp-faq-cat-row > details > summary::-webkit-details-marker {
	display: none;
}

#dashboard-widgets .forwp-faq-cat-row > details > summary::before {
	font-family: dashicons;
	font-size: 16px;
	line-height: 1;
	width: 16px;
	flex-shrink: 0;
	content: "\f345"; /* dashicons-arrow-right-alt2 */
	color: #8c8f94;
	transition: transform 0.15s ease;
}

#dashboard-widgets .forwp-faq-cat-row > details[open] > summary::before {
	transform: rotate(90deg);
}

#dashboard-widgets .forwp-faq-cat-row[data-depth="1"] > details > summary {
	padding-left: 28px;
}

#dashboard-widgets .forwp-faq-cat-row[data-depth="2"] > details > summary {
	padding-left: 44px;
}

#dashboard-widgets .forwp-faq-cat-row > details > summary:hover {
	background: #f6f7f7;
}

#dashboard-widgets .forwp-faq-cat-row a {
	color: #2271b1;
	text-decoration: none;
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#dashboard-widgets .forwp-faq-cat-row a:hover,
#dashboard-widgets .forwp-faq-cat-row a:focus {
	color: #135e96;
}

#dashboard-widgets .forwp-faq-cat-count {
	color: #646970;
	font-variant-numeric: tabular-nums;
	flex-shrink: 0;
}

#dashboard-widgets .forwp-faq-cat-children {
	border-top: 1px solid #f0f0f1;
}