/* Filename: outscuba-tec-photo-view.css */
/* TEC Photo View: unify layout across two shortcode instances (aacc522a, 5ed5a7cd)
   - Unclamp inner container to full width
   - Convert UL to 3/2/1 column grid
   - Square thumbnails (1:1) with 25px radius
   - Remove padding from LI items
*/
body.home .tribe-events-header,
body.home .tribe-events-nav,
body.home .tribe-events-sub-nav,
body.home .tribe-events-pro-photo-nav.tribe-events-c-nav,
body.home .tribe-events-c-subscribe-dropdown__container,
body.page-id-6507 .tribe-events-view .tribe-events-c-top-bar,
body.page-id-6507 .tribe-events-view .tribe-events-header,
body.page-id-6507 .tribe-events-nav,
body.page-id-6507 .tribe-events-sub-nav,
body.page-id-6507 .tribe-events-pro-photo-nav.tribe-events-c-nav,
body.page-id-6507 .tribe-events-c-subscribe-dropdown__container {
 	display:none !important;
}

body.home .tribe-common--breakpoint-medium.tribe-events.tribe-events-l-container,
body.home .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container,
body.home .tribe-events.tribe-events-l,
body.home .tribe-events.tribe-events-l-container,
body.home section.tribe-common-l-container.tribe-events-l-container,
body.page-id-6507 .tribe-common--breakpoint-medium.tribe-events.tribe-events-l-container,
body.page-id-6507 .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container,
body.page-id-6507 .tribe-events.tribe-events-l
body.page-id-6507 .tribe-events.tribe-events-l-container,
body.page-id-6507 section.tribe-common-l-container.tribe-events-l-container{
	min-height: 0 !important;
	padding:0 !important;
	margin:0 auto !important;
}
/* ===== 1) Unclamp inner container width for BOTH Photo View instances ===== */
div.tribe-events-view--photo[data-view-shortcode="aacc522a"] .tribe-events-l-container,
div.tribe-events-view--photo[data-view-shortcode="aacc522a"] .tribe-common-l-container,
div.tribe-events-view--photo[data-view-shortcode="5ed5a7cd"] .tribe-events-l-container,
div.tribe-events-view--photo[data-view-shortcode="5ed5a7cd"] .tribe-common-l-container,
div.tribe-events-view--photo[data-view-shortcode="e89a5463"] .tribe-events-l-container,
div.tribe-events-view--photo[data-view-shortcode="e89a5463"] .tribe-common-l-container{
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0;
  padding-right: 0;
}

/* Optional: normalize TEC layout variables for both */
div.tribe-events-view--photo[data-view-shortcode="aacc522a"],
div.tribe-events-view--photo[data-view-shortcode="5ed5a7cd"],
div.tribe-events-view--photo[data-view-shortcode="e89a5463"]{
  --tec-grid-width: 100% !important;
  --tec-gutter-width: 0;
}

