/* Policy Documents Grid widget — base styles.
   Class-based only (no ID scoping) so Elementor's Style tab controls,
   which generate class-based selectors, can always override these defaults. */

.pdgw-section {
	background-color: #0a0a0a;
	padding: 60px 40px;
	font-family: 'Space Mono', monospace;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}
.pdgw-section *,
.pdgw-section *::before,
.pdgw-section *::after {
	box-sizing: border-box;
}
.pdgw-wrap {
	width: 100%;
	max-width: 100%; /* no length restriction by default; editable via "Container Width" control */
	margin: 0 auto;
}
.pdgw-grid {
	display: grid;
	grid-template-columns: repeat(var(--pdgw-columns, 3), 1fr);
	gap: 1px;
	background-color: var(--pdgw-border-color, rgba(255, 255, 255, 0.12));
	border: 1px solid var(--pdgw-border-color, rgba(255, 255, 255, 0.12));
}
.pdgw-item {
	background-color: var(--pdgw-cell-bg, #0a0a0a);
	padding: var(--pdgw-cell-padding, 34px) 36px;
	display: flex;
	align-items: flex-start;
	gap: var(--pdgw-icon-gap, 22px);
}
.pdgw-icon-wrap {
	flex: 0 0 auto;
	width: var(--pdgw-icon-size, 70px);
}
.pdgw-icon-wrap svg {
	display: block;
	width: 100%;
	height: auto;
}
.pdgw-icon-wrap img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}
.pdgw-icon-path {
	fill: var(--pdgw-icon-color, #93c53d);
}
.pdgw-icon-fold {
	fill: var(--pdgw-icon-fold-color, #71a12b);
}
.pdgw-icon-text {
	fill: var(--pdgw-icon-text-color, #14210a);
	font-family: 'Space Mono', monospace;
	font-weight: 700;
}
.pdgw-content {
	min-width: 0;
}
.pdgw-title {
	font-family: 'Anton', sans-serif;
	font-weight: 400;
	color: #ffffff;
	font-size: 26px;
	line-height: 1.25;
	letter-spacing: 0.3px;
	text-transform: uppercase;
	margin: 0 0 10px;
	word-break: break-word;
}
.pdgw-title a {
	color: inherit;
	text-decoration: none;
}
.pdgw-status {
	font-family: 'Space Mono', monospace;
	font-weight: 400;
	color: #8f8f8f;
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
	word-break: break-word;
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
	.pdgw-section { padding: 48px 28px; }
	.pdgw-item { padding: 28px 26px; }
	.pdgw-title { font-size: 22px; }
}

/* ---------- Mobile: single column, centered stack ---------- */
@media (max-width: 767px) {
	.pdgw-section { padding: 36px 18px; }
	.pdgw-item { padding: 26px 22px; gap: 16px; }
	.pdgw-icon-wrap { width: 56px; }
	.pdgw-title { font-size: 19px; }
	.pdgw-status { font-size: 12px; letter-spacing: 1.5px; }
}