/***************************
      POST FEED STRUCTURAL
 ***************************/

/* Base structural needs for all types */
.post-feed-container { width: 100%; display: block; }
.post-feed-item { padding: 10px; }
.post-item-card { display: flex; flex-direction: column; height: 100%; }
.post-content { display: flex; flex-direction: column; flex-grow: 1; }
.post-content .read-more { margin-top: auto; }

/* 1. GRID: Respects ACF Choice */
.postdisplay_grid:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Fallback, can be overridden by data-attrib if needed */
    gap: 20px;
}

/* 2. SLIDE: Structural Fixes for the "Right Column" Bug */
.post-feed-row.postdisplay_slide.slick-initialized {
    display: block !important;
    position: relative;
    padding-bottom: 50px;
    max-width: 1550px;
    margin-left: auto;
    margin-right: auto;
}

/* Ensure the dots stay centered at the bottom */
.postdisplay_slide .slick-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex !important;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Slick Slide track management */
.postdisplay_slide .slick-track {
    display: flex !important;
    align-items: stretch;
	gap:20px;
}

.postdisplay_slide .slick-slide {
    height: auto !important;
    display: flex !important;
}

/* Arrows vertically centered on the cards */
.postdisplay_slide .slick-prev, 
.postdisplay_slide .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.postdisplay_slide .slick-prev { left: -20px; }
.postdisplay_slide .slick-next { right: -20px; }

/* 3. RESPONSIVE BREAKPOINTS for Grid Only */
@media (max-width: 1024px) {
    .postdisplay_grid:not(.slick-initialized) { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .postdisplay_grid:not(.slick-initialized) { grid-template-columns: 1fr; }
    /* Bring arrows inside on mobile */
    .postdisplay_slide .slick-prev { left: 10px; }
    .postdisplay_slide .slick-next { right: 10px; }
}