/**
 * MCAP Events Photo Columns
 * Custom column configuration for The Events Calendar Pro photo view
 *
 * @package MCAP_Events_Photo_Columns
 * @version 1.0.0
 */

/* ==========================================================================
   Photo View - 4 Columnas
   ========================================================================== */

/* Mobile: mantener 2 columnas */
.tribe-common--breakpoint-xsmall.tribe-events-pro .tribe-events-pro-photo__event {
    width: var(--tec-grid-width-1-of-2) !important;
}

/* Tablet y Desktop: 4 columnas */
@media (min-width: 768px) {
    .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-photo__event {
        width: var(--tec-grid-width-1-of-4) !important;
    }
}

/* ==========================================================================
   Opciones disponibles (comentadas):
   ========================================================================== */

/*
Para cambiar el número de columnas, reemplaza el valor en la línea 22:

2 columnas:
    width: var(--tec-grid-width-1-of-2) !important;

3 columnas (default de Events Calendar Pro):
    width: var(--tec-grid-width-1-of-3) !important;

4 columnas (actual):
    width: var(--tec-grid-width-1-of-4) !important;

5 columnas:
    width: var(--tec-grid-width-1-of-5) !important;

6 columnas:
    width: var(--tec-grid-width-1-of-6) !important;
*/