/**
 * Split from numart_main.css for maintainability.
 */

/* 1. Ensure html and body take up the full viewport height */
html,
body {
  height: 100%;
  margin: 0;
  /* Remove default body margin */
  padding: 0;
  /* Remove default body padding */
}

/* 2. Make the .layout-container the Flex container */
/* This div wraps all your main page content and the footer */
.layout-container {
  direction: rtl !important;
  display: flex;
  /* Enable Flexbox */
  flex-direction: column;
  /* Stack children (header, section, main, footer) vertically */
  min-height: 100vh;
  /* Ensure it's at least the height of the viewport */
  /* Your existing classes like font-smoothing, position-relative, overflow-hidden should remain */
}

/* 3. Make the <main> element expand to fill available space */
/* This pushes the footer down */
main[role="main"] {
  flex-grow: 1;
  /* This is the key: it expands to fill available space */
  /* Your existing classes like col-md-10, offset-md-1 should remain */
}


/* Ensure header and section don't interfere with flex-grow */
/* They will take their natural height */
header[role="banner"] {
  flex-shrink: 0;
  /* Prevents them from shrinking if space is constrained */
  z-index: 100 !important;

}

.view-commerce-cart-form {
  padding: 40px;
}

.block-extra-field-blockuserusermember-for {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background: #fff;
  padding: 2rem 3rem;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  text-align: center;
}

/* Target the horizontal responsive grid */
.views-view-responsive-grid--horizontal {
  display: grid;
  gap: var(--views-responsive-grid--layout-gap, 30px);

  /* make the columns only as wide as the items */
  grid-template-columns: repeat(var(--views-responsive-grid--column-count),
      auto);

  /* shrink-wrap the grid and center it */
  width: max-content;
  margin-right: auto;
  margin-left: auto;
}



.card-body ul {
  padding: 0 !important;
}