/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/scss/blocks/columns_lumina.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
/* ==========================================================================
   LUMINA: Master Columns & Gutter Dividers Engine (columns_lumina.scss)
   ========================================================================== */
/* -------------------------------------------------------------------------
 * 1. BASE GUTTER DIVIDERS (Standard Single-Row Blocks)
 * ------------------------------------------------------------------------- */
.wp-block-columns.is-style-gutter-dividers {
  position: relative;
  --gutter-divider-gap: calc(var(--wp--style--block-gap, 2rem) * 2);
  gap: var(--gutter-divider-gap) !important;
}
.wp-block-columns.is-style-gutter-dividers > .wp-block-column {
  position: relative;
  /* Default vertical divider between standard single-row columns */
}
.wp-block-columns.is-style-gutter-dividers > .wp-block-column:not(:first-child)::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: calc(var(--gutter-divider-gap) / -2);
  background-color: color-mix(in srgb, currentColor 20%, transparent);
  z-index: 2;
  pointer-events: none;
}

/* -------------------------------------------------------------------------
 * 2. DESKTOP VIEWPORTS (>= 782px)
 * ------------------------------------------------------------------------- */
@media (min-width: 782px) {
  /* Default Top-Level 6-Column Blocks -> 3x2 Grid */
  .wp-block-columns:not(.is-not-stacked-on-mobile):has(> .wp-block-column:first-child:nth-last-child(6)) {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile):has(> .wp-block-column:first-child:nth-last-child(6)) > .wp-block-column {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: auto !important;
    margin: 0 !important;
  }
  /* Nested 6-Column Blocks (Inside a Parent Column) -> 2x3 Grid */
  .wp-block-column .wp-block-columns:not(.is-not-stacked-on-mobile):has(> .wp-block-column:first-child:nth-last-child(6)) {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  /* --- Crosshair Dividers: Top-Level 6-Up (3x2 Grid) --- */
  .wp-block-columns.is-style-gutter-dividers:not(.wp-block-column *):has(> .wp-block-column:first-child:nth-last-child(6)) > .wp-block-column:not(:first-child)::before {
    content: none;
  }
  .wp-block-columns.is-style-gutter-dividers:not(.wp-block-column *):has(> .wp-block-column:first-child:nth-last-child(6)) {
    /* Row 1 Vertical Lines (Cols 2 & 3): Extend down through row-gap */
  }
  .wp-block-columns.is-style-gutter-dividers:not(.wp-block-column *):has(> .wp-block-column:first-child:nth-last-child(6)) > .wp-block-column:nth-child(2)::before,
  .wp-block-columns.is-style-gutter-dividers:not(.wp-block-column *):has(> .wp-block-column:first-child:nth-last-child(6)) > .wp-block-column:nth-child(3)::before {
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% + var(--gutter-divider-gap));
    top: 0;
    left: calc(var(--gutter-divider-gap) / -2);
    background-color: color-mix(in srgb, currentColor 20%, transparent);
    z-index: 2;
    pointer-events: none;
  }
  .wp-block-columns.is-style-gutter-dividers:not(.wp-block-column *):has(> .wp-block-column:first-child:nth-last-child(6)) {
    /* Row 2 Vertical Lines (Cols 5 & 6) */
  }
  .wp-block-columns.is-style-gutter-dividers:not(.wp-block-column *):has(> .wp-block-column:first-child:nth-last-child(6)) > .wp-block-column:nth-child(5)::before,
  .wp-block-columns.is-style-gutter-dividers:not(.wp-block-column *):has(> .wp-block-column:first-child:nth-last-child(6)) > .wp-block-column:nth-child(6)::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: calc(var(--gutter-divider-gap) / -2);
    background-color: color-mix(in srgb, currentColor 20%, transparent);
    z-index: 2;
    pointer-events: none;
  }
  .wp-block-columns.is-style-gutter-dividers:not(.wp-block-column *):has(> .wp-block-column:first-child:nth-last-child(6)) {
    /* Horizontal Divider Line across Row 2 */
  }
  .wp-block-columns.is-style-gutter-dividers:not(.wp-block-column *):has(> .wp-block-column:first-child:nth-last-child(6)) > .wp-block-column:nth-child(4)::after {
    content: "";
    position: absolute;
    height: 1px;
    width: calc(300% + var(--gutter-divider-gap) * 2);
    top: calc(var(--gutter-divider-gap) / -2);
    left: 0;
    background-color: color-mix(in srgb, currentColor 20%, transparent);
    z-index: 2;
    pointer-events: none;
  }
  /* --- Crosshair Dividers: Nested 6-Up (2x3 Grid) --- */
  .wp-block-column .wp-block-columns.is-style-gutter-dividers:has(> .wp-block-column:first-child:nth-last-child(6)) > .wp-block-column:not(:first-child)::before {
    content: none;
  }
  .wp-block-column .wp-block-columns.is-style-gutter-dividers:has(> .wp-block-column:first-child:nth-last-child(6)) {
    /* Vertical Center Lines (Cols 2, 4, 6) */
  }
  .wp-block-column .wp-block-columns.is-style-gutter-dividers:has(> .wp-block-column:first-child:nth-last-child(6)) > .wp-block-column:nth-child(2n)::before {
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% + var(--gutter-divider-gap));
    top: 0;
    left: calc(var(--gutter-divider-gap) / -2);
    background-color: color-mix(in srgb, currentColor 20%, transparent);
    z-index: 2;
    pointer-events: none;
  }
  .wp-block-column .wp-block-columns.is-style-gutter-dividers:has(> .wp-block-column:first-child:nth-last-child(6)) > .wp-block-column:last-child::before {
    height: 100%;
  }
  .wp-block-column .wp-block-columns.is-style-gutter-dividers:has(> .wp-block-column:first-child:nth-last-child(6)) {
    /* Horizontal Dividers across Rows 2 & 3 */
  }
  .wp-block-column .wp-block-columns.is-style-gutter-dividers:has(> .wp-block-column:first-child:nth-last-child(6)) > .wp-block-column:nth-child(3)::after,
  .wp-block-column .wp-block-columns.is-style-gutter-dividers:has(> .wp-block-column:first-child:nth-last-child(6)) > .wp-block-column:nth-child(5)::after {
    content: "";
    position: absolute;
    height: 1px;
    width: calc(200% + var(--gutter-divider-gap));
    top: calc(var(--gutter-divider-gap) / -2);
    left: 0;
    background-color: color-mix(in srgb, currentColor 20%, transparent);
    z-index: 2;
    pointer-events: none;
  }
}
/* -------------------------------------------------------------------------
 * 3. TABLET VIEWPORTS (600px - 781px): 4-UP (2x2) AND 6-UP (2x3) GRIDS
 * ------------------------------------------------------------------------- */
