/* Tools hub + single tool page styles: extends main.css design tokens */

.tools-grid-section { position: relative; }

.tool-card { display: block; text-decoration: none; }
.tool-card .service-desc { min-height: 44px; }

.tool-breadcrumb { display: inline-block; }
.tool-breadcrumb a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: .875rem;
	font-weight: 600;
	color: var(--tj-color-muted);
	transition: var(--tj-transition-fast);
}
.tool-breadcrumb a:hover { color: var(--tj-theme-purple); }

.tool-benefits-list li { align-items: flex-start; }
.tool-benefits-list li i { color: #22c55e; margin-top: 3px; }

.tool-embed-box {
	background: var(--tj-bg-card);
	border: var(--tj-border);
	border-radius: 20px;
	padding: 40px;
}
@media (max-width: 576px) {
	.tool-embed-box { padding: 24px 18px; }
}

/* Restyle the plugin's light-theme widget to sit on the dark portfolio background */
.tool-embed-box .pdt-tool { margin: 0; color: var(--tj-color-body); }
.tool-embed-box .pdt-tool h3 { color: var(--tj-color-heading); font-family: var(--tj-ff-heading); }
.tool-embed-box .pdt-tool label { color: var(--tj-color-heading); }
.tool-embed-box .pdt-tool .pdt-hint { color: var(--tj-color-muted); }

.tool-embed-box .pdt-tool input[type="text"],
.tool-embed-box .pdt-tool input[type="url"],
.tool-embed-box .pdt-tool input[type="number"],
.tool-embed-box .pdt-tool select,
.tool-embed-box .pdt-tool textarea {
	background: var(--tj-glass);
	border: var(--tj-border);
	color: var(--tj-color-heading);
}
.tool-embed-box .pdt-tool textarea::placeholder,
.tool-embed-box .pdt-tool input::placeholder { color: var(--tj-color-muted); }

.tool-embed-box .pdt-tool .pdt-btn {
	background: var(--tj-gradient);
	border-radius: var(--tj-btn-radius);
	box-shadow: 0 4px 20px rgba(135, 80, 247, .35);
}
.tool-embed-box .pdt-tool .pdt-btn:hover { transform: translateY(-2px); }
.tool-embed-box .pdt-tool .pdt-btn-outline {
	background: transparent;
	color: var(--tj-color-heading);
	border: 1px solid var(--tj-glass-border);
	box-shadow: none;
}
.tool-embed-box .pdt-tool .pdt-btn-outline:hover {
	border-color: var(--tj-theme-purple);
	color: var(--tj-theme-purple);
	background: rgba(135, 80, 247, .05);
}

.tool-embed-box .pdt-tool .pdt-dropzone {
	border-color: var(--tj-glass-border);
	color: var(--tj-color-muted);
	border-radius: var(--tj-card-radius);
}
.tool-embed-box .pdt-tool .pdt-dropzone.pdt-drag {
	background: rgba(135, 80, 247, .06);
	border-color: var(--tj-theme-purple);
}

.tool-embed-box .pdt-tool .pdt-result-item {
	background: var(--tj-glass);
	border: var(--tj-border);
	border-radius: 12px;
	color: var(--tj-color-heading);
}
.tool-embed-box .pdt-tool .pdt-badge {
	background: rgba(34, 197, 94, .15);
	color: #4ade80;
}
.tool-embed-box .pdt-tool .pdt-badge-neutral {
	background: var(--tj-glass);
	color: var(--tj-color-heading);
}
.tool-embed-box .pdt-tool .pdt-error { color: #f87171; }
.tool-embed-box .pdt-tool fieldset { border: var(--tj-border); border-radius: var(--tj-card-radius); }
.tool-embed-box .pdt-tool legend { color: var(--tj-color-heading); }

/* FAQ accordion (Bootstrap default re-skinned for dark theme, mirrors service-landing.css) */
.faq-accordion .accordion-item {
	background: var(--tj-bg-card);
	border: var(--tj-border);
	border-radius: var(--tj-card-radius) !important;
	margin-bottom: 16px;
	overflow: hidden;
}
.faq-accordion .accordion-header { margin: 0; }
.faq-accordion .accordion-button {
	background: transparent;
	color: var(--tj-color-heading);
	font-family: var(--tj-ff-heading);
	font-size: 1.0625rem;
	font-weight: 600;
	padding: 22px 26px;
	box-shadow: none !important;
}
.faq-accordion .accordion-button:not(.collapsed) { color: var(--tj-theme-purple); }
.faq-accordion .accordion-button::after {
	filter: invert(56%) sepia(84%) saturate(1833%) hue-rotate(226deg) brightness(101%) contrast(96%);
}
.faq-accordion .accordion-body {
	color: var(--tj-color-body);
	font-size: .9375rem;
	padding: 0 26px 24px;
}