/* ===== 2) Photo View UL → 3/2/1 column grid (BOTH instances) ===== */
@media (min-width: 1025px) {
  div.tribe-events-view--photo[data-view-shortcode="aacc522a"]
  ul.tribe-common-g-row.tribe-common-g-row--gutters[aria-labelledby="tribe-events-photo-view-heading"],
  div.tribe-events-view--photo[data-view-shortcode="5ed5a7cd"]
  ul.tribe-common-g-row.tribe-common-g-row--gutters[aria-labelledby="tribe-events-photo-view-heading"],
	div.tribe-events-view--photo[data-view-shortcode="e89a5463"]
  ul.tribe-common-g-row.tribe-common-g-row--gutters[aria-labelledby="tribe-events-photo-view-heading"]{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }
  /* Ensure each card fills its column & remove LI padding */
  div.tribe-events-view--photo[data-view-shortcode="aacc522a"]
  ul.tribe-common-g-row.tribe-common-g-row--gutters[aria-labelledby="tribe-events-photo-view-heading"] > li,
  div.tribe-events-view--photo[data-view-shortcode="5ed5a7cd"]
  ul.tribe-common-g-row.tribe-common-g-row--gutters[aria-labelledby="tribe-events-photo-view-heading"] > li,
	div.tribe-events-view--photo[data-view-shortcode="e89a5463"]
  ul.tribe-common-g-row.tribe-common-g-row--gutters[aria-labelledby="tribe-events-photo-view-heading"] > li{
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  div.tribe-events-view--photo[data-view-shortcode="aacc522a"]
  ul.tribe-common-g-row.tribe-common-g-row--gutters[aria-labelledby="tribe-events-photo-view-heading"],
  div.tribe-events-view--photo[data-view-shortcode="5ed5a7cd"],
  ul.tribe-common-g-row.tribe-common-g-row--gutters[aria-labelledby="tribe-events-photo-view-heading"],
	div.tribe-events-view--photo[data-view-shortcode="e89a5463"],
  ul.tribe-common-g-row.tribe-common-g-row--gutters[aria-labelledby="tribe-events-photo-view-heading"]{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}

@media (max-width: 767px) {
	
  body.home .tribe-events-calendar-list__event,
  body.page-id-6507 .tribe-events-calendar-list__event{
		width: 100% !important;
		flex: 0 0 100% !important;
		display: block !important;
	  }

  body.home .tribe-events-pro-photo__events .tribe-events-pro-photo__event,
  body.page-id-6507 .tribe-events-pro-photo__events .tribe-events-pro-photo__event{
		width: 100% !important;
		max-width: 100% !important;
	}
  div.tribe-events-view--photo[data-view-shortcode="aacc522a"]
  ul.tribe-common-g-row.tribe-common-g-row--gutters[aria-labelledby="tribe-events-photo-view-heading"],
  div.tribe-events-view--photo[data-view-shortcode="5ed5a7cd"],
  ul.tribe-common-g-row.tribe-common-g-row--gutters[aria-labelledby="tribe-events-photo-view-heading"],
  div.tribe-events-view--photo[data-view-shortcode="e89a5463"],
  ul.tribe-common-g-row.tribe-common-g-row--gutters[aria-labelledby="tribe-events-photo-view-heading"]{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* ===== 3) Thumbnails: square ratio + 25px radius (BOTH instances) ===== */
div.tribe-events-view--photo[data-view-shortcode="aacc522a"]
ul.tribe-common-g-row.tribe-common-g-row--gutters[aria-labelledby="tribe-events-photo-view-heading"] li img,
div.tribe-events-view--photo[data-view-shortcode="5ed5a7cd"]
ul.tribe-common-g-row.tribe-common-g-row--gutters[aria-labelledby="tribe-events-photo-view-heading"] li img,
div.tribe-events-view--photo[data-view-shortcode="e89a5463"]
ul.tribe-common-g-row.tribe-common-g-row--gutters[aria-labelledby="tribe-events-photo-view-heading"] li img,
.tribe-events-c-photo__event-featured-image img,
.tribe-events-c-photo__event-image img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 25px !important;
  display: block !important;
}

/* Ensure wrappers don't clip rounded corners */
.tribe-events-c-photo__event-featured-image,
.tribe-events-c-photo__event-image {
  overflow: hidden;
}
/* Purpose: Make The Events Calendar (Views v2) list/grid render as 3 equal columns like Elementor Posts.
   Target page: sandbox.outscuba.com/matching
   Safe, non-destructive overrides with responsive breakpoints.
*/

/* ---------- Responsive column counts ---------- */
@media (min-width: 1025px) {
  /* 3 columns on desktop */
  .tribe-events .tribe-events-calendar-list,
  .tribe-events .tribe-events-calendar-grid,
  .tribe-events .tribe-events-calendar-latest-past__events {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px; /* match your Posts gap */
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* 2 columns on tablet */
  .tribe-events .tribe-events-calendar-list,
  .tribe-events .tribe-events-calendar-grid,
  .tribe-events .tribe-events-calendar-latest-past__events {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px;
  }
}

@media (max-width: 767px) {
  /* 1 column on mobile */
  .tribe-events .tribe-events-calendar-list,
  .tribe-events .tribe-events-calendar-grid,
  .tribe-events .tribe-events-calendar-latest-past__events {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px;
  }
}

/* ---------- Normalize the individual cards ---------- */
/* Ensure items fill their grid column and don't shrink due to max-width/flex-basis */
.tribe-events .tribe-events-calendar-list__event,
.tribe-events .tribe-events-calendar-month__calendar-event,
.tribe-events .tribe-events-calendar-grid__event,
.tribe-events .tribe-event,
.elementor-widget-posts .elementor-post {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
  margin: 0;
}

/* ---------- Images: consistent presentation ---------- */
/* Make featured images full width and nicely cropped */
.tribe-events .tribe-events-calendar-list__event-featured-image img,
.tribe-events .tribe-events-calendar-grid__event-featured-image img,
.tribe-events .tribe-events-calendar-month__calendar-event-featured-image img,
.elementor-widget-posts .elementor-post__thumbnail img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover; /* change to contain if you don’t want cropping */
  display: block;
}

/* Optional: enforce an aspect ratio for thumbnails (uncomment if desired) */
/*
.tribe-events .tribe-events-calendar-list__event-featured-image img,
.elementor-widget-posts .elementor-post__thumbnail img {
  aspect-ratio: 3 / 2;
}
*/

/* ---------- Neutralize inner spacing that can reduce visual width ---------- */
/* Some TEC wrappers use grid-with-gutters; reduce unexpected spacing */
.tribe-common .tribe-common-g-row,
.tribe-common .tribe-common-g-col {
  gap: 0; /* adjust if you prefer some gutter */
}

/* ---------- Keep headings and meta from overflowing ---------- */
.tribe-events .tribe-events-calendar-list__event-title,
.tribe-events .tribe-events-calendar-list__event-date-tag {
  overflow-wrap: anywhere;
}