.leaflet-link {
  font-size: 0.85em;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 0px;
  transition: opacity 0.2s ease;
	letter-spacing: 0.5px;
  text-decoration: none;
}

.leaflet-link:hover {
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
}

.wp-block-button__link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
		vertical-align: middle;
}

/* Hide all cost displays */
.tribe-events-cost,
.tribe-events-divider {
    display: none;
}

/* Hide Cost in Details section */
dd.tribe-events-event-cost {
    display: none !important;
}

.tribe-events-meta-group.tribe-events-meta-group-details dt:nth-of-type(3) {
    display: none !important;
}

/* Hide "Free" price text in event listings */
.tribe-events-c-small-cta__price {
    display: none !important;
}

/* 1. Make the image container a reference point for positioning */
.wp-block-image figure {
    position: relative; 
    overflow: hidden; /* Keeps everything neat inside the rounded corners */
}

/* 2. Style the Caption to float on top */
.wp-block-image figcaption {
    position: absolute;
    bottom: 0;       /* Stick to the bottom */
    left: 0;         /* Stretch from left... */
    right: 0;        /* ...to right */
    
    /* Visual Styling */
    background: rgba(0, 0, 0, 0.6); /* Black background with 60% opacity */
    color: #ffffff;                 /* White text */
    padding: 10px 15px;             /* Space around the text */
    font-size: 0.85rem;             /* Slightly smaller, professional font size */
    text-align: right;              /* Aligns text to the right (optional) */
    margin: 0;                      /* Removes default WordPress spacing */
    
    /* smooth transition for hover effects */
    transition: opacity 0.3s ease;
}

/* Optional: Only show the credit when hovering over the image */
/* Uncomment the lines below if you want the text to hide until hover */
.wp-block-image figcaption { opacity: 0; }
.wp-block-image:hover figcaption { opacity: 1; } 

/* 1. Target the entire event container to remove gaps */
.ecs-event-list .ecs-event {
    background-color: rgba(0, 0, 0, 0.7) !important; /* Solid dark background */
    padding: 10px 15px !important;
    margin-bottom: 10px !important;
    border-radius: 6px;
    display: inline-block; /* Keeps the box from stretching full-width */
    list-style: none !important; /* Removes the bullet point */
}

/* 2. Reset margins on title and text so they don't create internal gaps */
.ecs-event-list .entry-title, 
.ecs-event-list .ecs-event p {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important; /* Remove previous individual backgrounds */
}

/* 3. Ensure all text inside is white and clear */
.ecs-event-list .entry-title a,
.ecs-event-list .duration.time,
.ecs-event-list .tribe-event-date-start,
.ecs-event-list .tribe-event-time {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* 4. Fix list alignment */
.ecs-event-list {
    padding-left: 0 !important;
    margin-left: 0 !important;
}