/*
 * layout.css — GP container/grid structural overrides
 *
 * Override GP's container behavior for property views.
 * Bulma handles the inner grid; this file handles the outer shell.
 */

 .site-content {
    display: block !important;
}
/* Wider container on property archive for more cards per row */


.gpre-wide-container .inside-article {
    padding-left:  var(--space-lg);
    padding-right: var(--space-lg);
}

@media (min-width: 1400px) {
    .gpre-wide-container .inside-article {
        padding-left:  var(--space-2xl);
        padding-right: var(--space-2xl);
    }
}

.gpre-container{
    max-width: 1280px;
    padding-inline: 1.5em;
    margin-inline: auto;
}
.wide-container{
    max-width: 1560px;
    padding-inline: 1.5em;
    margin:0 auto;
}

/* Remove default GP padding on property single so gallery spans edge-to-edge */
.is-property-single .inside-article {
    padding: 0;
}

.is-property-single .entry-header {
    padding: var(--space-xl) var(--space-lg) 0;
}

.is-property-single .entry-content {
    margin-top: var(--space-lg);
    padding: 0 var(--space-lg);
}

/* Property archive grid — Bulma columns wrapper inside gpre-scope */
.gpre-property-grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-lg);
}

.gpre-property-grid .gpre-property-card {
    flex: 1 1 calc(33.333% - var(--space-lg));
    min-width: 300px;
}

/* Filter bar sticky on scroll */
.gpre-filter-bar {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--color-bg);
    padding: var(--space-md) 0;
    border-bottom: 1px solid var(--color-border);
    margin-bottom: var(--space-xl);
}

/* TailPress gallery — ensure Swiper doesn't overflow */
.gpre-scope .swiper {
    max-width: 100%;
    overflow: hidden;
}

.gpre-scope .swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
}