/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* =========================================================
   Isotope grid (frontend)
   Stable gutter system

   Gutter source of truth:
   --iso-gap (set on .isotope-container in Bricks)
   ========================================================= */

/* ---------------------------------------------------------
   Container
   --------------------------------------------------------- */

.isotope-container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;

  /* local gutter variable (Bricks controls --iso-gap) */
  --ap-gutter: var(--iso-gap, 24px);

  list-style: none;
  margin: 0;
  padding: 0;

  /*
    IMPORTANT:
    These negative margins are what make the outer edges flush.
    Removing them causes the exact "20px left/right" inset.
  */
  margin-left: calc(var(--ap-gutter) * -0.5);
  margin-right: calc(var(--ap-gutter) * -0.5);
}

/* ---------------------------------------------------------
   Card sizing + visible gutters
   (descendant selector because Bricks may wrap cards)
   --------------------------------------------------------- */

.isotope-container .ap-isotopes-card {
  box-sizing: border-box;

  /* visible spacing */
  padding-left: calc(var(--ap-gutter) * 0.5);
  padding-right: calc(var(--ap-gutter) * 0.5);
  padding-bottom: var(--ap-gutter);

  /* prevent Bricks flex expansion */
  flex-grow: 0;
  flex-shrink: 0;

  /* 3 columns desktop */
  flex-basis: 33.3333%;
  max-width: 33.3333%;

  margin: 0;
}

/* 2 columns tablet */
@media (max-width: 991px) {
  .i


/* Isotope items are the card bodies (avoid Bricks LI sizing rules) */
.ap-isotope-container[data-isotope-ready="1"] .ap-isotopes-card__body {
  width: calc(33.333% - 28px) !important;
}

@media (max-width: 1024px) {
  .ap-isotope-container[data-isotope-ready="1"] .ap-isotopes-card__body {
    width: calc(50% - 28px) !important;
  }
}

@media (max-width: 640px) {
  .ap-isotope-container[data-isotope-ready="1"] .ap-isotopes-card__body {
    width: 100% !important;
  }
}

/* LI wrapper should not impose sizing */
.ap-isotope-container li.ap-isotopes-card {
  width: auto !important;
  max-width: none !important;
  display: block !important;
}

/* TEMP: Isotope container must not carry grid/flex spacing rules */
.ap-isotope-container {
  display: block !important;
  gap: 0 !important;
}

/* TEMP: ensure wrapper is not grid/flex either */
.ap-isotopes__wrapper,
.isotope-wrapper {
  display: block !important;
  gap: 0 !important;
}