.widget-area,
.footer-widgets,
.site-footer .widget,
.site-footer .widget-area {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.site-footer {
    min-height:  !important;
    height: auto !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.is-singular .entry-inner {
    max-width: 1200px !important;
}

.wp-block-latest-posts {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* ==================================================
   SOUTHEAST OHIO FOOD TRUCK FINDER
   APP-STYLE TEST PAGE
   Noble Digital Marketing - Page ID 887
   ================================================== */

/* Hide the normal WordPress page title */
.page-id-887 h1.entry-title,
.page-id-887 .entry-title,
.page-id-887 .post-title,
.page-id-887 .page-title,
.page-id-887 .wp-block-post-title {
    display: none !important;
}

/* Hide the theme's page header area */
.page-id-887 .entry-header {
    display: none !important;
}


/* ==================================================
   MOBILE APP-STYLE LAYOUT
   ================================================== */

@media (max-width: 782px) {

    /* Reduce unnecessary space around page */
    .page-id-887 main {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Main content width */
    .page-id-887 .entry-content {
        padding-left: 18px !important;
        padding-right: 18px !important;
        margin-top: 0 !important;
    }

    /* Food Truck Finder heading */
    .page-id-887 .entry-content h2:first-of-type {
        font-size: 30px !important;
        line-height: 1.1 !important;
        margin-top: 15px !important;
        margin-bottom: 18px !important;
    }

    /* "Where are the food trucks today?" */
    .page-id-887 .entry-content h3:first-of-type {
        font-size: 19px !important;
        line-height: 1.3 !important;
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }

    /* Intro paragraph */
    .page-id-887 .entry-content h3:first-of-type + p {
        font-size: 16px !important;
        line-height: 1.45 !important;
        margin-bottom: 20px !important;
    }


    /* ==================================================
       SEARCH / FILTER AREA
       ================================================== */

    /* Make search/filter fields more compact */
    .page-id-887 .event_filters input,
    .page-id-887 .event_filters select,
    .page-id-887 .event_filters .select2-selection {
        min-height: 46px !important;
        height: 46px !important;
        font-size: 16px !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
    }

    /* Reduce space between filters */
    .page-id-887 .event_filters .search_events > div {
        margin-bottom: 10px !important;
    }

    /* Keyword and location fields */
    .page-id-887 .search_keywords,
    .page-id-887 .search_location {
        margin-bottom: 10px !important;
    }

    /* Date/category/type selectors */
    .page-id-887 .search_categories,
    .page-id-887 .search_event_types {
        margin-bottom: 10px !important;
    }


    /* ==================================================
       EVENT RESULTS
       ================================================== */

    /* Reduce space before results */
    .page-id-887 .event_listings {
        margin-top: 20px !important;
    }

    /* Make individual listing cards more compact */
    .page-id-887 .event_listing {
        margin-bottom: 12px !important;
        border-radius: 12px !important;
        overflow: hidden !important;
    }

    .page-id-887 .event_listing a {
        padding: 12px !important;
    }

    /* Smaller event/truck images */
    .page-id-887 .event_listing img {
        max-width: 70px !important;
        height: auto !important;
    }

    /* Event titles */
    .page-id-887 .event_listing h3,
    .page-id-887 .event_listing .position {
        font-size: 17px !important;
        line-height: 1.25 !important;
    }

    /* Event details */
    .page-id-887 .event_listing .location,
    .page-id-887 .event_listing .meta,
    .page-id-887 .event_listing .date {
        font-size: 14px !important;
    }


    /* ==================================================
       GENERAL APP-LIKE TOUCHES
       ================================================== */

    /* Round form controls */
    .page-id-887 input,
    .page-id-887 select,
    .page-id-887 button {
        border-radius: 10px !important;
    }

    /* Make buttons easier to tap */
    .page-id-887 button,
    .page-id-887 input[type="submit"] {
        min-height: 44px !important;
        font-size: 16px !important;
    }

}

/* Food Truck Finder - compact mobile filters */
@media (max-width: 782px) {

    .page-id-887 .search_events {
        gap: 10px !important;
    }

    .page-id-887 .search_events input,
    .page-id-887 .search_events select,
    .page-id-887 .select2-container .select2-selection {
        min-height: 48px !important;
        height: 48px !important;
        font-size: 16px !important;
        border-radius: 12px !important;
    }

    .page-id-887 .search_events input {
        padding: 10px 14px !important;
    }

    .page-id-887 .select2-container .select2-selection__rendered {
        line-height: 46px !important;
        padding-left: 14px !important;
    }

    .page-id-887 .select2-container .select2-selection__arrow {
        height: 46px !important;
    }
}

/* Food Truck Finder - hide plugin Events heading */
.page-id-887 .event_listings h2,
.page-id-887 .wpem-event-listings-header h2 {
    display: none !important;
}

/* Food Truck Finder - quick date buttons in one row */
@media (max-width: 782px) {

    .page-id-887 .wp-block-buttons {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
    }

    .page-id-887 .wp-block-button {
        flex: 1 1 0 !important;
        margin: 0 !important;
    }

    .page-id-887 .wp-block-button__link {
        width: 100% !important;
        padding: 12px 5px !important;
        font-size: 13px !important;
        white-space: nowrap !important;
        text-align: center !important;
    }
}
/* Food Truck Finder - hide Keywords only */
.page-id-887 .wpem-form-group:has(input[name="search_keywords"]) {
    display: none !important;
}

/* Food Truck Finder - compact event cards on mobile */
@media (max-width: 782px) {

    .page-id-887 .wpem-event-listing-list-view .wpem-event-layout-wrapper {
        padding: 12px !important;
        min-height: 0 !important;
    }

    .page-id-887 .wpem-event-information {
        padding: 0 !important;
    }

    .page-id-887 .wpem-event-details {
        padding: 0 0 0 12px !important;
    }

    .page-id-887 .wpem-event-title {
        margin-bottom: 5px !important;
    }

    .page-id-887 .wpem-event-title h3,
    .page-id-887 .wpem-event-title a {
        font-size: 18px !important;
        line-height: 1.2 !important;
    }

    .page-id-887 .wpem-event-date-time,
    .page-id-887 .wpem-event-location {
        font-size: 14px !important;
        line-height: 1.35 !important;
        margin-bottom: 4px !important;
    }

    .page-id-887 .wpem-event-banner-img {
        width: 90px !important;
        height: 90px !important;
        min-width: 90px !important;
        object-fit: cover !important;
    }
}

/* Food Truck Finder - remove excess card height */
@media (max-width: 782px) {

    .page-id-887 .wpem-event-listing-list-view .wpem-event-layout-wrapper,
    .page-id-887 .wpem-event-listing-list-view .wpem-event-box-col {
        min-height: 0 !important;
        height: auto !important;
    }

    .page-id-887 .wpem-event-listing-list-view .wpem-event-infomation,
    .page-id-887 .wpem-event-listing-list-view .wpem-event-information {
        min-height: 0 !important;
        height: auto !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .page-id-887 .wpem-event-listing-list-view .wpem-event-details {
        margin-bottom: 0 !important;
    }
}

/* Food Truck Finder - tighten the whole card */
@media (max-width: 782px) {

    .page-id-887 .wpem-event-listing-list-view .wpem-event-layout-wrapper {
        display: flex !important;
        align-items: flex-start !important;
        padding: 10px !important;
    }

    .page-id-887 .wpem-event-listing-list-view .wpem-event-banner {
        flex: 0 0 90px !important;
        width: 90px !important;
        margin: 0 !important;
    }

    .page-id-887 .wpem-event-listing-list-view .wpem-event-details {
        flex: 1 1 auto !important;
        margin: 0 !important;
        padding: 0 0 0 12px !important;
    }

    .page-id-887 .wpem-event-listing-list-view .wpem-event-information {
        display: flex !important;
        align-items: flex-start !important;
        min-height: 0 !important;
        height: auto !important;
    }
}

@media (max-width: 782px) {
  .page-id-887 .site-content,
  .page-id-887 .content-area,
  .page-id-887 .site-main,
  .page-id-887 .entry-inner,
  .page-id-887 .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

@media (max-width: 782px) {
  .page-id-887 .entry-content {
    padding-top: 55px !important;
  }
}

@media (max-width: 782px) {
  .page-id-887 .wpem-event-listings-header {
    margin-top: 10px !important;
  }
}

/* Food Truck Finder - compact mobile event cards */
@media (max-width: 782px) {

  .page-id-887 .event_listings .event_listing {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    margin-bottom: 12px !important;
  }

  .page-id-887 .event_listings .event_listing a {
    min-height: 0 !important;
    height: auto !important;
  }

	.page-id-887 .event_listings .event_listing {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.page-id-887 .event_listings .event_listing a {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
	
	/* Reduce space above food truck results */
.page-id-887 .event_listings {
    margin-top: 20px !important;
    padding-top: 0 !important;
}
}