/* Single Blueprint v1 (Columns) */
.una-bp-grid{
  display:grid;
  gap: var(--una-single-gap, 24px);
  grid-template-columns: 1fr;
  grid-template-areas:
    "content"
    "list"
    "sidebar";
}

.una-bp-col{ min-width:0; }
.una-bp-col--content{ min-width:0; }
.una-article__content{ overflow-wrap:anywhere; word-break:break-word; }

/* Map columns to stable grid-areas (prevents misplacement when other CSS affects order) */
.una-bp-col--content{ grid-area: content; }
.una-bp-col--list{ grid-area: list; }
.una-bp-col--sidebar{ grid-area: sidebar; }

/* Desktop/tablet: keep sidebar visible while scrolling */
/* NOTE: breakpoint aligned with theme grid (992px) to match archive/grid behavior */
@media (min-width: 992px){
  /* Ensure sticky is not blocked by accidental overflow on the grid wrapper */
  .una-bp-grid{ overflow: visible; }

  .una-bp-col--sidebar{
    position: sticky;
    top: 24px;
    align-self: start;
  }

  /* Account for sticky header height if enabled */
  body.una-header-is-sticky .una-bp-col--sidebar{
    top: calc(var(--una-header-height, 72px) + 16px);
  }

  /* Account for WP admin-bar */
  .admin-bar .una-bp-col--sidebar{ top: 56px; }
  .admin-bar.una-header-is-sticky .una-bp-col--sidebar{
    top: calc(var(--una-header-height, 72px) + 16px + 32px);
  }
}

/* Mobile order (mobile only) */
@media (max-width: 782px){
  .una-bp-mobile-content-sidebar-list .una-bp-grid{
    grid-template-areas:
      "content"
      "sidebar"
      "list";
  }

  .una-bp-mobile-content-only .una-bp-col--list,
  .una-bp-mobile-content-only .una-bp-col--sidebar{
    display:none;
  }

  .una-bp-mobile-content-only .una-bp-grid{ grid-template-areas: "content"; }
}

@media (min-width: 992px){
  /* one-columns */
  .una-bp-one-columns .una-bp-grid{ grid-template-columns: 1fr; grid-template-areas: "content"; }
  .una-bp-one-columns .una-bp-col--list,
  .una-bp-one-columns .una-bp-col--sidebar{ display:none; }

  /* two-columns-25-75 : sidebar + content */
  .una-bp-two-columns-25-75 .una-bp-grid{ grid-template-columns: 1fr 3fr; grid-template-areas: "sidebar content"; }
  .una-bp-two-columns-25-75 .una-bp-col--list{ display:none; }

  /* two-columns-75-25 : content + sidebar */
  .una-bp-two-columns-75-25 .una-bp-grid{ grid-template-columns: 3fr 1fr; grid-template-areas: "content sidebar"; }
  .una-bp-two-columns-75-25 .una-bp-col--list{ display:none; }

  /* three-columns-25-50-25 : list + content + sidebar */
  .una-bp-three-columns-25-50-25 .una-bp-grid{ grid-template-columns: 1fr 2fr 1fr; grid-template-areas: "list content sidebar"; }

  /* three-columns-20-55-25 : list + content + sidebar (recommended) */
  .una-bp-three-columns-20-55-25 .una-bp-grid{ grid-template-columns: 20% 55% 25%; grid-template-areas: "list content sidebar"; }

  /* three-columns-25-25-50 : list + sidebar + content */
  .una-bp-three-columns-25-25-50 .una-bp-grid{ grid-template-columns: 1fr 1fr 2fr; grid-template-areas: "list sidebar content"; }

  /* three-columns-50-25-25 : content + list + sidebar */
  .una-bp-three-columns-50-25-25 .una-bp-grid{ grid-template-columns: 2fr 1fr 1fr; grid-template-areas: "content list sidebar"; }

  /* RTL auto-flip */
  .una-bp-rtl-flip.una-bp-two-columns-25-75 .una-bp-grid{ grid-template-columns: 3fr 1fr; grid-template-areas: "content sidebar"; }
  .una-bp-rtl-flip.una-bp-two-columns-75-25 .una-bp-grid{ grid-template-columns: 1fr 3fr; grid-template-areas: "sidebar content"; }
  .una-bp-rtl-flip.una-bp-three-columns-25-50-25 .una-bp-grid{ grid-template-areas: "sidebar content list"; }
  .una-bp-rtl-flip.una-bp-three-columns-20-55-25 .una-bp-grid{ grid-template-columns: 25% 55% 20%; grid-template-areas: "sidebar content list"; }
  .una-bp-rtl-flip.una-bp-three-columns-25-25-50 .una-bp-grid{ grid-template-areas: "content sidebar list"; }
  .una-bp-rtl-flip.una-bp-three-columns-50-25-25 .una-bp-grid{ grid-template-areas: "sidebar list content"; }
}


/* Fallback when widgets are not active: avoid empty columns */
@media (min-width: 992px){
  .una-bp-no-list.una-bp-no-sidebar .una-bp-grid{ grid-template-columns: 1fr !important; grid-template-areas:"content" !important; }

  .una-bp-no-list.una-bp-has-sidebar .una-bp-grid{ grid-template-columns: 3fr 1fr !important; grid-template-areas:"content sidebar" !important; }

  .una-bp-has-list.una-bp-no-sidebar .una-bp-grid{ grid-template-columns: 1fr 4fr !important; grid-template-areas:"list content" !important; }

  /* RTL flip for fallback */
  /* IMPORTANT: when swapping areas, also swap the column sizes so content stays wide. */
  .una-bp-rtl-flip.una-bp-no-list.una-bp-has-sidebar .una-bp-grid{ grid-template-columns: 1fr 3fr !important; grid-template-areas:"sidebar content" !important; }
  .una-bp-rtl-flip.una-bp-has-list.una-bp-no-sidebar .una-bp-grid{ grid-template-columns: 4fr 1fr !important; grid-template-areas:"content list" !important; }
}


/* Full-width header section (Single Blueprint) */
.una-single-hero--fullwidth{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 12px 0 16px;
}
.una-single-hero--fullwidth .una-container{
  padding-top: 0;
}
.una-single-hero--fullwidth .una-single-hero__featured{
  margin-top: 12px;
}