/**
 * iPad Specific Fixes
 * Ensures proper display of elements on iPad devices
 */

/* Fix for event card elements on iPad */
@media (min-width: 768px) and (max-width: 1023px) {
    .event__actions,
    .event__link {
        display: flex !important; /* Force display */
        visibility: visible !important; /* Ensure visibility */
        position: static;
        width: min-content;
        height: auto;
        text-indent: 0;
        border-left: 1px solid var(--black-02);
    }
    
    .facepile {
        display: flex !important;
        visibility: visible !important; /* Ensure visibility */
        align-items: center !important;
    }
    
    /* Additional styling to ensure proper layout */
    .event__footer {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
    }
    
    .event__actions {
        margin-top: 10px !important;
        flex: 1 !important;
        justify-content: flex-end !important;
    }
    
    /* Ensure text is visible */
    .event__link span,
    .facepile__count {
        visibility: visible !important;
        opacity: 1 !important;
    }
}