/* Portfolio Details for Elementor — base/default styles.
   Most visual properties are controlled live from the Elementor Style tab;
   this file only supplies safe layout defaults and fallbacks. */

.pdw-wrapper {
	width: 100%;
}

.pdw-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	width: 100%;
}

.pdw-item {
	min-width: 0; /* prevents grid blowout with long text */
}

.pdw-label {
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin: 0 0 8px;
}

.pdw-value {
	margin: 0;
	word-break: break-word;
}

/* Team */
.pdw-team-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pdw-team-list li {
	display: flex;
	flex-direction: column;
}

.pdw-team-name {
	display: block;
}

.pdw-team-role {
	display: block;
}

/* Deliverables */
.pdw-deliverables-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pdw-deliverables-list li {
	display: flex;
	align-items: center;
	gap: 8px;
}

.pdw-deliverables-list li i,
.pdw-deliverables-list li svg {
	flex-shrink: 0;
}

/* Fallback responsive behaviour if the columns control is left untouched
   on breakpoints below Elementor's default tablet/mobile widths. */
@media (max-width: 1024px) {
	.pdw-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.pdw-grid {
		grid-template-columns: 1fr;
	}
}