/* ==========================================================================
   Action buttons — Container compacto para vistas Share/Forms en mobile
   ========================================================================== */

@media (max-width: 768px) {
    .action-buttons-container {
        width: 100%;
    }

    .action-buttons-container .action-btn {
        width: 100%;
        padding: 0.875rem 1rem;
        font-size: 0.95rem;
        font-weight: 600;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition:
            transform 200ms var(--ease-out-strong),
            box-shadow 200ms var(--ease-out-strong),
            background-color 150ms ease,
            border-color 150ms ease;
        min-height: 48px; /* Tamaño mínimo táctil recomendado */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .action-buttons-container .action-btn:active {
        transform: scale(0.97);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    }

    .action-buttons-container .action-btn i {
        font-size: 1rem;
        flex-shrink: 0;
    }

    [data-bs-theme="dark"] .action-buttons-container .btn-outline-primary {
        border-width: 2px;
    }

    [data-bs-theme="dark"] .action-buttons-container .btn-warning {
        color: #212529;
        font-weight: 600;
    }

    [data-bs-theme="dark"] .action-buttons-container .action-btn {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    /* Form action buttons (Create/Edit Activity) */
    .form-action-buttons {
        width: 100%;
    }

    .form-action-buttons .form-action-btn {
        width: 100%;
        padding: 0.875rem 1rem;
        font-size: 0.95rem;
        font-weight: 600;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition:
            transform 200ms var(--ease-out-strong),
            box-shadow 200ms var(--ease-out-strong),
            background-color 150ms ease,
            border-color 150ms ease;
        min-height: 48px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .form-action-buttons .form-action-btn:active {
        transform: scale(0.97);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    }

    .form-action-buttons .form-action-btn i {
        font-size: 1rem;
        flex-shrink: 0;
    }

    [data-bs-theme="dark"] .form-action-buttons .form-action-btn {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    [data-bs-theme="dark"] .form-action-buttons .btn-outline-secondary {
        border-width: 2px;
    }
}