/* wpCodify — lightweight Bootstrap-style grid + utilities (no Bootstrap dependency). */

/* Container */
.wpcd-container { width: 100%; max-width: var(--wpcd-container); margin-inline: auto; padding-inline: var(--wpcd-gutter); }
.wpcd-container-fluid { width: 100%; padding-inline: var(--wpcd-gutter); }

/* Row + columns (12-col flexbox grid) */
.wpcd-row { display: flex; flex-wrap: wrap; margin-inline: calc(var(--wpcd-gutter) / -2); }
.wpcd-row > [class*="wpcd-col"] { padding-inline: calc(var(--wpcd-gutter) / 2); width: 100%; }

.wpcd-col { flex: 1 0 0%; }
.wpcd-col-auto { flex: 0 0 auto; width: auto; }
.wpcd-col-1  { flex: 0 0 auto; width: 8.3333%; }
.wpcd-col-2  { flex: 0 0 auto; width: 16.6667%; }
.wpcd-col-3  { flex: 0 0 auto; width: 25%; }
.wpcd-col-4  { flex: 0 0 auto; width: 33.3333%; }
.wpcd-col-5  { flex: 0 0 auto; width: 41.6667%; }
.wpcd-col-6  { flex: 0 0 auto; width: 50%; }
.wpcd-col-7  { flex: 0 0 auto; width: 58.3333%; }
.wpcd-col-8  { flex: 0 0 auto; width: 66.6667%; }
.wpcd-col-9  { flex: 0 0 auto; width: 75%; }
.wpcd-col-10 { flex: 0 0 auto; width: 83.3333%; }
.wpcd-col-11 { flex: 0 0 auto; width: 91.6667%; }
.wpcd-col-12 { flex: 0 0 auto; width: 100%; }

/* md breakpoint (≥768px) */
@media (min-width: 768px) {
	.wpcd-col-md-3  { flex: 0 0 auto; width: 25%; }
	.wpcd-col-md-4  { flex: 0 0 auto; width: 33.3333%; }
	.wpcd-col-md-5  { flex: 0 0 auto; width: 41.6667%; }
	.wpcd-col-md-6  { flex: 0 0 auto; width: 50%; }
	.wpcd-col-md-7  { flex: 0 0 auto; width: 58.3333%; }
	.wpcd-col-md-8  { flex: 0 0 auto; width: 66.6667%; }
	.wpcd-col-md-9  { flex: 0 0 auto; width: 75%; }
}
/* lg breakpoint (≥992px) */
@media (min-width: 992px) {
	.wpcd-col-lg-3 { flex: 0 0 auto; width: 25%; }
	.wpcd-col-lg-4 { flex: 0 0 auto; width: 33.3333%; }
	.wpcd-col-lg-6 { flex: 0 0 auto; width: 50%; }
	.wpcd-col-lg-8 { flex: 0 0 auto; width: 66.6667%; }
	.wpcd-col-lg-9 { flex: 0 0 auto; width: 75%; }
}

/* Spacing utilities (rem-based) */
.wpcd-mt-0 { margin-top: 0; } .wpcd-mt-1 { margin-top: .5rem; } .wpcd-mt-2 { margin-top: 1rem; } .wpcd-mt-3 { margin-top: 1.5rem; } .wpcd-mt-4 { margin-top: 2.5rem; }
.wpcd-mb-0 { margin-bottom: 0; } .wpcd-mb-1 { margin-bottom: .5rem; } .wpcd-mb-2 { margin-bottom: 1rem; } .wpcd-mb-3 { margin-bottom: 1.5rem; } .wpcd-mb-4 { margin-bottom: 2.5rem; }
.wpcd-py-1 { padding-block: .5rem; } .wpcd-py-2 { padding-block: 1rem; } .wpcd-py-3 { padding-block: 2rem; } .wpcd-py-4 { padding-block: 3.5rem; }
.wpcd-px-2 { padding-inline: 1rem; } .wpcd-px-3 { padding-inline: 1.5rem; }

/* Flex utilities */
.wpcd-d-flex { display: flex; } .wpcd-d-block { display: block; } .wpcd-d-none { display: none; }
.wpcd-flex-wrap { flex-wrap: wrap; } .wpcd-flex-col { flex-direction: column; }
.wpcd-items-center { align-items: center; } .wpcd-items-start { align-items: flex-start; }
.wpcd-justify-center { justify-content: center; } .wpcd-justify-between { justify-content: space-between; }
.wpcd-gap-1 { gap: .5rem; } .wpcd-gap-2 { gap: 1rem; } .wpcd-gap-3 { gap: 1.5rem; }

/* Text utilities */
.wpcd-text-center { text-align: center; } .wpcd-text-right { text-align: right; }
.wpcd-w-100 { width: 100%; }

/* Responsive column stacking on small screens */
@media (max-width: 767.98px) {
	.wpcd-row > [class*="wpcd-col"]:not([class*="wpcd-col-md"]):not([class*="wpcd-col-lg"]) { width: 100%; }
}