@media (min-width: 600px) and (max-width: 781px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile):has(> .wp-block-column:first-child:nth-last-child(4)),
  .wp-block-columns:not(.is-not-stacked-on-mobile):has(> .wp-block-column:first-child:nth-last-child(6)) {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile):has(> .wp-block-column:first-child:nth-last-child(4)) > .wp-block-column,
  .wp-block-columns:not(.is-not-stacked-on-mobile):has(> .wp-block-column:first-child:nth-last-child(6)) > .wp-block-column {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: auto !important;
    margin: 0 !important;
  }
  /* Crosshair Dividers for 2-Column Wide Tablet Grids */
  .wp-block-columns.is-style-gutter-dividers:has(> .wp-block-column:first-child:nth-last-child(4)) > .wp-block-column:not(:first-child)::before,
  .wp-block-columns.is-style-gutter-dividers:has(> .wp-block-column:first-child:nth-last-child(6)) > .wp-block-column:not(:first-child)::before {
    content: none;
  }
  .wp-block-columns.is-style-gutter-dividers:has(> .wp-block-column:first-child:nth-last-child(4)) > .wp-block-column:nth-child(2n)::before,
  .wp-block-columns.is-style-gutter-dividers:has(> .wp-block-column:first-child:nth-last-child(6)) > .wp-block-column:nth-child(2n)::before {
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% + var(--gutter-divider-gap));
    top: 0;
    left: calc(var(--gutter-divider-gap) / -2);
    background-color: color-mix(in srgb, currentColor 20%, transparent);
    z-index: 2;
    pointer-events: none;
  }
  .wp-block-columns.is-style-gutter-dividers:has(> .wp-block-column:first-child:nth-last-child(4)) > .wp-block-column:last-child::before,
  .wp-block-columns.is-style-gutter-dividers:has(> .wp-block-column:first-child:nth-last-child(6)) > .wp-block-column:last-child::before {
    height: 100%;
  }
  .wp-block-columns.is-style-gutter-dividers:has(> .wp-block-column:first-child:nth-last-child(4)) > .wp-block-column:nth-child(3)::after,
  .wp-block-columns.is-style-gutter-dividers:has(> .wp-block-column:first-child:nth-last-child(4)) > .wp-block-column:nth-child(5)::after,
  .wp-block-columns.is-style-gutter-dividers:has(> .wp-block-column:first-child:nth-last-child(6)) > .wp-block-column:nth-child(3)::after,
  .wp-block-columns.is-style-gutter-dividers:has(> .wp-block-column:first-child:nth-last-child(6)) > .wp-block-column:nth-child(5)::after {
    content: "";
    position: absolute;
    height: 1px;
    width: calc(200% + var(--gutter-divider-gap));
    top: calc(var(--gutter-divider-gap) / -2);
    left: 0;
    background-color: color-mix(in srgb, currentColor 20%, transparent);
    z-index: 2;
    pointer-events: none;
  }
}
/* -------------------------------------------------------------------------
 * 4. MOBILE STACK DIVIDERS (< 600px)
 * ------------------------------------------------------------------------- */
@media (max-width: 599px) {
  .wp-block-columns.is-style-gutter-dividers > .wp-block-column::after {
    content: none;
  }
  .wp-block-columns.is-style-gutter-dividers > .wp-block-column {
    /* Horizontal line centered in the gap above each stacked item */
  }
  .wp-block-columns.is-style-gutter-dividers > .wp-block-column:not(:first-child)::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    top: calc(var(--gutter-divider-gap) / -2);
    left: 0;
    background-color: color-mix(in srgb, currentColor 20%, transparent);
    z-index: 2;
    pointer-events: none;
  }
}
